Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Interaction Design & Psychology Workshop by Leonard Verhoef, 2002 Ferry den Dopper Notes from
Psychology : a different scope   Usability Psychology Based on… Based on biology Applies to products Applies to processes ...
Human functions as UI principles   Movement Perception Language Memory Thinking Efficient user input Steering attention an...
Movement Efficient user input <ul><li>Large buttons </li></ul><ul><ul><li>Bigger targets are easier to hit </li></ul></ul>...
Human functions Typing or clicking? Movement Less input Pointing & Clicking Typing Movement <ul><li>Slow (one arm) </li></...
Perception Steering attention and recognizing information <ul><li>Size </li></ul><ul><ul><li>Use few large sizes </li></ul...
Too many attention points
Perception  > Form Perceiving characters Bad Good Because 29 / 1 / 89 29 - 1 - 89 Extra figures like symbols decrease dist...
<ul><li>02803,45 </li></ul><ul><li>10419,65 </li></ul><ul><li>23429,95 </li></ul><ul><li>00293,40 </li></ul><ul><li>90290,...
Perception  > Form Perceiving text and graphics <ul><li>With text: </li></ul><ul><ul><li>Omit leading zero’s </li></ul></u...
Perception  > Form Perceiving text and graphics Text or graphics? Text Graphics Perception Recognizability Conspicuousness...
Perception  > Luminance   <ul><li>High luminance for: </li></ul><ul><ul><li>Relevant information </li></ul></ul><ul><ul><l...
Perception  > Color   <ul><li>Color and visibility </li></ul><ul><ul><li>Use unsaturated colors </li></ul></ul><ul><ul><li...
Too many colors
Unclear use of colors
Perception  > Color Control of attention Which color for which situation? Situation Action Example Color Normal Informatio...
Perception  > Blinking and animations   <ul><li>Blinking = screaming! </li></ul><ul><li>Running text reads 10% slower </li...
Perception  > Quiet pages   <ul><li>Use few sizes </li></ul><ul><li>Use few fonts </li></ul><ul><li>Use few graphics </li>...
Perception  > Where to place information? Comparison <ul><li>1 </li></ul><ul><li>2 </li></ul><ul><li>3 </li></ul><ul><li>1...
Perception  > Where to place information?   <ul><li>Direction </li></ul><ul><ul><li>Not necessarily from left to right, to...
Eye fixation
Eye fixation Too far Close
Perception  > Tables   <ul><li>Efficient use of rows </li></ul><ul><ul><li>Few empty lines </li></ul></ul><ul><ul><li>One ...
Language Test: Verb or noun? What will the user do at this message? MS Word File A file To file Edit An edit To edit Forma...
Language Clear use of language <ul><li>Less words </li></ul><ul><ul><li>Use few words </li></ul></ul><ul><ul><li>Don’t use...
Language More error messages
Language Clear use of language <ul><li>advanced </li></ul><ul><li>application </li></ul><ul><li>banner </li></ul><ul><li>b...
Memory Help, learning and memory Human memory Short term memory (working memory) Long term memory Short term recall Long t...
Memory Help, learning and memory <ul><li>Mistaking and forgetting </li></ul><ul><ul><li>Presentation </li></ul></ul><ul><u...
Memory   > Mistaking and forgetting  Help, learning and memory <ul><li>Presentation </li></ul><ul><li>Show active processe...
Memory   > Mistaking and forgetting  Help, learning and memory <ul><li>Thinking </li></ul><ul><li>Lists </li></ul><ul><ul>...
Memory   > Mistaking and forgetting  Help, learning and memory <ul><li>Thinking </li></ul><ul><li>Are you sure? </li></ul>...
Memory   > Help    <ul><li>If you need ‘Help’, the interface is wrong </li></ul><ul><ul><li>You have to tune your applicat...
Memory   > Help  Tool tips <ul><li>A tool tip… </li></ul><ul><ul><li>has an unobtrusive presentation </li></ul></ul><ul><u...
<ul><li>Reduce mental load </li></ul><ul><li>The computer computes </li></ul><ul><ul><li>Program computes numbers </li></u...
Thinking    <ul><li>From virtual to conceptual </li></ul><ul><li>Be careful with using metaphors and </li></ul><ul><li>vir...
Thinking    <ul><li>Navigation </li></ul><ul><li>Psychologically, each menu, toolbar and tab control is a list. So the sam...
Prochain SlideShare
Chargement dans…5
×
115 548 vues

Publié le

Too many colors

Publié dans : Design
  • My personal experience with research paper writing services was highly positive. I sent a request to ⇒ www.WritePaper.info ⇐ and found a writer within a few minutes. Because I had to move house and I literally didn’t have any time to sit on a computer for many hours every evening. Thankfully, the writer I chose followed my instructions to the letter. I know we can all write essays ourselves. For those in the same situation I was in, I recommend ⇒ www.WritePaper.info ⇐.
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • If you’re looking for a great essay service then you should check out ⇒ www.WritePaper.info ⇐. A friend of mine asked them to write a whole dissertation for him and he said it turned out great! Afterwards I also ordered an essay from them and I was very happy with the work I got too.
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • I went to three of the auctions you guys provided, and I bought this Chevy that I'm going to sell and make some extra $$$ ☀☀☀ https://w.url.cn/s/A9eBVEi
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Your customer service is one of the best experiences I have had. Thanks again. ❤❤❤ https://w.url.cn/s/AiIrNWD
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Your customer service is one of the best experiences I have had. Thanks again. ▶▶▶ https://w.url.cn/s/AVD5j1m
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

×