timlab | UI/UX & Web Design
portfolio of Tim Bailey
process icon
My Process
The evolution of an interface or website goes through several phases, beginning with research and ultimately ending with development. The following outlines my personal workflow, from start to finish.
Initial Research. Consulting with a company's marketing specialists, business anaylists, SEMs, as well as conducting surveys provide the raw material for building personas that describe the typical behavior and priorities of a target audience.
Abstract Brainstorming. Affinity mapping, whiteboard scribbling and other improvisations form the basis for more concrete organization.
Heuristic Evaluations. By observing difficulties encountered by users as they navigate through a test case, I pinpoint areas that require improvement. By conducting moderated or unmoderated user testing, valuable quantitative/qualitative metrics are gathered for statistical analysis.
Journey Mapping / User Flows. A plan comes together with diagrams that visually illustrate the user's sequence of actions when making choices.
Visual Prototyping
Wireframing. Basic, low-fidelity, yet interactive representations of the UI demonstrate how the user's actions will change view states in the application.
High Fidelity Mockups. Using familiar graphical tools (Photoshop, Illustrator, Sketch, etc.), wireframes are transformed into aesthetically strong, static designs that conform to a company's brand identity.
Front End Development
Style and Layout coding. Using HTML, CSS, SASS, and Javascript, function is added to the form. Now the static designs come to life as an interactive app/website.