1 / 44

Dr. Gitte Lindgaard

Dr. Gitte Lindgaard. HOTLab (Human Oriented Technology Lab) Carleton University. Let's look at design. TRUCKS ONLY. (From Stephen Grant, with permission by W. Bezanson). Bad designs…. What’s the problem with bad designs? Infuriating Confusing

ziven
Télécharger la présentation

Dr. Gitte Lindgaard

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Dr. Gitte Lindgaard HOTLab (Human Oriented Technology Lab) Carleton University

  2. Let's look at design

  3. TRUCKS ONLY (From Stephen Grant, with permission by W. Bezanson)

  4. Bad designs… • What’s the problem with bad designs? • Infuriating • Confusing • Inefficient, requiring you to carry out more actions than should be necessary • Difficult to learn and use • Have no means of telling you what they can do • Not obvious what you can do or how • ….. Etc.

  5. User-Centred Design • Aims to optimize the user’s interactions with the product • What are people good at? Bad at? • What might help people do things better (= faster, more accurate, more fun) • Design for quality experience • Listen to people • Observe people • Use ‘tried and tested’ techniques

  6. Mapping (a) Natural, direct mapping (b) Alternative mapping

  7. Good/bad mapping? Which is the most natural mapping here?

  8. Designing for usability • Questions the designer needs to ask: • How can we ensure that users can locate the information they need • How should the information be presented to help them interpret it correctly…. • And then perform the correct action

  9. Psychological components • Perception in design • Can the user see the stimulus at all? • Does it stand out from the background? • Is the contrast sufficient for him to discriminate ‘figure’ from ‘ground’?

  10. File Edit View Insert Format Tools Other Other Help Other Edit Format Help View Tools File Other Insert Sequencing options

  11. File Edit View Insert Format Tools Other OtherHelp Hot keys • Task: • Write down the hot keys for the • following as quickly as you can: • Edit • Help • Format

  12. File Edit View Insert Format Tools Other Other Help Hot keys • Task: • Write down the hot keys for the • following as quickly as you can: • Edit • Help • Format

  13. File Edit View Insert Format Tools Other Other Help File Edit View Insert Format Tools Other OtherHelp Hot keys

  14. Psychological components • Interpretation in design • Is it easy to understand what the stimulus means?

  15. New… Ctrl+N Open… Ctrl+O Close Save Ctrl+S Save As Save as web page Search… Versions… Screen elements: Menus • What may you deduce from the following? • Semantic groups • Hot keys shown • “more” (open another window) • “more” (primary menus) • Can be activated • Cannot be activated

  16. Bad messages Invalid data - out of range Longjmp botch: core dumped Ok

  17. Bad messages Error in OR1187.5K/2.3 Closing application now Ok

  18. The month doesn’t have the date Ok These error messages are not specific enough… Please correct the error Ok

  19. …Good error messages ! ! Error No rate entered in cost field Type in a rate between $20 and $500 Ok

  20. …Good error messages • Tell the user • That she has made an error • Where it is • What the error is • How to correct it

  21. Psychological components • Supporting the right decision or action • Is it easy to take the right action?

  22. 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959563Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502

  23. 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959563Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502

  24. Task complexity • Think about this task…The operator must • Find the right column (detect/attend  encode) • Transform a number into a perception of the location of an approaching aircraft relative to himself (interpret) • Remember what that number was on the last screen and the screen before that and before that…. (recall) • Compare these numbers mentally to • Decide whether or not the aircraft is descending (output)

  25. 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959562Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182849 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959562Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182849 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959562Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182849 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959562Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182849 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959562Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182849 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 69395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39398502 1702847 5959531Fo0S 484230P< 39395502 1182847 5959530Fo1S 484229P< 39395502 1882847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959562Fo0S 484229P< 39395602 1182847 5979530Fo0S 484229P< 39845502 1182847 5959530Fo0S 484229P< 39395502 1182847 5959530Fo0S 484229P< 39395502 1182849 5959530Fo0S 484229P< 39395502 Etc. 60 sec ago 45 sec ago 30 sec ago 15 sec ago Now

  26. Alt. time Would ‘direct mapping’ have led to another decision?

  27. Summary so far • As user interface designers, we must understand • How and where to place information so the user can find it and can scan it with ease • This was called perception • And it has something to do with understanding how our sensory systems work + what users expect • You will be learning a lot more about perception in this course

  28. Summary so far • We must try to place ourselves in the user’s shoes to make sure they can also • Interpret the information correctly and • Take the right action

  29. The role of emotion/aesthetics • Our first impression of a stimulus is emotional. It • …represents what my body tells me to feel rather than what my brain tells me to think • …is formed instantly, in a few msec (mere exposure effect) • …is stronger than subsequent impressions (primacy effect) • …lingers on for a long time • …is very resistant to change (confirmation bias)

  30. So what? • What does that mean for people who design web pages? • If a user hates what he sees/hears right away, chances are that he will click onto the next site • He won’t stay long enough to read and consider the information the site might contain • He will have a negative impression of the company or institution behind the web site • It will take a lot of work to get him back up to a neutral position or even get him to like what he sees

  31. Good design Bad design

  32. In the HOTLab we study • How to analyse user behavior • Who are the users? What are they trying to do? What tools are available to them? How might their environment influence their behavior? • How interactive technology should be designed • Generate and apply design principles based on human psychology • How to evaluate interactive technology • Techniques, methods, tools, guidelines

  33. For more information See our website: www.carleton.ca.hotlab Contact Dr. Gitte Lindgaard extension 2255 e-mail gitte_lindgaard@carleton.ca

More Related