O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.
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...
Próximos SlideShares
Carregando em…5
×

Perception > Where to place Interaction Design & Psychology (2002)

115.529 visualizações

Publicada em

Perception > Where to place information? Direction Not necessarily from left to right, top to bottom Distance Concentrate not on the distance from the page margin, but on the distance from the current fixation point Don’t center text blocks, keep a fixed fixation point As close as possible: Labels to the object Objects for comparison Grouping Watch out for too many boxes / borders Rather no black borders No more than 5 tabs horizontally Enable sort by column Enable search entries (e.g. alphabet-ordered list)

Publicada em: 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 ⇐.
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • 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.
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • 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
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Your customer service is one of the best experiences I have had. Thanks again. ❤❤❤ https://w.url.cn/s/AiIrNWD
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui
  • Your customer service is one of the best experiences I have had. Thanks again. ▶▶▶ https://w.url.cn/s/AVD5j1m
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

×