• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
UX Design Workshop
 

UX Design Workshop

on

  • 4,962 views

User Experience Design: A basic level understanding of UXD for developer community. This is a quick summary and also consists of few tips and tricks to make your application usable.

User Experience Design: A basic level understanding of UXD for developer community. This is a quick summary and also consists of few tips and tricks to make your application usable.

Statistics

Views

Total Views
4,962
Views on SlideShare
4,902
Embed Views
60

Actions

Likes
7
Downloads
112
Comments
0

7 Embeds 60

http://usabilitycorner.com 35
http://www.slideshare.net 14
http://www.linkedin.com 5
https://twitter.com 3
http://feeds2.feedburner.com 1
http://sig.ma 1
https://www.linkedin.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    UX Design Workshop UX Design Workshop Presentation Transcript

    • User Experience Design Workshop
    • What is UX?
      Workshop
      Techniques
      Fun
      Dialog
      UI Design
      Discussions
      UI Process
    • Do you really believe
      what your eyes see?
    • 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