User Experience Design and Human Computer Interaction
-
Upload
suci-fadhilah -
Category
Technology
-
view
296 -
download
3
description
Transcript of User Experience Design and Human Computer Interaction
![Page 1: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/1.jpg)
Week #1 - DAY 3 (25 June ‘14) :
User Experience Design and Human Computer Interaction
SUCI FADHILAH
![Page 2: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/2.jpg)
![Page 3: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/3.jpg)
![Page 4: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/4.jpg)
You cannot not communicate. Every
behavior is a kind of communication.
Because behavior does not have a
counterpart (there is no anti-behavior),
it is not possible not to communicate
“
- Paul Watzlawick’s First Axiom of Communication
![Page 5: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/5.jpg)
≠
![Page 6: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/6.jpg)
I want…
![Page 7: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/7.jpg)
≠ ’
![Page 8: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/8.jpg)
![Page 9: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/9.jpg)
![Page 10: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/10.jpg)
#
![Page 11: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/11.jpg)
Everything a designer does affects the user experience
-very first rule of UX
![Page 12: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/12.jpg)
• What is the user’s motivation to be here in the first place?
• How does this make them feel?
• How much work does the user have to do to get what they
want?
• What habits are created if they do this over and over?
• What do they expect when they click this?
• Are you assuming they know something that they haven’t
learned yet?
• Is this something they want to do again? Why? How often?
• Are you thinking of the user’s wants and needs, or your
own?
• How are you rewarding good behavior?
![Page 13: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/13.jpg)
#
![Page 14: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/14.jpg)
• Could you get the job done with less input from the user?
• Are there any user mistakes you could prevent? (Hint: Yes,
there are.)
• Are you being clear and direct, or is this a little too clever?
• Is it easy to find (good), hard to miss (better), or
subconsciously expected (best)?
• Are you working with the user’s assumptions, or against
them?
• Have you provided everything the user needs to know?
• Could you solve this just as well by doing something more
common?
• Are you basing your decisions on your own logic or
categories, or the user’s intuition? How do you know?
• If the user doesn’t read the fine print, does it still work/make
sense?
![Page 15: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/15.jpg)
#
![Page 16: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/16.jpg)
• Do users think it looks good? Do they trust it immediately?
• Does it communicate the purpose and function without
words?
• Does it represent the brand? Does it all feel like the same
site?
• Does the design lead the user’s eyes to the right places?
How do you know?
• Do the colors, shapes, and typography help people find
what they want and improve usability of the details?
• Do clickable things look different than non-clickable things?
![Page 17: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/17.jpg)
#4
![Page 18: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/18.jpg)
• Does it sound confident and tell the user what to do?
• Does it motivate the user to complete their goal? Is that
what we want?
• Does it inform the user or does it assume that they already
know what its about?
• Does it reduce anxiety?
• Is it clear, direct, simple, and functional?
![Page 19: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/19.jpg)
#5
![Page 20: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/20.jpg)
• Are you using data to prove that you are right, or to learn
the truth?
• Are you looking for subjective opinions or objective facts?
• Have you collected information that can give you those
types of answers?
• Do you know why users do that, or are you interpreting their
behavior?
• Are you looking at absolute numbers, or relative
improvements?
• How will you measure this? Are you measuring the right
things?
• How can you use this analysis to make improvements?
![Page 21: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/21.jpg)
![Page 22: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/22.jpg)
![Page 23: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/23.jpg)
Jesse James Garrett
![Page 24: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/24.jpg)
![Page 25: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/25.jpg)
![Page 26: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/26.jpg)
![Page 27: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/27.jpg)
![Page 28: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/28.jpg)
![Page 29: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/29.jpg)
+
![Page 30: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/30.jpg)
![Page 31: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/31.jpg)
Human-computer interaction is a
discipline concerned with the design,
evaluation and implementation of
interactive computing systems for
human use and with the study of major
phenomena surrounding them
“
- ACM SIGHI
![Page 32: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/32.jpg)
![Page 33: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/33.jpg)
![Page 34: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/34.jpg)
![Page 35: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/35.jpg)
Good design is
problem solving.
“
Jeffrey Veen
![Page 36: User Experience Design and Human Computer Interaction](https://reader034.fdocuments.net/reader034/viewer/2022042613/5495a249ac7959092e8b4ed8/html5/thumbnails/36.jpg)
All pictures are taken from google.com or bing.com
Jesse James Garrett – The Elements of User Experience Design
52 weeks of UX – 52weeksofux.com
Joel Marsh – UX Crash Course: 31 Fundamentals
Human Computer Interaction – International ACM SIGHI
Uxmastery.com – UX Process, dll…