Scribd
Upload
7 views4 pages

UI UX Simple Notes

The document outlines key concepts in UI/UX design, including user research, wireframing, prototyping, visual design, usability testing, information architecture, and interaction design. Each section explains what the concept is, why it is important, how to implement it, and provides relevant examples. The overall goal is to create user-friendly and engaging applications by understanding user needs and improving design processes.

Uploaded by

yaduvanshinitin52
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views4 pages

UI UX Simple Notes

The document outlines key concepts in UI/UX design, including user research, wireframing, prototyping, visual design, usability testing, information architecture, and interaction design. Each section explains what the concept is, why it is important, how to implement it, and provides relevant examples. The overall goal is to create user-friendly and engaging applications by understanding user needs and improving design processes.

Uploaded by

yaduvanshinitin52
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Simple UI/UX Design Notes

1. User Research

What is it?
Finding out what users want and how they use apps by asking and watching them.

Why do it?
To make apps that are easy and fun to use.

How to do it:
- Interviews: Talk to users
- Surveys: Ask many users online
- Usability Testing: Watch users try the app
- Personas: Create simple profiles of typical users

Example:
In a fitness app like Fitbit, users say tracking workouts is confusing. So, designers simplify the
workout logging screen.

2. Wireframing

What is it?
Drawing a simple sketch or blueprint of an app's screens before adding colors or details.

Why do it?
To plan how the app will work and look without spending too much time.

How to do it:
- Use paper or digital tools (like Figma or Sketch)
- Draw boxes for buttons, images, text areas
- Focus on layout, not colors or images

Example:
Simple UI/UX Design Notes

Before designing Instagram's new feature, a wireframe shows where the new buttons and posts will
go.

3. Prototyping

What is it?
Making a clickable or interactive version of the app to test how it works.

Why do it?
To try the app before building it fully and fix problems early.

How to do it:
- Use tools like Figma, Adobe XD, or InVision
- Link screens so users can click through
- Test flows and interactions

Example:
Before releasing a new Uber ride booking flow, a prototype lets testers book a ride to find confusing
steps.

4. Visual Design

What is it?
Choosing colors, fonts, icons, and images to make the app look attractive.

Why do it?
To make the app easy to use and enjoyable.

How to do it:
- Follow brand guidelines (colors, fonts)
- Use consistent styles for buttons and text
- Make sure text is readable and buttons are easy to tap
Simple UI/UX Design Notes

Example:
Spotify uses dark colors and bright green buttons to make the app look cool and easy to navigate.

5. Usability Testing

What is it?
Watching real users try the app to find out what's easy or hard.

Why do it?
To fix problems before launching the app.

How to do it:
- Give users tasks to complete
- Watch how they do it and note problems
- Ask for feedback

Example:
Airbnb tests how users book a stay and notices many get stuck choosing dates, so they redesign
the calendar.

6. Information Architecture (IA)

What is it?
Organizing the app's content and pages so users can find things easily.

Why do it?
To help users navigate the app without confusion.

How to do it:
- Create menus and categories
- Use clear labels
- Map out user paths
Simple UI/UX Design Notes

Example:
Amazon groups products into clear categories (Electronics, Clothing) so shoppers find items faster.

7. Interaction Design

What is it?
Designing how users interact with the app - what happens when they tap, swipe, or type.

Why do it?
To make the app feel smooth and responsive.

How to do it:
- Design button behavior
- Use animations and feedback (like a loading spinner)
- Make gestures intuitive (swipe to delete)

Example:
In Gmail app, swipe left deletes an email, which is quick and easy for users.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy