Design Process GDE.design

Is there a single standard for the design process?

Design process

Is this process discrete?

The design process steps are superimposed on one another.

Is it linear?

Non-linearity of the design process

What determines the structure of the design process?

  1. Discovery
  2. Brainstorm session
  3. User Flow
  4. Wireframes
  5. UI

1. Discovery

Design process: discovery stage
The role of UX/UI designer in the product lifecycle

1.1 Vision

The vision document

1.2 Persona

Persona document

1.3 Competitors Matrix

Competitors matrix

Additional Discovery Stage Artifacts

Use Cases
Testing of the existing prototype

2. Brainstorming

Design process: brainstorming stage
  • Decision Matrix
  • Priority Matrix

2.1 Decision Matrix

Decision Matrix

2.2 Priority Matrix

Priority Matrix

3. User Flow

Design process: User Flow stage

3.1 User flow diagram

User flow diagram

Additional artifacts

Data model Diagram
Service Blueprint

4. Prototyping

Design process: Prototyping stage

4.1 High Fidelity Prototype

High-fidelity prototype
  • Microinteractions
  • Text data
  • All possible states of components
  • All possible transitions between screens
The hierarchy of user experience components

4.2 Clickable and animated prototype

5. UI design

Design process: User Interface design

5.1 UI Design Concept

Design concept

5.2 Full UI & Design System

Design system

Additional artifacts

Brand design for Brokrete company
Illustration for the UI design of Brokrete website

--

--

--

We design products that bring millions. Individual UX solutions to fit your business goals.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

HTML and Accessibility , How are they related ?

Designing a cashpoint for kids — A rapid Design Thinking exercise

New Habit: Designing and Developing by Noon | Wed Mar 9, 2022

Ubex Project Developing In-Banner Video Format

Nail Guide: Basic Types, Sizes, and How to Choose the Right Nails for Your Construction Projects

7 Onboarding Must-Haves to Increase SaaS Signups

Information Architecture and User Flow — The Basics

The Camp.site Design: How the Concept Came to Be

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
gde.design

gde.design

We design products that bring millions. Individual UX solutions to fit your business goals.

More from Medium

How to design for autism

Interaction Design and Prototyping Project — reFresh

The difference between wireframing, prototyping & design.

Wireframe vs design

Creating a UX and Design process for The Sun