Skip to content
UI UX
Activity
Process UI/UX
1.1. Brief
1.2 User Personas
1.3 User Flow/Sitemap
1.4 Establish visual style and personality
2.1 Sketching
2.2 Wireframing
Source
Name
Link
Notes
Type
There are no rows in this table
Design & Production: Design Logo
Create a logo if good quality logo image cannot be supplied by client.
Related milestone: Logo Design Complete
UI/UX Techstack
Style Guide page
Landing Page Structuring
USER Flow Design Blogs
Other
User Persona
User Persona's Parameters
User Persona:
Environment:
Tasks:
USER BEHAVIOR DIAGRAM
The 8 Step UX Design Process
Step 1: Define
In the first phase, it's necessary to determine exactly what needs to be created, and why. Why does this product need to exist? Who are you creating this for? What business problems will this solve?
Out of this initial kick-off meeting, you’ll likely have a set of specs to work from, as well as a low-fi concept sketch. This gives you a basic outline that can then be used in the next step.
Step 2: Research
In this phase, designers conduct research to gain a deep understanding of their users and their needs. This research helps them create empathy for their users and understand what they need from the product or service.
Both user research and market research are necessary components of this phase. User research can take many forms, such as interviews, surveys, focus groups, and ethnographic studies. Market research looks at things like industry trends and competitive analysis.
There are a few different ways to go about conducting user research. One popular method is customer journey mapping, which allows you to see the steps your users take as they interact with your product. Another common technique is usability testing, which gives you direct feedback from users on what works well and what needs improvement.
Step 3: Analysis & Planning
In the planning phase, designers take all of the information they gathered in the research stage and start to plan out how they’ll meet those needs. They develop user personas, , , and other high-level plans during this phase.
This is also the time when designers start to think about how the product will be built and what technologies will be necessary. They develop a roadmap for the project and start to establish Milestones.
Step 4: Design
Once you have a good understanding of your users and a plan to move forward, it's time to start sketching out some ideas for how they’ll interact with your interface. This is where you'll start to think about things like the overall layout, navigation, and specific elements on each page.
The key here is to think about the user experience first and foremost. How will they interact with your interface? What kind of information do they need to be able to find easily? By answering these questions, you can start to form a clear picture of what your interface should look like.
This design phase typically includes both UX and UI aspects, since you'll work on things like:
There will also be a shift between the UX and UI design phases, where you turn your wireframes and low-fi interfaces into something more polished. This is where you'll begin working on things like color schemes, typography, and iconography. All of these elements come together to create an aesthetically pleasing and easy-to-use interface.
Step 5: Prototyping
Once you have a working UI, it's time to turn it into a working prototype. Prototyping allows you to present a more realistic experience for your usability testing, which can then deliver more accurate feedback and insight into "what's working" and "what's not working".
Prototypes can be low-fi or hi-fi.
Step 6: Testing(After Development)
Before launch, it's important to test the interface with real users. helps identify any areas that need improvement before the final product goes live, and delivers this feedback from the user's point of view.
The more information you receive from your testing, the easier it will be to identify exactly what needs to be revised before you ship the product. Because of this, most testing sessions are followed up with a span of time where you can implement these changes in your design work.
Step 7: Launch
Once the testing is complete and all of the necessary changes have been made to your high fidelity user interface, the product is ready to be handed over to the development team for implementation.
Step 8: Iteration
After launch, the product—whether that's a website, app, or other digital product—is not done. The design process is an ongoing cycle that’s meant to be repeated as users interact with and provide feedback on the product.
Outline Key Conversion Actions
To optimize your website's conversion rate, it is essential to outline key conversion actions clearly. This step helps visitors understand what you want them to do and encourages them to take action. Here are some tips to consider:
These can encourage hesitant users to take the desired action.
By outlining key conversion actions effectively, you can increase the likelihood of converting website visitors into valuable customers or leads.
Question for UI/UX designer(not Final)
UI/UX process(Not Final)
Wireframe
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.