Think First. Design Second.
Functionality and Flow
UX defines what success means for a product and prioritize needs.
What are the business goals that need to be achieved? How are these goals demonstrated & measured?
What do users want to accomplish? This goes beyond viewing data to determine what they will do with the data.
User Interviews & Usability Testing
Interview users directly to understand how they use the product, what works, and what doesn’t work.
When access to users is unavailable this research can extend to customer service employees or sales reps who have direct knowledge from interaction with users.
Statistical data is analyzed to determine patterns and performance. Analytics can help surface and answer questions such as:
– How do users land on the site?
– Where do users leave the site?
– What is the sequence of interactions on the site?
– Which content is underperforming?
– Do users return unnecessarily to pages?
– Are there issues with behavioral flows?
– Are there underperforming goals?
– Do users succeed on the first attempt?
– Do users complete on time?
Personas & Diagrams
Develop personas that create reliable representations of key audience segments to be used throughout the design process. The personas summarize and visualize the needs of users.
User flows clarify the scope and visualize the main user flows through the product. They hep identify areas where flow can beimproved.
Evaluate Interaction States
Evaluation will consider language, priority, visual clarity, and problems in three states:
The blank state sets the bar for the quality of the user experience. Does it answer user questions and expectations?
The working state where users work with the product. Is it obvious and forgiving? Are they able to act and react intuitively? Are the visuals consistent?
The error state is crucial for user retention. How does the product handle errors and notify users? Are notifications useful and clear, written in plain language? Do users know how to fix the error?
Clarify Scope of UI Design
Summarize the research and make recommendations to improve the user experience.
Determine how to solve underling issues. These recommendations outline the scope of what the product design and UI design will address.
Wireframes can be quickly developed to explore several design options and allow for collaborative design. This is the start to explore visual solutions that meet needs.
Design Feedback and Revision
After wireframes are refined it is helpful to get feedback from internal and external stakeholders. Internal design discussions improve the solution and it is sometimes appropriate to have external discussions for early feedback before designs progress.
Once the design direction is finalized through wireframes, the next phase is to create pixel perfect prototypes that visualize the design solution with great detail.
Design Feedback and Revision
Internal feedback helps to refine and improve the design before it is presented to external stakeholders.
After internal review the design is reviewed with external stakeholders and may undergo usability testing. Feedback and concerns are collected.
Revise and Finalize Prototype
In the final design phase all feedback is reviewed and concerns are addressed. When the design is finalized it can be moved to production.
Coding and Validation
The product is coded to fully develop functionality that implements the design solution.
The visual design is verified for completeness and accuracy.
All code (HTML, CSS, JS, etc) is validated to ensure it complies with current standards.
Function tests are performed to ensure that all aspects of the product work as designed.
Accessibility tools, such as WAVE, are used to ensure that the product meets current accessibility standards
The final product is deployed and results are determined.
Additional sprints may begin.
Other iterations make take place as testing is conducted.