GET STARTED
Resources
Designers
Developers
IDEATE & PLAN
Overview
DESIGN & DEVELOP
What's new
Content status
Foundations
UI elements
Components
Patterns
Data visualization
Theming
USE CASES
Overview
ARR calculator
Payments dashboard
Retail app
Corporate account services
Spot rate booking
Ideate and plan
Design thinking is a process for creative problem solving. It encourages a user centered approach when creating a new product and building a better business strategy and vision.
Our processlink
Explore best practices, tips, tools and examples for each stage of the process of building a product. Here is a timeline representing each step in the design thinking process:
Plan
During the design phase you go through several stages - from executive briefing and a two days workshop to a detailed design phase that includes both UX/UI and architecture decisions.
I have a dreamlink
Start with a pain point, an assumption, questions and user feedback. You can start with the goal, staying focused on the subject: identify the core topic or the main purpose of the exercise. Are you trying to improve an existing feature, building a new one, or are you focusing on ways to improve the overall user experience?
Design thinking workshoplink
Get the participants list for the workshop. You can have ideally two or three groups of maximum 6 people in each. There should be all profiles presented - from stakeholders, PMs, to business analysts, QAs and developers.
Purpose of the two days exercises:
- list of personas and user goals
- user flows and steps for the selected personas
- low-fidelity wireframes for the selected flows
Design
Based on your user flows, you can start creating a feature map to visualize the information architecture of your product.
Detailed UX/UIlink
After initial meetings and a design thinking workshop, you can start collecting the relevant data and work on the wireframes and high-fidelity mockups for the selected user flows.
User flow
For each persona goal, create a step by step user flow using the available design patterns as low-fidelity mockups to represent each step.
Wireframes
Create wireframes to start adding data, iterating often and quickly by gathering feedback from your customer or business analysts, sales, pre-sales and product managers. Take data into consideration early to drive your design decisions.
High-fidelity mockups
Use our design assets and templates so that you can quickly build an application.
Build
At the build stage of your application or product lifecycle, you will iterate between prototyping, implementation and user testing.
Prototypelink
Time to implement the designs can be significantly reduced by using our sample applications, design patterns and templates to get started building a working prototype.
Learn moreImplementlink
Start building with our HTML/CSS framework and rapidly go from prototype to production. See how to get started.
Learn moreMonitorlink
Getting reviews and feedbacks from users at each stage of the design process is important to ensure that you get the best experience for your platform.
The genesis and power of creativity, there's no right way, no pure way of doing it - there's just doing it.Bruce Springteen on creativity