0% found this document useful (0 votes)
8 views

Uiux

Uploaded by

timepass6996.ma
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
0% found this document useful (0 votes)
8 views

Uiux

Uploaded by

timepass6996.ma
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/ 14

10Usability Heuristics

Ctrl z

Consistency &Standards Error Prevention


Match Between System User Control
Visibility of &the Real World & Freedom
System Status

Recognition Rather Flexibility & Aesthetic& Help Users Recognize, Diagnose Help &
than Recall Eficiency of Use Minimalist Design & Recover from Errors Documentation

Interaction Design Foundation


UNDERSTANDING

Gestalt Principles
hole is ether than the sum of the parts:

Enclosure Similarity Continuity Closure Connection Proximity Symmetry

yBetaht|gtunbDta viznta c T
Persona
Goals

Needs

" Motivation

Frustrations

Personality trait
Personality Traits
Inventive & Curious
Consistent & Cautious Openness

Openness
Efficient & Organized
Easygoing &Careless Conscientiousness

Energetic &Outgoing Neuroticism Conscien


tiousness
Solitary & Reserved
Extraversion
Personality

Friendly &Compassionate
Analytic & Detached Agreeableness
Azrecableness Extraversion
Sensitive & Nervous
Secured & Confident
Neuroticism
Dissonance to Consonance

Change in Behaviour

Change in belief

" Adding New Cognitions


Cancel or Trivialize it
Problem statement
Problem statements are concise descriptions of design problens It makes clear what needs to be done in
discovery and what's out of scope.
It is also an aclionable summary of your user, their goals, and what you need to solve to meet those goals

The background of a problem


The peoplo affected by the problom
The impact of tho problem on the person/organization
Data Analysis
Bias in interview:

1. Hindsight Bias
2. Confirmation Bias
3. Halo Effect
4. Serial position effect
5. Social desirability bias
6. Cluster bias
I
Research Methods

Primary
Survey
Interview (Controlled /uncontrolled environment)
Focus group
Secondary
Books
Online data
Authorised research papers
Statistics &analytics
Simplified UX Process
1. Infoumation(research)

2. Analyse/Understand

3. Organise/Strategise/Conceptualize/Design
4. Prototype
5. Testing
The five elements of UX design(5S)
Strategy: The bottom layer is strategy, where you lay a foundation of your design goals. These goals are based on user needs and the
business objectives for the product.
Scope: The next layer is scope, where you determine the type of product you're building. At this point, you will consider the kind of features
and content you want to include in the product.
Structure: The middle layer is structure. Here, you'l figure out how to organize your design and how you want users to interact witth the
product.
layer details how your
Skeleton: The skeleton is the layout of the product. Just like the layout of our bones shapes our skin, the skeleton
design Works - and like a skeleton, users won't directly see its inner-workings.
represents the interface that users view and
Surface: The top layer, surface, represents how the product looks to the user. The surface world.
to the outside
interact with. Think of the surface like the clothes or mnakeup you wear that are visible
Characteristics of a good UX
if a product is usable, it means the design, structure, and purpose of the product is clear and easy to use.
2 If a product is equitable, it means a design is helpful to people with diverse abilities and backgrounds.
3 if a product is enjoyable, it means the design delights the user. The design reflects what the user may be thinking or feeing and
creates a positive connection with them.
4 If a product is useful, that means it solves user problems. In other words, the design intentionally solves a user problem that the
designer has identified.
UVUX AlIRF 2024
Slide Arrange Tools Extensions Heip
File Edit View Insert Format
Layout Theme Transition
Background
a Fit
a Menus

21

22
UX frameworks
23

59

nmute Start video Participants Chat Reactions Share Record


Example

Social Media App:

Visceral: A visually appealing interface with bright colors, engaging animations, and personalized content grabs
attention and creates a feeling of connection.

Behavioral: Easy navigation, smooth scrolling, and instant notifications make the app addictive and encourage
frequent use.

Reflective: Users might feel happy and connected while using the app, but later reflect on the time spent or how it
portrays them to others.
Google Slides Find the gibbers X UVUX AIRF 202 X t 2024 UIVUXTime X 9 (136) WhatsApp x 9 2024 Internship Virtual Inter x Portfolio - Moh x + X

3 docs.google.com/presentation/d/15HVwWkgH5XRJAUev2zP1EAsdVChl4mGARAupl oOormyO8
Envato Elements: U. Ollustrations | unDraw UX Design Articles a. Welcome to XD lde.. UX Collective NN UX & Usability Artic. Benjamin Evans: Th. G Designing for Globa. Designing for Globa. Al Bookmarks

Problem statement
Problem statements are concise descriptions of design problems. It makes clear what needs to be done in
discovery and what's out of scope.
It is also an actionable summary of your user, their goals, and what you need to solve to meet those goals.
The background of a problem
The people affected by the problem
The impact of the problem on the person/organization

You might also like