Simple Steps to UX/UI Web Design

The guide for picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.

UX / UI

UX is how it works and feels

UI is how it looks

UX-User Experience

UX, or user experience, is a measure of the ease and pleasure users enjoy when navigating a site.

Purpose Behind UX-User experience

*Fulfill business goals

1. User acquisition
2. User Activation
3. User Retention

How UX solves problems

• Usability
• Visual Design
• User Research
• Interaction Design
• Content Strategy
• Information Architecture

UX Componentes

• User definition
• User sitemaps
• UserFlows
• Wireframes

“Everything starts with empathy. Design for your customer first and foremost. Technology is powerless without a great interface to reach people in a way that is meaningful to them. So design needs to be about humans, not just pixels.”

UX is NOT UI

Recommended article : UX is not UI by Erik Flowers

“UX is the intangible design of a strategy that brings us to a solution.”

UI-User Interface

A skillful designer understands the importance of providing the user with a solution to a defined problem.

UI Elements:

• Branding: Color, Schemas, font, logo, style
• Wireframing

Purpose behind UI-User Interface

• User Acquisition
• Brand
• Instill trust

How do we get to UI?

1. Problem has been identified
2. User flows and stories are made
3. Experiments to validate persona
4. Wireframes and sketches
5. Mockups with UI included can be made
6. User tested
7. It’s now time to code up the interface – UI Design!