Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ergonomics for UX Designers

Ergonomics for UX Designers

Workshop deck.

UX design is often focused on desktop or mobile experiences. Increasingly, we’re putting screens on all types of devices, from refrigerators to coffee machines, and everywhere from museums to shopping malls. Many of the conventions we rely on do not apply in these contexts. In think workshop, we'll explore what UX designers need to know about ergonomics.

Kevin Cannon

May 23, 2018
Tweet

Other Decks in Design

Transcript

  1. Our studios 7 SAN FRANCISCO AUSTIN NEW YORK DELHI BOSTON

    LONDON MILAN BANGALORE MUNICH SHANGHAI
  2. 9 Intro Ergonomics for UX Designers Exercises: Sketching Design Principles

    Exercise: Prototyping
 Share-out & Feedback
 End AGENDA 14:00 17:30
  3. 10 ERGONOMICS FOR UX DESIGNERS I believe in showing learning

    by doing, so this workshop will be very hands on. Here’s a sneak preview.
  4. 15 ERGONOMICS FOR UX DESIGNERS Let’s form groups Groups of

    5/6 people. Sit with people you don’t know. Introduce yourselves.
  5. 21 ERGONOMICS FOR UX DESIGNERS Each team will have a

    different form factor 2. Table Large flat table for use by multiple people. 1. Terminal Large widescreen display at an angle. 3. Large Display Large vertical touchscreen display with dual use for advertising and way finding. 4. Portrait Terminal Large vertical touchscreen display 
 at an angle.
  6. 23 ERGONOMICS FOR UX DESIGNERS Crazy 8s: Interaction Model
 Take

    A4 sheets. Fold into 8. Use big markers. Do individually. Rapid sketching. ⏱ 5 mins. 4X
  7. Use Case 1: 
 Help uses find key facilities, such

    as toilets, the locker room, and main exhibitions. 
 Standard view > Home screen > find toilet > show location 24 ERGONOMICS FOR UX DESIGNERS
  8. Section Subtitle Section Subtitle MICROSOFT TOUCH UI GUIDELINES 33 ERGONOMICS

    FOR UX DESIGNERS Interaction Reading BEST GOOD OK
  9. 38

  10. 42 ERGONOMICS FOR UX DESIGNERS LEAN FORWARD LEAN BACKWARD LARGER

    FONTS SLOWER BIGGER ITEMS SMALLER FONTS HIGHER INFORMATION DENSITY FASTER
  11. 44 ERGONOMICS FOR UX DESIGNERS A deskphone presen touchscreen interac

    reference points, de phone and tablet al interaction. A deskt screen, and manipu - the mouse and key phones are manipu held very close to th A deskphone is furt reducing physical d in movement, and f eyes, making things instances on this de small. Moveover ges not suit the physica Contextual Recommendation Ensure that the phy catered for, that mo such as pinch & zoo removed. Ensure th are large enough fo just the same size as Arm’s length interface. circa. 40cm circa. 80cm
  12. 46 ERGONOMICS FOR UX DESIGNERS Take your design and explore

    it further, looking at the full brief. A3 sheets In a group. Combine and remix ideas . Create 3 different approaches. ⏱ 30 mins.
  13. 56 DESIGN PRINCIPLES A shared experience. Readable from a distance.

    A comforting experience. Two screens, for different users.
  14. 64

  15. 66

  16. Many public installations have accessibility requirements. A shopping mall may

    not, but consider how that might change your system. Description text dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ute enim ad minim veniam, quis exer citation ullamco lorem ipsum. Description text dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ute enim ad minim veniam, quis exer citation ullamco lorem ipsum. Description text dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ute enim ad minim veniam, quis exer citation ullamco lorem ipsum. Accessibility Section Subtitle Section Subtitle Section Subtitle 73 ERGONOMICS FOR UX DESIGNERS Consider wheelchair users and children.
  17. 75 EXERCISE 1. Build a full-scale model 2. Act it

    out 3. Learn 4. Iterate We’ll present observations at the end. ⏱ 45 mins Time: 45⏱
  18. 77 ERGONOMICS FOR UX DESIGNERS What changes did you make

    during this process? What did you learn when you acted it out?