UX Design Workshop

User Experience Design Workshop

What is UX?
Workshop
Techniques
Fun
Dialog
UI Design
Discussions
UI Process

Do you really believe
what your eyes see?

Charlie Chaplin – Illusion

Now that we know,
what next?

Some Background

Usability Definition
[Usability refers to] the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." - ISO 9241-11

Who would be using this application?
Where this user would be achieving this goal?
What this user would like to achieve?

Persona
UserWho would be using this application?
Tasks profiling
Can’t be “ALL USERS”
Create Scenarios

More features less usability
Understand primary tasks
Focus on important things
GoalWhat this user would like to achieve?

Personal Interview
Email
Surveys
ContextWhere this user would be achieving this goal?
Contextual Inquiry
Focus Group
Support Line

Enough theories, How
do I design a web app?

This is where it all begins.
What user want?
Application Feature?
BRS

This step transforms strategy into requirements.
SRS
Functional & UI requirement

This gives shape to the scope.
Navigation
Sitemap

It makes the site concrete.
Wireframes
Storyboards
Prototype
IA

Surface brings everything together visually.
Graphics
Icons
Colors

Go low level and talk
about design elements

Create accessible links
Web users scan text
User short & simple words
Inverted pyramid writing
Online vs. print content

Font
Times New Roman is a common serif font
Font
Verdana is a common sans serif font
Font
Times New Roman is a proportional spaced font
Font
Courier is a monospace font
Some gyan about fonts

Aoccdrnig to rseerach at Cmabrigde
Uinervtisy, it deosn'tmttaer in waht
oredr the ltteers in a wrod are, the
olnyiprmoatnttihng is taht the frist
and lsatltteer be at the rghitpclae.
The rset can be a total mses and you
can sitllraedit wouthitporbelm.
Tihs is bcuseae the huamnmnid
deos not raederveylteter by istlef,
but the wrod as a wlohe.
Amzanig huh?
Avoid italics
Capital = 14-20% less readable
Sans serif are build for web
10 points or larger is safe
font gyan continues

C a yureat is?
You a e not radigths.
W at arourea in ?

Get user attention

Do not use pure red or blue
Do not use more than 6 colors
7% of population is color blind
Blue is a safe color
Use of colors

Try this color illusion

Familiarity reduces learning
Meaning less icons
Inconsistent icons
Unlabeled icons
Avoid Popular metaphors
Use of icons

Button = Action
Link = Navigation
Consistency
Affordance
Usage of buttons

Number of items
Usage pattern
Space constrain
Searching capability
Auto complete
Radio button, dropdown, or shuttle

Suggest solution
Prevent error
Keep it together
Think about the message
Never show system errors
Error handling

User Experience Design
User Experience Design
User Interface Design
Human Factors Engineering
Information Architecture
Usability
Human Computer Interaction

http://usabilitycorner.com	35
http://www.slideshare.net	14
http://www.linkedin.com	2
http://feeds2.feedburner.com	1

UX Design Workshop

by Manish Vashist

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 52

Statistics

UX Design Workshop Presentation Transcript