Visual comm - week 9 Flashcards
Æsthetics
How it looks
look at the form and the function
Helps us create better products and services
Design thinking & UX
how to improve someone experience
having the customer at the center of your design process
involve the client in your process
try to emphasize with the actual user
Waterfall vs. LEAN
Lean : test more features and function , have more iteration
getting feedback, and then moving on with the design process
Waterfall : set up requirement up front , then go ahead and design
if you have a lot of regulations, this is the best way to go
10x, MVP
10x –> 10 x better or exponential better than the original or the competition
ppl will be more satisfied
MVP –> minimum viable product , satisfied the users need. viable because it is sustainable
when it comes to testing something, you want to
make sure you can replicate it over and over again
Prototyping
in the digital space vs analog
you can test just not locally but globally
send out the prototype to anyone in the world
time is no longer a factors
send out the prototype and they can sit in it for a week
results are capture in the archive as well
archival : hold on of user test information
also can find things you could have miss when you are sitting in with the user while using your product
video : Miracle Mattress
dont capitalize on other ppl grieve
these people tried to make money by putting the mattress like the towers in new york who fall during 911
Affordances
the capabilities offered by the design
the way something is design, it give some features
The medium is the message
said by Marshall Macluhan
doing a tweet:
Short and to the point for your messages
only have certain number of words on twitter
one aspect of this
also comes down to visual cues and what you do with the medium
in video, we have moving picture and sound
in a gif , we have short video
looping animation
several design methods
button : tells you intuitively to push it
switch - flip
knob - rotate , more granular control, not just on and off
light –> light feedback
for example, if you want to know if a post was sent on twitter. which one is it ?
could use a light,
we want something binary
buttons often breaks down
should gives you a type of feeback, like a light to tell you it was sent
ex: you have probably click on button twice, cause you weren’t sure if it was sent
and you had sending it twice by mistake
what is the affordance of a normal coffee pot ?
- keeps it hot
- dont burn your hand
- pour coffee in a slow way
the massacus coffee pot
• the tip on wrong side
- so, when you tilt, you will pour on your own hand
whats wrong with the pic ?
slide 9
the water is coming from the same pipe
so, only one heat for water
hot or cold
Skeuomorphism
take something that is familiar to one field and take it to another field into the design
for example, a coin slot
so taking analog (the knob) to digital space (which is 2d)
• relate to the user by using something they are familiar with in the design
- these knobs on the image, is very skeuomorphic
- its really similar to what you get when you actually buy the machine
- with these knobs, how do you interact with them ?
- you would expect to scroll, or to click and drag in a circular motion, or an arch
but actually, it work by dragging up and down
Semiotics
the study of sign
Visual indicators , how to convey info visually
semantic , study of meaning
for example, language use to describe content
so metadata , describe the code
the article tags , describes the body of content to the machine
Saussure and Pierce
Saussure :
Signifier: Icon/word/symbol
Signified: Concept recalled in your mind
Referent: Intended meaning by the person who made the signifier
examples are shown on slide 14
Pierce:
Icon: picture, map, math
Index: sign requiring context
Symbol: culturally defined
example on slide 15
slide 16
this symbol is culturally defined