UX Design Workshop – Presentation Transcript

1. User Experience Design Workshop
2. What is UX?
   Workshop
   Techniques
   Fun
   Dialog
   UI Design
   Discussions
   UI Process
3. Do you really believe
   what your eyes see?
4. Do you really believe
   what your eyes see?
5. Charlie Chaplin – Illusion
6. Now that we know,
   what next?
7. Some Background
8. 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
9. Who would be using this application?
   Where this user would be achieving this goal?
   What this user would like to achieve?
10. Persona
    UserWho would be using this application?
    Tasks profiling
    Can’t be “ALL USERS”
    Create Scenarios
11. More features less usability
    Understand primary tasks
    Focus on important things
    Goal What this user would like to achieve?
12. Personal Interview
    Email
    Surveys
    Context Where this user would be achieving this goal?
    Contextual Inquiry
    Focus Group
    Support Line
13. Enough theories, How
    do I design a web app?
14. This is where it all begins.
    What user want?
    Application Feature?
    BRS
15. This step transforms strategy into requirements.
    SRS
    Functional & UI requirement
16. This gives shape to the scope.
    Navigation
    Sitemap
17. It makes the site concrete.
    Wireframes
    Storyboards
    Prototype
    IA
18. Surface brings everything together visually.
    Graphics
    Icons
    Colors
19. Go low level and talk
    about design elements
20. Create accessible links
    Web users scan text
    User short & simple words
    Inverted pyramid writing
    Online vs. print content
21. 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
22. 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
23. C a yureat is?
    You a e not radigths.
    W at arourea in ?
24. Get user attention
25. 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
26. Try this color illusion
27. Familiarity reduces learning
    Meaning less icons
    Inconsistent icons
    Unlabeled icons
    Avoid Popular metaphors
    Use of icons
28. Button = Action
    Link = Navigation
    Consistency
    Affordance
    Usage of buttons
29. Number of items
    Usage pattern
    Space constrain
    Searching capability
    Auto complete
    Radio button, dropdown, or shuttle
30. Suggest solution
    Prevent error
    Keep it together
    Think about the message
    Never show system errors
    Error handling
31. User Experience Design
    User Experience Design
    User Interface Design
    Human Factors Engineering
    Information Architecture
    Usability
    Human Computer Interaction

The sketchboard is a low-fi technique that makes it possible for designers to explore and evaluate a range of interaction concepts while involving both business and technology partners. 

httpv://www.youtube.com/watch?v=iVFTBj_BYy0

Unlike the process that results from wireframe-based design, the sketchboard quickly performs iterations on many possible solutions and then singles out the best user experience to document and build upon.

[ad]

IBM engineers are demonstrating the integration of Lotus Sametime with the several virtual world platforms.

httpv://www.youtube.com/watch?v=QzuiEzTah5w

A 3-D meeting can be launched directly from within Sametime, creating a virtual meeting space that uses Sametime capabilities available in a virtual environment, including presentation tools, access to the avatar’s inventory and full avatar functionality demonstrating the business value virtual environments can bring to the future of unified communications.

This is a proof of concept and a first good step. There are lot of companies trying to develop gaming and informal environments such as second life. I believe, virtual world is moving towards augmented reality. We have processor speed now that could process CGI animation in real time using a normal desktop computer. 

I think we would see a lot of application focusing on virtual and augmented reality.

What’s made Google search, Facebook, the iPod, and Firefox household names? They all keep interaction to a minimum. The best presentation of content is the one which requires the least number of clicks and choices. Information overload is daunting: Few clicks and choices means more people stay and use your site. Avoiding interaction seduction allows you to create interfaces that are easier to learn and faster to use with surprisingly delightful interfaces. As an example, we’ll see what Google search would have looked like if the Lobby For Advancement Of Carpal-Tunnel Syndrome had got their way.

httpv://www.youtube.com/watch?v=EuELwq2ThJE

Aza gave his first talk on user interface at age 10 and got hooked. At 17, he was talking and consulting internationally; at 19, he coauthored a physics textbook because he was too young to buy alcohol; at 21, he started drinking alcohol and co-founded Humanized. Two years later, Aza founded Songza.com, a minimalist music search engine that had over a million song plays during it’s first week of operation. After Humanized was sucked into Mozilla, Aza became Head of User Experience for Mozilla Labs. In another life, Aza has done Dark Matter research at both Tokyo University and the University of Chicago, from where he graduated with honors in math and physics. When not working (ha!) Aza enjoys playing music and punning.

Robert Barlow-Busch argues that traditional usability testing is too slow to properly support an iterative approach to product design. He presents the “design checkpoint” as a complementary activity: an informal exercise in which 1 designer meets with 1 user for 1 hour every 1 or 2 weeks.

httpv://www.youtube.com/watch?v=WgxKyuglbT8

From the “7 Minute Soapbox on User Experience” in Waterloo, Ontario on June 14/07, in which speakers had exactly 7 minutes to present their ideas.