SlideShare a Scribd company logo
UX
SHAHRIZAR
VIDEO GAME
DESIGNER
STARTUP
FOUNDER
PHYSICIST
ARTIST
FATHER,
HUSBAND
MANUFACTURING
INDUSTRY
TRAINER
There is no shortcut in
good UX design
Good UX design comes from
continued testing,
and improvements to the
product and service.
Visual Design
System Design
Visual Design
System Design
Branding in the Physical world
Customer service
Packaging
Product Unboxing
This is
UX
UX Fundamentals for Beginners
What influences your experience?
UX Fundamentals for Beginners
Human Emotion determines UX
What emotions should good UX target?
COOL
INTERESTING
BEAUTIFUL
UX Designing for
Emotions
Techniques
Humor
You remember
humorous Ads
more than the
serious ones.
Recognize
Humans are
drawn to things
that we relate to.
Golden Ratio.
Pattern
Humans like to
recognize
patterns. Provide
a pattern to
follow.
Techniques
Engage
Give them an
interactive tool to
engage. Like,
Comment, Rate.
Talk
We value
authentic
communication.
Talk like a friend,
not a faceless
entity.
Relationship
Its no longer
about making a
sale. Its about
building a
relationship.
UX Fundamentals for Beginners
UX Fundamentals for Beginners
PRODUCT
Direct
Stakeholder
Indirect
Stakeholder
Wider
Environment
Key Points
One reason products fail is because
teams do not solve the problems that are
important to the right users. These
personas are not always obvious, as they
may be associated with the product
through indirect connections.
With Customer-Centric, you can identify
the vast web of people your product
impacts and explore the complex
butterfly effect; doing so reveals which
stakeholders are most important and
what your product requirements are.
CUSTOMER-CENTRIC GAME
Ergonomics of User Interface
Ergonomics guideline
Consistency
Principle of Least
Astonishment.
Consistent icons,
terms, etc.
Simplicity
Break complex
tasks into simpler
tasks.
Human
Memory
Limitation
Organize
information into
small chunks.
Ergonomics guideline
Cognitive
Directness
Reduce
abstraction and
reuse real world
metaphors.
Feedback
Provide actionable
feedback. Not just
an error message.
User
Centered
“There was a
problem copying
files to your disk”
rather than “Error
309”.
Ergonomics guideline
Anthropomor
phization
Avoid “Have a nice
day” messages
from your
computer.
Modality
Force users to
complete one task
before moving to
another. Allow
escape routes.
Attention
Nudge user
attention, rather
than trying to
force them.
Gentle
animations.
Strongly Strongly
disagree agree
1. I think that I would like to
use this system frequently
2. I found the system unnecessarily
complex
3. I thought the system was easy
to use
4. I think that I would need the
support of a technical person to
be able to use this system
5. I found the various functions in
this system were well integrated
6. I thought there was too much
inconsistency in this system
7. I would imagine that most people
would learn to use this system
very quickly
8. I found the system very
cumbersome to use
9. I felt very confident using the
system
10. I needed to learn a lot of
things before I could get going
with this system
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
1 2 3 4 5
System
Usability
Score
(SUS)
www.usability.gov
> 68%
Above Average
< 68%
Below Average
System
Usability Score
(SUS)
Influence of Design on UX
UX Fundamentals for Beginners
UX Fundamentals for Beginners
UX Fundamentals for Beginners
Which is nicer?
UX Fundamentals for Beginners
UX Fundamentals for Beginners
1981
Apple Macintosh
Visual cues, such as the arrow on a pop-up menu,
help people recognize familiar elements. People
learn to associate certain behaviors with specific
elements based on their appearance. For
example, people recognize push buttons by their
rounded shape…
— OSX Human Interface Guidelines
Professor Nänni, author of the
exemplary Visual Perception, a book
detailing our best-to-date scientific
understanding of the processes involved
in visual cognition, is saying
that rounded rectangles are literally
easier on the eye.
Put another way, compared to square-
edged rectangles, rounded rectangles are
more computationally efficient for the
human brain.
Simplifying Interactions -
minimalism
To accomplish simplification, user experience designers employ
a variety of design exercises to make the UI more efficient.
We limit the amount of choices available to a user, reduce
the size of content and site copy, progressively disclose UI
options, and synthesize unruly navigation elements.
Essentially though, these are just exercises in numerical
reduction.
Ask Who? What? Why? & When?
to simplify User Interactions.
Who is your new website for? Who are your users, and
how many user personas can they be categorized into?
What sets (or will set) your brand(s) and your website
apart? What is your user looking for on your site? What
problems do you solve for them?
Why are users visiting your site? Why are they
choosing you over the competition?
When is the right time for you to redesign your UX, or
to include UX design in your next project?
Influencing human habits
UX Fundamentals for Beginners
Gamifying Interactions
and Experience
UX Fundamentals for Beginners
UX Fundamentals for Beginners
UX Fundamentals for Beginners

More Related Content

PDF
Usability Testing
PDF
User Experience: An Industry (Always) in Transition
PPTX
Intro to user experience design
PDF
3 Truths of UX
PPTX
UX The Bruce Lee Way
PPT
Usability Heuristics
PDF
10 Usability Heuristics explained
PDF
MCC Technology Class (April 2012)
Usability Testing
User Experience: An Industry (Always) in Transition
Intro to user experience design
3 Truths of UX
UX The Bruce Lee Way
Usability Heuristics
10 Usability Heuristics explained
MCC Technology Class (April 2012)

What's hot (20)

PDF
Final_USER_EXPERIENCE_Yale_V1
PPT
User centered expert reviews
PPTX
Usability Expert Review
PPTX
Ux design-fundamentals
PDF
User Experience 2: Psychology Concepts
PPT
UX Principles
PDF
Embedded UX Research by Stijn Nieuwendijk @ UX Istanbul 2016
PDF
Introduction - fundamentals of CHI
PPT
Introduction To Usability
PDF
UX Strategy - the secret to long-term business success instead of one-shot wo...
PPTX
Microsoft.com Usability broken.
PDF
Ux strategy - the secret sauce that defines the pixie dust
PDF
Tool Time: Keystroke Level Modeling
PDF
Intro to User eXperience
PDF
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
PDF
Why we need to hire UX professionals
PDF
Usability 101
PDF
Responsive design lunch and learn
PDF
User Experience Doesn't Equal User Interface
PDF
Usability basics
Final_USER_EXPERIENCE_Yale_V1
User centered expert reviews
Usability Expert Review
Ux design-fundamentals
User Experience 2: Psychology Concepts
UX Principles
Embedded UX Research by Stijn Nieuwendijk @ UX Istanbul 2016
Introduction - fundamentals of CHI
Introduction To Usability
UX Strategy - the secret to long-term business success instead of one-shot wo...
Microsoft.com Usability broken.
Ux strategy - the secret sauce that defines the pixie dust
Tool Time: Keystroke Level Modeling
Intro to User eXperience
An Introduction to Ben Shneiderman's Eight Golden Rules of Interface Design
Why we need to hire UX professionals
Usability 101
Responsive design lunch and learn
User Experience Doesn't Equal User Interface
Usability basics
Ad

Viewers also liked (20)

PDF
bcamaSM
PDF
Why should I care about the Minimum Viable Product (MVP)
PPT
Our Minimum Viable Product (MVP) - Who says you can't fix ugly?
PPTX
The Minimum Viable Product - Planning The Minimum for The Maximum
PDF
Crash Course: Growth Hacking Your Customer Acquisition
PDF
How to get your Minimum Viable Product (MVP)
PPTX
BFBM(1-2016) Startup with mvp
PDF
Kick feb28 at Spring Accelorator
PDF
Content to Conversion: How to use content marketing to build your business
PDF
Insights and Data: How to engage and recruit the perfect candidate via social...
PDF
MVP - What is Minimum Viable Product really
PPTX
Measuring What Matters
PDF
The What, Why & How of the Minimum Viable Product (MVP)
ODP
Minimum Viable Product
PDF
what stage r u in?
PPTX
Building an MVP
PDF
MVP - Minimum Viable Product
PDF
Copy of Minimum Viable Presentation
PPTX
Recruitment Marketing and Millennials: Branding Your Company as the Employer ...
bcamaSM
Why should I care about the Minimum Viable Product (MVP)
Our Minimum Viable Product (MVP) - Who says you can't fix ugly?
The Minimum Viable Product - Planning The Minimum for The Maximum
Crash Course: Growth Hacking Your Customer Acquisition
How to get your Minimum Viable Product (MVP)
BFBM(1-2016) Startup with mvp
Kick feb28 at Spring Accelorator
Content to Conversion: How to use content marketing to build your business
Insights and Data: How to engage and recruit the perfect candidate via social...
MVP - What is Minimum Viable Product really
Measuring What Matters
The What, Why & How of the Minimum Viable Product (MVP)
Minimum Viable Product
what stage r u in?
Building an MVP
MVP - Minimum Viable Product
Copy of Minimum Viable Presentation
Recruitment Marketing and Millennials: Branding Your Company as the Employer ...
Ad

Similar to UX Fundamentals for Beginners (20)

PDF
User Empathy: Prioritizing Users in your UX Process
PDF
Hacking UX: Product Design Thinking for Techies
PDF
09-UX.pdf
PDF
Usability Presentation - IIS Brownbag 2013
PPT
Building for People: 5 Practical Tip for Greating Great UX
PPT
User Experience & Design…Designing for others…UED
PPTX
User Experience Masterclass 101 with Mark Swaine
PPTX
The UX Toolbelt for Developers
PDF
Delight 2013 | Secrets of the UX Team of One
DOCX
Importance of apps in marketing strategy my perspective - Ankit Shard
PDF
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDA
DOCX
Embry-Riddle Campus Solutions UX Design
PPTX
Human computer interaction 3 4(revised)
PDF
UX? WTF? - Intro To User Experience Design Pt. 1
PDF
UX principles for co-founders
PPT
User Research on a Shoestring
PPTX
User Experience Design - Why, How and Where
PPTX
Mobile Best Practices for UX
PDF
What ux is
User Empathy: Prioritizing Users in your UX Process
Hacking UX: Product Design Thinking for Techies
09-UX.pdf
Usability Presentation - IIS Brownbag 2013
Building for People: 5 Practical Tip for Greating Great UX
User Experience & Design…Designing for others…UED
User Experience Masterclass 101 with Mark Swaine
The UX Toolbelt for Developers
Delight 2013 | Secrets of the UX Team of One
Importance of apps in marketing strategy my perspective - Ankit Shard
Mobile UX London - Mobile Usability Hands-on by SABRINA DUDA
Embry-Riddle Campus Solutions UX Design
Human computer interaction 3 4(revised)
UX? WTF? - Intro To User Experience Design Pt. 1
UX principles for co-founders
User Research on a Shoestring
User Experience Design - Why, How and Where
Mobile Best Practices for UX
What ux is

Recently uploaded (20)

PPTX
areprosthodontics and orthodonticsa text.pptx
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
An introduction to AI in research and reference management
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
joggers park landscape assignment bandra
PPT
UNIT I- Yarn, types, explanation, process
PPTX
Entrepreneur intro, origin, process, method
PPTX
building Planning Overview for step wise design.pptx
PPTX
rapid fire quiz in your house is your india.pptx
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
6- Architecture design complete (1).pptx
PDF
SEVA- Fashion designing-Presentation.pdf
areprosthodontics and orthodonticsa text.pptx
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
Quality Control Management for RMG, Level- 4, Certificate
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
DOC-20250430-WA0014._20250714_235747_0000.pptx
An introduction to AI in research and reference management
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
joggers park landscape assignment bandra
UNIT I- Yarn, types, explanation, process
Entrepreneur intro, origin, process, method
building Planning Overview for step wise design.pptx
rapid fire quiz in your house is your india.pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
6- Architecture design complete (1).pptx
SEVA- Fashion designing-Presentation.pdf

UX Fundamentals for Beginners