SlideShare a Scribd company logo
The Experience Matters
UX & DESIGN RIYADH
Welcome to our monthly meetup!
3PM: Meet, Greet & Network
4PM: Usability Guidelines for Websites &
Mobile Apps
The Experience Matters
USABILITY GUIDELINES FOR
WEBSITES & MOBILE APPS
The Experience Matters
THE EXPERIENCE MATTERS
Riyadh 28/02/2015UX & Design Meetup @UXBERT
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
UXBERT TRAINING PROGRAMS
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
Nationality:
Experience: 11 Years
NADEEM BAKHSH
Senior UX, Usability & Ecommerce Consultant
11 years of UX experience in the UAE, UK and USA. English educated with a
Master’s Degree in Electronic Technologies for Business specializing in
Usability, and an educational background in Bioinformatics (Genetics and
Computer Science) from the University of Manchester.
Nadeem is a qualified user experience and usability professional who is a
registered member of Usability & User Experience Professional’s Association
Worldwide.
With a strong foundation and beliefs in simplicity, biomimicry, behavioral
economics, user psychology and lean business methodology, Nadeem
established and lead the UX Design and QA teams at dubizzle, the region’s
most successful startup, managing projects with a team of 35 developers, 4
designers and 4 software quality engineers to oversee strategy, processes
and expansion to 35 cities in 14 MENA countries and 3 languages resulting
in 4M+ users and over a billion pageviews within 2 years.
After founding uxbert in 2012, Nadeem lead project UX & Usability at
Schlumberger, who has the world’s largest corporate intranet with roughly
130,000 employees.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
Nationality:
Experience: 8 Years
YOUSEF SHANTI
UI / UX DESIGNER
8 years of user interface and graphic design experience in Saudi Arabia
and Jordan. Jordan educated with a Bachelor’s Degree in Computer
Science from Hashemite University. Yousef specializes in User Interface
Design focused on delivering with rich aesthetic User Experiences.
Yousef is a user experience professional who is a registered member of
Interaction Design Foundation.
At Envato, one of the world’s largest market for digital goods, Yousef
managed a vast portfolio of designs with industry standards, best
practices and strict quality standards. Yousef has worked with some of
the biggest names in Jordan and Saudi Arabia, featuring user
experience work for Alrai News, Jordan Times, Orange Jordan, Saudi
Binladen Group, King Abdullah Air Defense Academy, Writerscell.com
and King Khaled University Hospital. Yousef also has experience as an
entrepreneur founding Shaghlat.com and Jebtak.com which lead to an
extensive understanding of user needs and research.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
WHAT
The User Experience:
Sum of all the interaction users
have with a brand, company or
organization over time.
Every department effects the
experience and all decisions
should be made with the user in
mind.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
WHAT IS USER EXPERIENCE?
It’s more than usability.
 The way a product behaves and is used in the real
world.
 A positive user experience is one in which the
goals of both the user and the business are met.
 Usability is one attribute of a successful user
experience, but usability alone does not make an
experience positive for the user.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
 What is your core?
 What supporting information does the core
need?
 How do users get to the core?
 Assuming users found what they were looking
for, what can they do next?
UX ENSURES A CLEARLY DEFINED CORE
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
 The User Experience matters today more than ever before. It’s more than
making things look good, it’s about creating an experience that is easy to
use, stands out, delights users and creates real value for your business.
 Which brands are winning with UX today?
Apple, Facebook, Google, Amazon.
Companies that put UX first create
massive value through compelling
and delightful user experiences.
Twitter expects $1 billion in ad revenue in 2014.
Instagram sold to Facebook for $900 million.
Pinterest valued at over $2.5 billion.
Whatsapp sold for $19 billion to Facebook.
Airbnb & Uber valued over $10 billion each.
WHY
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
DISRUPTIVE TRANSFORMATION
 UX and most importantly user expectations are touching new
benchmarks in this digital age.
 Today users have more options to choose from resulting in
less acceptance for the average and unusable, and more
demand for added value.
 Electronic services are competing with traditional methods
with improved efficiency and simplicity. Technology offers
‘more’ and reaches everyone where they are, rather than
asking users to reach for it.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
HOW
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
UX PROCESS
Discovery
User Research
Interaction
Design
Usability
Evaluation
Visual
Design
Development
User Testing
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
UX PROCESS
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
USER CENTRED DESIGN (UCD)
 A process that focuses on the end users’ needs,
wants, and limitations extensively throughout
the product development lifecycle.
 There is user testing and validation between
every step of the process, from the start of
strategy.
 Analyze and foresee how users are likely to use a
product, but also to test the validity of their
assumptions with regards to user behavior in real
world tests with actual users.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
WHY USER-CENTERED DESIGN
 A user-centered design process will
 Give you a product that users love and will want to use
 Save you development time and cost
 Reduce support costs
 Provide a foundation for word-of-mouth marketing
 Increase profits
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
DESIGN JOURNEYS NOT PAGES
 Do not design a page.
 Design a real world story into a user journey, a flow
of pages from the user need/goal step by step
through to completion.
 Design the most important story first.
 Don’t forget to make pleasant errors and have a
friendly tone of voice.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
USER EXPECTATIONS
 Dependable & reliable source -
One Stop Solution
 Choice
 Convenience
 Good customer service
 Use at their own pace, own time
 Usage tailor made to user needs:
independent of device, platform
and format.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
DESIGN VS DEVELOPMENT
 Experience design matters, investment in design pays off
 Beautiful, results-driven Smart Site that improves over time.
 Integrated smart analytics customized to business metrics
 Integrated viral growth of engine, customized for business growth
 User centered design process with integration of usability
principles and guidelines to minimize long term costs of:
 Usability Issues
 Training
 Costly redevelopment
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
USABILITY 101
Learnability Efficiency Memorability
Errors Satisfaction Utility
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
LEARNABILITY
 How easy is it for users to accomplish basic tasks
the first time they encounter the design?
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
EFFICIENCY
 Once users have learned the design, how quickly
can they perform tasks?
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
MEMORABILITY
 When users return to the design after a period of
not using it, how easily can they reestablish
proficiency?
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
ERRORS
 How many errors do users make?
 How severe are these errors?
 How easily can they recover from the errors?
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
SATISFACTION
 How pleasant is it to use the design?
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
UTILITY
 Design’s functionality: Does it do what users need?
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
USABILITY ‘HOME RUN’
Jakob Nielsen’s principles for a successful website:
High quality content
Often updated
Minimal down time
Easy to use
Relevant to users’ needs
Unique to the online world
Net-centric corporate culture
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
Why Usability is Important
 Usability is a necessary condition for survival on
the web
 If a website is difficult to use people leave
 If the homepage fails to clearly state what a company
offers and what users can do on the site, people leave
 If users get lost on a website, they leave
 If a website’s information is hard to read or doesn’t
answer users’ key questions, they leave
 The first law of e-commerce is that if users cannot
find the product, they cannot buy it either
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
UX ROI
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
USABILITY ROI
 “Every $1 invested in usability returns between
$10 and $100” – IBM
 “Spending 10% of your development budget on
usability should improve your conversion rate by
83%” – Nielsen Norman Group
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
EVALUATING USABILITY
 2 types of evaluation methods
 Expert Review
 An expert or handful of experts use the interface to try and
find problems
 They evaluate the interface by using heuristics or
guidelines
 Usability Testing
 Involves testing real users
 Users are asked to use the system and performing real
tasks
 The aim is to observe them and see where they struggle
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
EXPERT REVIEWS
 Advantages
 Usability defects found early at low cost
 Findings can usually be generalized to whole interface
 Relatively quick to carry out
 Disadvantages
 Tends to over-emphasize visual design and layout
problems
 Hard to prioritize problems
 Doesn’t capture real user behavior
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
USABILITY HEURISTICS
 Visibility of system status
 Match between system and the
real world
 User control and freedom
 Consistency and standards
 Error prevention
 Recognition rather than recall
 Flexibility and efficiency of use
 Aesthetic and minimalist design
 Help users recognize, diagnose,
and recover from errors
 Help and documentation
(Jakob Nielsen)
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
VISIBILITY OF SYSTEM STATUS
 The system should always
keep user informed about
what is going on, through
appropriate feedback within
reasonable time.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
MATCH BETWEEN SYSTEM AND THE
REAL WORLD
 The system should speak the
user’s language, with words,
phrases and concepts familiar to
the user, rather than system-
oriented terms. Follow real-world
conventions, making information
appear in a natural and logical
order.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
USER CONTROL AND FREEDOM
 Users should be free to select
and sequence tasks (when
appropriate), rather than having
the system do this for them.
Users often choose system
functions by mistake and will
need a clearly marked
“emergency exit” to leave the
unwanted state without having
to go through an extended
dialogue
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
CONSISTENCY AND STANDARDS
 Users should not have to
wonder whether different
words, situations, or
actions mean the same
thing. Follow platform
conventions.
Button should say “Save” instead of
Proceed (follow platform conventions
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
ERROR PREVENTION
 Even better than good error
messages is a careful design
which prevents a problem
from occurring in the first
place. Either eliminate
error-prone conditions or
check for them and present
users with a confirmation
option before they commit
to the action.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
RECOGNITION RATHER THAN RECALL
 Minimize the user's memory
load by making objects, actions,
and options visible. The user
should not have to remember
information from one part of
the dialogue to another.
Instructions for use of the
system should be visible or
easily retrievable whenever
appropriate.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
FLEXIBILITY AND EFFICIENCY OF USE
 Accelerators — unseen by
the novice user — may
often speed up the
interaction for the expert
user such that the system
can cater to both
inexperienced and
experienced users. Allow
users to tailor frequent
actions.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
AESTHETIC AND MINIMALIST DESIGN
 Dialogues should not
contain information
which is irrelevant or
rarely needed. Every
extra unit of information
in a dialogue competes
with the relevant units
of information and
diminishes their relative
visibility.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
HELP USERS RECOGNIZE, DIAGNOSE, AND
RECOVER FROM ERRORS
 Error messages should be
expressed in plain language
(no codes), precisely indicate
the problem, and
constructively suggest a
solution.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
HELP AND DOCUMENTATION
 Even though it is better if the
system can be used without
documentation, it may be
necessary to provide help and
documentation. Any such
information should be easy to
search, focused on the user's
task, list concrete steps to be
carried out, and not be too large.
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
8 GOLDEN RULES OF UI DESIGN
 Strive for consistency
 Enable frequent users to use
shortcuts
 Offer informative feedback
 Design dialog to yield closure
 Offer simple error handling
 Permit easy reversal of actions
 Support internal locus of control
 Reduce short-term memory load
(Ben Shneiderman)
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
THANK YOU!
 We are hiring – uxbert.com/careers
 iOS Mobile Developers
 Android Developers
 Designers
 Sign up for the next workshop on
meetup.uxbert.com
© 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary

More Related Content

What's hot

Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
Steffen Kastner
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
Murali Krishna
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
Jeremy Robinson
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
Theresa Neil
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
Volodymyr Melnyk
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
Nicolas Demange
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
Dotinum
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
Angela Park
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
Prottay Karim
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
Richard Fang
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
Matin Maleki
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
GDGKuwaitGoogleDevel
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
Jayan Narayanan
 
UX design
UX designUX design
UX design
Tanay Kumar
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
Koombea
 
An Introduction to the World of User Research
An Introduction to the World of User ResearchAn Introduction to the World of User Research
An Introduction to the World of User Research
Methods
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
Maksym Babych
 
Usability testing
Usability testing  Usability testing
Usability testing
Priyanka Rana
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
Peeyush Sahu CAPM®
 

What's hot (20)

Heuristic ux-evaluation
Heuristic ux-evaluationHeuristic ux-evaluation
Heuristic ux-evaluation
 
UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX UX Design process, #UX, #Design Process, #Agile UX
UX Design process, #UX, #Design Process, #Agile UX
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
Product Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product DevelopmentProduct Design and UX / UI Design Process in Digital Product Development
Product Design and UX / UI Design Process in Digital Product Development
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UX Workshop
UX WorkshopUX Workshop
UX Workshop
 
UI/UX Workshop - Hackvision
UI/UX Workshop - HackvisionUI/UX Workshop - Hackvision
UI/UX Workshop - Hackvision
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin MalekiUI and UX Design for Startups - Matin Maleki
UI and UX Design for Startups - Matin Maleki
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!UX Design + UI Design: Injecting a brand persona!
UX Design + UI Design: Injecting a brand persona!
 
UX design
UX designUX design
UX design
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
An Introduction to the World of User Research
An Introduction to the World of User ResearchAn Introduction to the World of User Research
An Introduction to the World of User Research
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
Usability testing
Usability testing  Usability testing
Usability testing
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 

Viewers also liked

World Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UXWorld Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UX
UXBERT
 
UX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lessonUX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lesson
Diga33!
 
eCommerce UX testing
eCommerce UX testing eCommerce UX testing
eCommerce UX testing
Adrian Iacomi
 
Integrating UX and evidence-based approaches to design effective youth mental...
Integrating UX and evidence-based approaches to design effective youth mental...Integrating UX and evidence-based approaches to design effective youth mental...
Integrating UX and evidence-based approaches to design effective youth mental...
Penny Hagen
 
User Research & Strategy for UX
User Research & Strategy for UXUser Research & Strategy for UX
User Research & Strategy for UX
Zack Naylor
 
Best practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerceBest practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerce
Kali Charan Rajput (KC)
 
UX best practices for ecommerce websites
UX best practices for ecommerce websitesUX best practices for ecommerce websites
UX best practices for ecommerce websites
Donna Sandsmark
 
Product Design Sprint - Infographic
Product Design Sprint - InfographicProduct Design Sprint - Infographic
Product Design Sprint - Infographic
TandemSeven
 
Sustainable UX
Sustainable UXSustainable UX
Sustainable UX
Nick Finck
 
Hooked Model
Hooked ModelHooked Model
Hooked Model
Nir Eyal
 
Atomic design
Atomic designAtomic design
Atomic design
Brad Frost
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
Craft Design
 

Viewers also liked (12)

World Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UXWorld Usability Day 2016 - Sustainable UX
World Usability Day 2016 - Sustainable UX
 
UX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lessonUX for ecommerce: A masterchef lesson
UX for ecommerce: A masterchef lesson
 
eCommerce UX testing
eCommerce UX testing eCommerce UX testing
eCommerce UX testing
 
Integrating UX and evidence-based approaches to design effective youth mental...
Integrating UX and evidence-based approaches to design effective youth mental...Integrating UX and evidence-based approaches to design effective youth mental...
Integrating UX and evidence-based approaches to design effective youth mental...
 
User Research & Strategy for UX
User Research & Strategy for UXUser Research & Strategy for UX
User Research & Strategy for UX
 
Best practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerceBest practices for UI/UX in eCommerce
Best practices for UI/UX in eCommerce
 
UX best practices for ecommerce websites
UX best practices for ecommerce websitesUX best practices for ecommerce websites
UX best practices for ecommerce websites
 
Product Design Sprint - Infographic
Product Design Sprint - InfographicProduct Design Sprint - Infographic
Product Design Sprint - Infographic
 
Sustainable UX
Sustainable UXSustainable UX
Sustainable UX
 
Hooked Model
Hooked ModelHooked Model
Hooked Model
 
Atomic design
Atomic designAtomic design
Atomic design
 
10 Usability Heuristics explained
10 Usability Heuristics explained10 Usability Heuristics explained
10 Usability Heuristics explained
 

Similar to UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps

Empower Your Online Presence with Expert Web Development in Dubai
Empower Your Online Presence with Expert Web Development in DubaiEmpower Your Online Presence with Expert Web Development in Dubai
Empower Your Online Presence with Expert Web Development in Dubai
Chilliwack SEO
 
Top-notch UI Developer for Hire in Canada | Canadiv
Top-notch UI Developer for Hire in Canada | CanadivTop-notch UI Developer for Hire in Canada | Canadiv
Top-notch UI Developer for Hire in Canada | Canadiv
Canadiv Hire Developers For All Your Development Needs
 
EvolutionCoCompanyProfile-Mar2016
EvolutionCoCompanyProfile-Mar2016EvolutionCoCompanyProfile-Mar2016
EvolutionCoCompanyProfile-Mar2016
Nikunj Goradia
 
Sand river capabilities corporate
Sand river capabilities corporateSand river capabilities corporate
Sand river capabilities corporate
sandrivertech
 
KeshavaTech Inc Corporate Presentation
KeshavaTech Inc Corporate PresentationKeshavaTech Inc Corporate Presentation
KeshavaTech Inc Corporate Presentation
keshavatech
 
IBM Experience One: Exceptional Digital Experiences
IBM Experience One: Exceptional Digital ExperiencesIBM Experience One: Exceptional Digital Experiences
IBM Experience One: Exceptional Digital Experiences
IBM Digital Experience
 
Ibm ibm exceptional digital experiences
Ibm ibm exceptional digital experiencesIbm ibm exceptional digital experiences
Ibm ibm exceptional digital experiences
Ana Alves Sequeira
 
IBM ExperienceOne for E -Commerce
IBM ExperienceOne for E -CommerceIBM ExperienceOne for E -Commerce
IBM ExperienceOne for E -Commerce
Virginia Fernandez
 
Digital marketing consultant portfolio
Digital marketing consultant portfolioDigital marketing consultant portfolio
Digital marketing consultant portfolio
Madhura Chaudhuri
 
ValueLabs - inspired by Potential - Insurance
ValueLabs - inspired by Potential - InsuranceValueLabs - inspired by Potential - Insurance
ValueLabs - inspired by Potential - Insurance
Srikanth Mulle
 
Managing Brands for Maximum Profits
Managing Brands for Maximum ProfitsManaging Brands for Maximum Profits
Managing Brands for Maximum Profits
IO Integration
 
Track B-3: Delivering Actionable Experiences Through Effective Digital Marketing
Track B-3: Delivering Actionable Experiences Through Effective Digital MarketingTrack B-3: Delivering Actionable Experiences Through Effective Digital Marketing
Track B-3: Delivering Actionable Experiences Through Effective Digital Marketing
scoopnewsgroup
 
160811 Fatih Credential-5
160811 Fatih Credential-5160811 Fatih Credential-5
160811 Fatih Credential-5
K.A Nchus
 
INT-Partnership
INT-PartnershipINT-Partnership
INT-Partnership
Chetan Sharma
 
Net Solutions profile
Net Solutions profileNet Solutions profile
Net Solutions profile
Net Solutions
 
UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience
UCD UK Ltd
 
Android App Development
Android App Development Android App Development
Android App Development
BitCot
 
Omni-Channel Marketing in the Cloud
Omni-Channel Marketing in the CloudOmni-Channel Marketing in the Cloud
Omni-Channel Marketing in the Cloud
Abhishek Kant
 
Ido Noyman - Work Samples
Ido Noyman - Work SamplesIdo Noyman - Work Samples
Ido Noyman - Work Samples
Ido Noyman
 
Monday's Company Presentation - 2014/2015
Monday's Company Presentation - 2014/2015Monday's Company Presentation - 2014/2015
Monday's Company Presentation - 2014/2015
Rodrigo Costa
 

Similar to UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps (20)

Empower Your Online Presence with Expert Web Development in Dubai
Empower Your Online Presence with Expert Web Development in DubaiEmpower Your Online Presence with Expert Web Development in Dubai
Empower Your Online Presence with Expert Web Development in Dubai
 
Top-notch UI Developer for Hire in Canada | Canadiv
Top-notch UI Developer for Hire in Canada | CanadivTop-notch UI Developer for Hire in Canada | Canadiv
Top-notch UI Developer for Hire in Canada | Canadiv
 
EvolutionCoCompanyProfile-Mar2016
EvolutionCoCompanyProfile-Mar2016EvolutionCoCompanyProfile-Mar2016
EvolutionCoCompanyProfile-Mar2016
 
Sand river capabilities corporate
Sand river capabilities corporateSand river capabilities corporate
Sand river capabilities corporate
 
KeshavaTech Inc Corporate Presentation
KeshavaTech Inc Corporate PresentationKeshavaTech Inc Corporate Presentation
KeshavaTech Inc Corporate Presentation
 
IBM Experience One: Exceptional Digital Experiences
IBM Experience One: Exceptional Digital ExperiencesIBM Experience One: Exceptional Digital Experiences
IBM Experience One: Exceptional Digital Experiences
 
Ibm ibm exceptional digital experiences
Ibm ibm exceptional digital experiencesIbm ibm exceptional digital experiences
Ibm ibm exceptional digital experiences
 
IBM ExperienceOne for E -Commerce
IBM ExperienceOne for E -CommerceIBM ExperienceOne for E -Commerce
IBM ExperienceOne for E -Commerce
 
Digital marketing consultant portfolio
Digital marketing consultant portfolioDigital marketing consultant portfolio
Digital marketing consultant portfolio
 
ValueLabs - inspired by Potential - Insurance
ValueLabs - inspired by Potential - InsuranceValueLabs - inspired by Potential - Insurance
ValueLabs - inspired by Potential - Insurance
 
Managing Brands for Maximum Profits
Managing Brands for Maximum ProfitsManaging Brands for Maximum Profits
Managing Brands for Maximum Profits
 
Track B-3: Delivering Actionable Experiences Through Effective Digital Marketing
Track B-3: Delivering Actionable Experiences Through Effective Digital MarketingTrack B-3: Delivering Actionable Experiences Through Effective Digital Marketing
Track B-3: Delivering Actionable Experiences Through Effective Digital Marketing
 
160811 Fatih Credential-5
160811 Fatih Credential-5160811 Fatih Credential-5
160811 Fatih Credential-5
 
INT-Partnership
INT-PartnershipINT-Partnership
INT-Partnership
 
Net Solutions profile
Net Solutions profileNet Solutions profile
Net Solutions profile
 
UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience
 
Android App Development
Android App Development Android App Development
Android App Development
 
Omni-Channel Marketing in the Cloud
Omni-Channel Marketing in the CloudOmni-Channel Marketing in the Cloud
Omni-Channel Marketing in the Cloud
 
Ido Noyman - Work Samples
Ido Noyman - Work SamplesIdo Noyman - Work Samples
Ido Noyman - Work Samples
 
Monday's Company Presentation - 2014/2015
Monday's Company Presentation - 2014/2015Monday's Company Presentation - 2014/2015
Monday's Company Presentation - 2014/2015
 

Recently uploaded

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
M. A. Architect
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
amrsoftec1
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
Decomart Studio
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
7sd8fier
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 

Recently uploaded (20)

一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
Mohannad Abdullah portfolio _ V2 _22-24
Mohannad Abdullah  portfolio _ V2 _22-24Mohannad Abdullah  portfolio _ V2 _22-24
Mohannad Abdullah portfolio _ V2 _22-24
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 
Revolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in IndiaRevolutionizing the Digital Landscape: Web Development Companies in India
Revolutionizing the Digital Landscape: Web Development Companies in India
 
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 
Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1Top Interior Designers in Bangalore.pdf1
Top Interior Designers in Bangalore.pdf1
 
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
一比一原版(UNUK毕业证书)诺丁汉大学毕业证如何办理
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 

UX & Design Riyadh: Usability Guidelines for Websites & Mobile Apps

  • 1. The Experience Matters UX & DESIGN RIYADH Welcome to our monthly meetup! 3PM: Meet, Greet & Network 4PM: Usability Guidelines for Websites & Mobile Apps
  • 2. The Experience Matters USABILITY GUIDELINES FOR WEBSITES & MOBILE APPS
  • 4. THE EXPERIENCE MATTERS Riyadh 28/02/2015UX & Design Meetup @UXBERT
  • 5. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary
  • 6. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary UXBERT TRAINING PROGRAMS
  • 7. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary Nationality: Experience: 11 Years NADEEM BAKHSH Senior UX, Usability & Ecommerce Consultant 11 years of UX experience in the UAE, UK and USA. English educated with a Master’s Degree in Electronic Technologies for Business specializing in Usability, and an educational background in Bioinformatics (Genetics and Computer Science) from the University of Manchester. Nadeem is a qualified user experience and usability professional who is a registered member of Usability & User Experience Professional’s Association Worldwide. With a strong foundation and beliefs in simplicity, biomimicry, behavioral economics, user psychology and lean business methodology, Nadeem established and lead the UX Design and QA teams at dubizzle, the region’s most successful startup, managing projects with a team of 35 developers, 4 designers and 4 software quality engineers to oversee strategy, processes and expansion to 35 cities in 14 MENA countries and 3 languages resulting in 4M+ users and over a billion pageviews within 2 years. After founding uxbert in 2012, Nadeem lead project UX & Usability at Schlumberger, who has the world’s largest corporate intranet with roughly 130,000 employees.
  • 8. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary Nationality: Experience: 8 Years YOUSEF SHANTI UI / UX DESIGNER 8 years of user interface and graphic design experience in Saudi Arabia and Jordan. Jordan educated with a Bachelor’s Degree in Computer Science from Hashemite University. Yousef specializes in User Interface Design focused on delivering with rich aesthetic User Experiences. Yousef is a user experience professional who is a registered member of Interaction Design Foundation. At Envato, one of the world’s largest market for digital goods, Yousef managed a vast portfolio of designs with industry standards, best practices and strict quality standards. Yousef has worked with some of the biggest names in Jordan and Saudi Arabia, featuring user experience work for Alrai News, Jordan Times, Orange Jordan, Saudi Binladen Group, King Abdullah Air Defense Academy, Writerscell.com and King Khaled University Hospital. Yousef also has experience as an entrepreneur founding Shaghlat.com and Jebtak.com which lead to an extensive understanding of user needs and research.
  • 9. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary WHAT The User Experience: Sum of all the interaction users have with a brand, company or organization over time. Every department effects the experience and all decisions should be made with the user in mind.
  • 10. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary WHAT IS USER EXPERIENCE? It’s more than usability.  The way a product behaves and is used in the real world.  A positive user experience is one in which the goals of both the user and the business are met.  Usability is one attribute of a successful user experience, but usability alone does not make an experience positive for the user.
  • 11. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary  What is your core?  What supporting information does the core need?  How do users get to the core?  Assuming users found what they were looking for, what can they do next? UX ENSURES A CLEARLY DEFINED CORE
  • 12. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary  The User Experience matters today more than ever before. It’s more than making things look good, it’s about creating an experience that is easy to use, stands out, delights users and creates real value for your business.  Which brands are winning with UX today? Apple, Facebook, Google, Amazon. Companies that put UX first create massive value through compelling and delightful user experiences. Twitter expects $1 billion in ad revenue in 2014. Instagram sold to Facebook for $900 million. Pinterest valued at over $2.5 billion. Whatsapp sold for $19 billion to Facebook. Airbnb & Uber valued over $10 billion each. WHY
  • 13. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary DISRUPTIVE TRANSFORMATION  UX and most importantly user expectations are touching new benchmarks in this digital age.  Today users have more options to choose from resulting in less acceptance for the average and unusable, and more demand for added value.  Electronic services are competing with traditional methods with improved efficiency and simplicity. Technology offers ‘more’ and reaches everyone where they are, rather than asking users to reach for it.
  • 14. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary HOW
  • 15. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary UX PROCESS Discovery User Research Interaction Design Usability Evaluation Visual Design Development User Testing
  • 16. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary UX PROCESS
  • 17. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary USER CENTRED DESIGN (UCD)  A process that focuses on the end users’ needs, wants, and limitations extensively throughout the product development lifecycle.  There is user testing and validation between every step of the process, from the start of strategy.  Analyze and foresee how users are likely to use a product, but also to test the validity of their assumptions with regards to user behavior in real world tests with actual users.
  • 18. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary WHY USER-CENTERED DESIGN  A user-centered design process will  Give you a product that users love and will want to use  Save you development time and cost  Reduce support costs  Provide a foundation for word-of-mouth marketing  Increase profits
  • 19. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary DESIGN JOURNEYS NOT PAGES  Do not design a page.  Design a real world story into a user journey, a flow of pages from the user need/goal step by step through to completion.  Design the most important story first.  Don’t forget to make pleasant errors and have a friendly tone of voice.
  • 20. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary USER EXPECTATIONS  Dependable & reliable source - One Stop Solution  Choice  Convenience  Good customer service  Use at their own pace, own time  Usage tailor made to user needs: independent of device, platform and format.
  • 21. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary DESIGN VS DEVELOPMENT  Experience design matters, investment in design pays off  Beautiful, results-driven Smart Site that improves over time.  Integrated smart analytics customized to business metrics  Integrated viral growth of engine, customized for business growth  User centered design process with integration of usability principles and guidelines to minimize long term costs of:  Usability Issues  Training  Costly redevelopment
  • 22. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary USABILITY 101 Learnability Efficiency Memorability Errors Satisfaction Utility
  • 23. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary LEARNABILITY  How easy is it for users to accomplish basic tasks the first time they encounter the design?
  • 24. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary EFFICIENCY  Once users have learned the design, how quickly can they perform tasks?
  • 25. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary MEMORABILITY  When users return to the design after a period of not using it, how easily can they reestablish proficiency?
  • 26. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary ERRORS  How many errors do users make?  How severe are these errors?  How easily can they recover from the errors?
  • 27. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary SATISFACTION  How pleasant is it to use the design?
  • 28. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary UTILITY  Design’s functionality: Does it do what users need?
  • 29. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary USABILITY ‘HOME RUN’ Jakob Nielsen’s principles for a successful website: High quality content Often updated Minimal down time Easy to use Relevant to users’ needs Unique to the online world Net-centric corporate culture
  • 30. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary Why Usability is Important  Usability is a necessary condition for survival on the web  If a website is difficult to use people leave  If the homepage fails to clearly state what a company offers and what users can do on the site, people leave  If users get lost on a website, they leave  If a website’s information is hard to read or doesn’t answer users’ key questions, they leave  The first law of e-commerce is that if users cannot find the product, they cannot buy it either
  • 31. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary UX ROI
  • 32. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary USABILITY ROI  “Every $1 invested in usability returns between $10 and $100” – IBM  “Spending 10% of your development budget on usability should improve your conversion rate by 83%” – Nielsen Norman Group
  • 33. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary EVALUATING USABILITY  2 types of evaluation methods  Expert Review  An expert or handful of experts use the interface to try and find problems  They evaluate the interface by using heuristics or guidelines  Usability Testing  Involves testing real users  Users are asked to use the system and performing real tasks  The aim is to observe them and see where they struggle
  • 34. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary EXPERT REVIEWS  Advantages  Usability defects found early at low cost  Findings can usually be generalized to whole interface  Relatively quick to carry out  Disadvantages  Tends to over-emphasize visual design and layout problems  Hard to prioritize problems  Doesn’t capture real user behavior
  • 35. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary USABILITY HEURISTICS  Visibility of system status  Match between system and the real world  User control and freedom  Consistency and standards  Error prevention  Recognition rather than recall  Flexibility and efficiency of use  Aesthetic and minimalist design  Help users recognize, diagnose, and recover from errors  Help and documentation (Jakob Nielsen)
  • 36. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary VISIBILITY OF SYSTEM STATUS  The system should always keep user informed about what is going on, through appropriate feedback within reasonable time.
  • 37. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary MATCH BETWEEN SYSTEM AND THE REAL WORLD  The system should speak the user’s language, with words, phrases and concepts familiar to the user, rather than system- oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
  • 38. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary USER CONTROL AND FREEDOM  Users should be free to select and sequence tasks (when appropriate), rather than having the system do this for them. Users often choose system functions by mistake and will need a clearly marked “emergency exit” to leave the unwanted state without having to go through an extended dialogue
  • 39. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary CONSISTENCY AND STANDARDS  Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions. Button should say “Save” instead of Proceed (follow platform conventions
  • 40. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary ERROR PREVENTION  Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
  • 41. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary RECOGNITION RATHER THAN RECALL  Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
  • 42. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary FLEXIBILITY AND EFFICIENCY OF USE  Accelerators — unseen by the novice user — may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
  • 43. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary AESTHETIC AND MINIMALIST DESIGN  Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
  • 44. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary HELP USERS RECOGNIZE, DIAGNOSE, AND RECOVER FROM ERRORS  Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
  • 45. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary HELP AND DOCUMENTATION  Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.
  • 46. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary 8 GOLDEN RULES OF UI DESIGN  Strive for consistency  Enable frequent users to use shortcuts  Offer informative feedback  Design dialog to yield closure  Offer simple error handling  Permit easy reversal of actions  Support internal locus of control  Reduce short-term memory load (Ben Shneiderman)
  • 47. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary THANK YOU!  We are hiring – uxbert.com/careers  iOS Mobile Developers  Android Developers  Designers  Sign up for the next workshop on meetup.uxbert.com
  • 48. © 2015 - Riyadh, Saudi Arabia – Confidential & Proprietary

Editor's Notes

  1. The core is the reason users come to your website, i.e for Google, the core is the search results. For a shop the core is a product Photos, technical information, price, flowery description, reviews, video, case study etc. Sometimes visitors arrive at the core via the main navigation or search of site. But they might also come directly from Google or another website, social media or offline marketing. What is the call to action? Every subsequent interaction should bring some kind of value to your business (a conversion - sign up to newsletter, fill in contact form, add to cart, checkout, click to like on Facebook, share on social media, pick up the phone and call you.).
  2. Research, Training & Consulting User Experience Design Usability Engineering & Conversion Optimization Mobile & Web Development & Ecommerce