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

Also, I think you walk a fine line around equating emergence with intelligence. I haven’t made that equation. What I have said, and what you might have misinterpreted, is: As far as we know, “intelligence” is an emergent quality and emergence appears on all levels of existence that we can perceive.Perhaps you mistakenly extended the subset to being the full set. That I haven’t said or implied. After all, how can two humans have a discussion about something that is defined as being beyond their comprehension, and thus beyond their conversational ability. It’s called thinking in the abstract which is not beyond human comprehension or conversational ability but we’re the model for intelligence (at least until we find something else that’s smart) and so to qualify as “intelligent” it will necessarily exhibit some of the signs that we do.

This is… amazing, just… wow! I am attending RPI this fall as a freshmen, and i plan on going into mechanical engineering and design. As soon as i saw this video i was literally agape and on the edge of my seat! I gave the link to all the other people going to RPI next year including Computer Science, Computer Engineering, and other Mech. Eng.
I have a Nintendo Wii, and an extra controller, so you can count on me bringing this set up to my Dorm room next year. With the interactive 2-point white-board alone i can think of either great fun or great ways to improve on how I do my work. Can this be set up to a CAD software or similar software for 3-D design?

Honestly Mr. Lee, I have so much respect for you right now. First for realizing this could be done, second for developing the software to make it happen, and last but far from least, for making the information widely distributed, the software free to everyone, and as you said, opening the field of research to such a broad range of people. You certainly deserve that standing ovation. Bravo!!!

Nokia and the University of Cambridge have teamed up on a new concept phone called the Morph described as a nanotechnology concept device. The concept design was launched at the “Design and the Elastic Mind” exhibition at the Museum of Modern Art in New York City.

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

According to Nokia, the Morph is a concept intended to demonstrate how devices in the future could be stretchable and flexible allowing the user to change the shape of their device on a whim. The nanotechnology construction is capable of providing users with flexible materials, transparent electronics and self-cleaning surfaces.

Nokia Chief Technology Officer Dr. Bob Iannucci said in a statement, “Nokia Research Center is looking at ways to reinvent the form and function of mobile devices; the Morph concept shows what might be possible.”

Nokia claims that certain elements of the Morph could be integrated into high-end handheld devices in the next seven years. Nokia adds that nanotechnology could at some point lead to low cost manufacturing solutions providing complex devices at low prices.

University of Cambridge Professor Mark Welland added, “Developing the Morph concept with Nokia has provided us with a focus that is both artistically inspirational but, more importantly, sets the technology agenda for our joint nanoscience research that will stimulate our future work together.”

Nokia made headlines earlier this month when the German government demanded $60.5 million in a refund of subsidies it provided.

New York Times columnist David Pogue takes aim at technology’s worst interface-design offenders, and provides encouraging examples of products that get it right. To funny things up, he bursts into song.

He’s highlighting the decline of some manufacturers commitment to user-friendly software. There are vendors that release complicated software to run under Microsoft’s products, and while they are to blame some for the lack of intuitiveness, Microsoft created this user-not-so-friendly foundation..

Calling for simplicity in design is easy. But what appears to be simple from the designer’s perspective may be anything but from the perspective of the player.

About David Pogue: David Pogue is the personal technology columnist for the New York Times and an Emmy Award-winning tech correspondent for CBS News. He’s also one of the world’s bestselling how-to authors,

Jonathan Harris wants to make sense of the emotional world of the Web. With deep compassion for the human condition, his projects troll the Internet to find out what we’re all feeling and looking for.

This is truly amazing project. The ways in which he wields technology to help us better understand, and thus appreciate, our fellow man are, quite simply, brilliant. I wasn’t able to see his recent “I Want You To Want Me” done with Sep Kamvar but judging from this video (http://www.youtube.com/watch?v=GZUaXDm4qik), it turned out beautifully. The documentation of their process is also worth a peek: http://www.iwantyoutowantme.org/process.html

IDEO’s David Kelley says that product design has become much less about the hardware and more about the user experience. He shows video of this new, broader approach, including footage from the Prada store in New York.

As founder of legendary design firm IDEO, David Kelley has helped design the icons of the digital generation — the first mouse, the Treo, the Leap chair. But equally important to him: Designing great places to work, learn and create. 

David Kelly has a good view into the needs of the user.

His firm, IDEO, has been able to push the role of product design deeper into companies. Getting companies to use the design process in more & more places. It helps every design person everywhere when IDEO promotes the value of the design process.