BloomzResearch, wireframe, prototype, interaction and visual design, front-end development. View site

1

2

3

GlobalScholarResearch, wireframe, prototype, interaction design, visual design, front-end development.

4

5

6

7

8

UXCardSortProduct owner, research, prototype, interaction design, visual design.

9

10

Just for FunBlender 3D, modeling, texturing, shading, lighting.

11

12

13

Process DiscussionInterview from the Interaction Design Foundation course "Become a UX Design from Scratch"

Competitive AnalysisAssess the strengths and weaknesses of competitors against your user's needs.

Mental ModelCapture user behavior, pain points, motivations, and needs from contextual inquires. Group into logical pillars. Map out product features for each pillar to identify gaps, opportunities, and feature bloat. Learn more about Mental Models by Indi Young.

PersonasSummarize the research data from your mental model into personas. This will help your team keep the user's motivations, frustrations, and goals in mind when evaluate design solutions. Download this persona template from Yaroslav Zubko.

Customer Journey Map After you have identified who will be using your product, write down the business goals/desired outcome for each persona. You then go back and fill in how they will discover your product, learn what it is all about, and how they will start using it.

Task AnalysisIdentifies user's thought process and desired reactions toward each task flow segment.

Red Route AnalysisPrioritize user experience for common tasks. Tasks used by few and rarely can be harder for user to access so that tasks used frequently by most people can be easily accomplished. Learn more about Red Route Analysis by Dr. David Travis.

StoryboardsVisually depict scenarios with storyboards. The storyboard should show the context, the problem, the user's fears/motivations, and how the problem will be solved. I use tools like Bitstrips to quickly create them.

WireframesVisually communicate abstract concepts with users and team members to generate feedback. These can be hand drawn or created with a software like Balsamiq.

Rapid PrototypingGet users involved early in the design process with quick and inexpensive paper prototypes. Uncover usability issues and validate design decisions based on actual user reactions.

Style TilesThis is a great way to jumpstart the visual design language even before the interaction designs are finalized. Start with common UI elements typical found in the product you are building and rapidly iterate through several variations. Learn more about Style Tiles

High Fidelity MockupsApply product branding, grid structure, typography, color scheme, and icons.

High Fidelity PrototypesQuickly develop interactive prototypes with tools like Flinto or JustInMind. This lets the team easily distribute and observe exactly how well the product will be received before the product gets built.

Redline SpecificationsProvide front-end developers redline specifications to help them accurately implement your designs. Measure by Utom is a fantastic Sketch plugin that generates interactive redline specification from your Sketch files. It also provides the appropriate unit of measurements for all the different web browsers, iOS, and Android resolutions.

Pattern LibraryCreate a reusable pattern library in an app like Sketch so that you and your team members do not have to keep recreating commonly used controls over and over again in your designs.