Posts

Sitemaps display the relationship between various pages and content of a website, demonstrating the way that the website is organized, how it can be navigated, and how it is labeled.

Project Description Visual Sitemaps Visual sitemaps reveal the organization of all the pages or screens within that site. It's a great way to get the big picture of the information architecture (IA) and the taxonomy. It's also a valuable tool for reworking and simplifying that IA. What it is. An out...
100days.design

Interviews are used to dig deeper into an individual experience or viewpoint. They produce rich qualitative information that you couldn’t get in a survey, and allow you to go deeper into emotions and experiences than you’d be able to while merely observing someone’s behavior.

Project Description CONDUCTING INTERVIEWS Interviews get you deep into the emotional experiences of a user. They focus more on feelings than actions, and allow the interviewee to express their inner thoughts while using your products. Interviews are an invaluable tool for understanding and empathizi...
100days.design
Reviews
100 Days of Product Design has no reviews yet.
Tell people what you think
Photos
Posts
Project Description WAYFINDING Where are you going, how do you know you've arrived, and can you find your way back? What it is. Wayfinding is the methods we all use to get around in the world, from finding our way to work or school and home again, to how we find the exact
100days.design

Taxonomy is a fancy word for organizing by type. It’s something we do all the time and it is evident all around us. How do you organize your kitchen? Do you throw all the food, dishes and utensils together into a single cupboard? Or do you put dishes in one cupboard, utensils and flatware in another, and food somewhere else? That’s a taxonomy.

Project Description TAXONOMY The nitty-gritty of classifying and organizing content. What it is. Taxonomy is how you organize, name and classify information. It is the foundation of the navigation. How it's used. In IA, it's the organization of all the site content into sections, categories and…
100days.design

Maslow’s Hierarchy of Needs in a design context helps us focus the core tasks of an applicantion on meeting user needs and business goals.

Project Description HIERARCHY OF USER NEEDS Product designers must think about more than just what will delight users. They must also understand the core functionality and business goals. What it is. Maslow’s Hierarchy of Needs in a design context helps us focus the core tasks
100days.design

One of the first things a user does when they arrive on a new site is to check out the top-level navigation for clues about what the main categories are and where they might want to go first. This quick look around helps form that mental map.

Project Description MENTAL MAPS Mental maps are how the user remembers the organization of your website. They're a snapshot of how the navigation works, memorized. What it is. When users arrive at a website, they take a quick glance at the navigation and content (we call this the 10-second
100days.design
Project Description WAYFINDING Where are you going, how do you know you've arrived, and can you find your way back? What it is. Wayfinding is the methods we all use to get around in the world, from finding our way to work or school and home again, to how we find the exact
100days.design
Project Description USING SKETCH Sketch has become the industry standard for wire framing digital product design. Simpler than Photoshop or illustrator to learn, Sketch has a lot going for it as a principal UX tool. What it is. Sketch is an application the was built specifically for UX designers to…
100days.design
Project Description ADAPTIVE, RESPONSIVE & NATIVE APPS There are three main strategies for making websites and applications mobile-friendly. Each has advantages and disadvantages. What it is. Adaptive websites are those that have a separately designed and built site just for mobile. Responsive websi...
100days.design
Project Description DESIGNING FOR MOBILE Designing for mobile viewing is more than just making sure the content fits on a small screen. It requires a detailed understanding of how and where our user will use the application. What it is. We need to understand where, when and under what
100days.design
Project Description MOBILE FIRST The concept "Mobile First" came out of a movement to improve the mobile user experience by focusing on progressive enhancement instead of graceful degradation. What it is. It's a design philosophy that puts the design of the mobile experience front and center in the…
100days.design
Project Description IDEATION Ideation -- a.k.a. brainstorming -- can come at any point in the design process, though we usually think of it as kicking off a project. What it is. Ideation is a way of coming up with a lot of ideas in a short amount of time.
100days.design
Project Description ANNOTATING WIREFRAMES The test of a good wireframe is how concise and detailed are the annotations. What it is. Annotations describe the content, state(s) and function of each element in a wireframe. How it's used. Engineers read our annotations to understand what the application...
100days.design
Project Description LOW-FIDELITY WIREFRAMES Wireframes are to websites as blueprints are to buildings. They're the design artifact that we give engineers so they can build what we've designed. What it is. Detailed designs that show functionality and layout -- but not the visual UI. The wireframes lo...
100days.design
Project Description MODULAR DESIGN Large websites are built with a set of page modules that hold different types of content. Instead of designing a website with the finalized content, product designers have to think about where future content will go, and design container to hold it. What it is. Pag...
100days.design
Project Description STORYBOARDING THE USER JOURNEY Storyboards help you (and the product team and stakeholders) empathize with your user(s). By showing the use case as a visual sketch, everyone can think more clearly about the user's experience. What it is. A storyboard is a frame-by-frame illustrat...
100days.design