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
Connotative
Denotative
Connotative : associated meaning that you come up with in your mind
ex: the word cat, you’ll get a visual image in your brain of how it looks like
denotative : literal meaning of what it was intended
cinderella
How are women portrayed? How are men portrayed?
women:
cinderella : beautiful, nice, need someone to save her
step mom/ step sisters :
evil, put her down, uglier,
men :
prince –> perfect, handsome, wealthy,
what made these women successful ?
coco chanel
J.K rowling, Oprah
Anna Eleanor roosevelt
- Creativity Confidence Emotional intelligence (EQ) Resourceful (if you hit a road block, find a way around it) Resilient Work with Purpose Set new trends
gif with obama and cuban minister
usually american treat others like puppets
they are the one in power
and cuban guy raise his hand
went for a hug turn awkward moment
Meme
A single mutating visual unit of communication that uses a mimicked theme
morph and adapt over time
make it adapt to any situation
we can make it relevant in the new time and place
Soundbyte
Soundbyte = star wars theme, fb bing when you get a message , ding when a text message come
vid: talks about meme
- how meme surface and exist
talks about the rage guy
poptart cat and put meow meow sound together .
talk about gif –> visual soundbyte
how do you get ready for a job that doesnt exist yet ?
since technology move so fast
rely on a search engine..
slap together different job title and see what you get
2 ways that ppl find apps
word of mouth or browsing the app store
Mass Self-Communication Manuel Castells
Industries are become flat, what you do in the course are all layers of a traditional publishing process
you are researching, you are generating and creating content , and curating content
directing how that content comes together such as medim and format
then you are disseminating it, so you are sharing it with the public .
in the course is through twitter
Pro/cons :
quality vs quantity
what it is flat, the quality becomes much worse
if someone cant publish themselves through a newspaper, then they can publish themselves
and communicate with the masses
Ghost gunner - open-source weaponry
• Ghost gunner
purpose ?
- the receiver is the part that makes the weapon (put the bullets there, only part that is registered)
- all the other parts are not regulated
ppl are making guns by buying a piece of metal and making the rest from 3d printer
• law enforcement cant keep up
questions digital media ◦ pedestrians being kill by autonomous vehicle via uber • • issues with encryption ? ◦ encrypting stuff that are illegal
Language of mass media
semionitc
Colour (invoke certain emotion)
Clothing (give idea of someone status)
Camera angle (draw your attention to certain feature on the scene)
Edits/Cuts (provide emphasis)
Objects (placement of object in the scene can give you the idea where someone is)
Mise-en-scène (things that are off scene )
video : DMZ sign
the sign lits up each time someone tweet with a specific hashtag
video: dexter
the macroshots conveys attention to details
- tying up his shoelace, seems like he is strangling someone
- contrast of bad and good
he is a serial killer
but works with law enforcement
• coveys that he pays attention to details
video: six feet under
- shows a morgue ◦ about death ◦ show herse topic : death fluids, makeup
its about a funeral home
We can do it image
political semiotics
most of the workforce is oversee at war
so they have to persuade women to change their traditional role in society
women place was considered to be at home
important campaign at the time
video : photographer
there is a photographer and they were given a backstory of this person
- 6 photographers , 1 men and 6 perspective
- see how different photographers portrays the person through pic
picture from the ghazi strip
it had won a reward for it
they are wondering if it had been doctored
this is a real funeral profession
these 2 kids were killed
why would they say that ?
• the saturation was tuned down from the adidas shirt
• to give a more somber look
usually, that shirt is a lot brighter
boston marathon
cover of daily news
doctored photo
they were censoring the exposed leg
even if the photo is already pretty bodied
viral marketing
the number of share over time
ex : advertisement for gatorade
the girl had made a really good catch in baseball by climbing the wall
its not a real video
its a advertisement for gatorade
the color throughout the video supports the brand
the walls are all green
bottle near the chair, pointing towards the camera
Public Service Announcement (PSA)
- To p i c s
- Research
- Ta r g e t
- Hook ‘em
- Points
- Semiotics
- LEAN
how can you make a video more effective ?
Storytelling is more effective than just telling
Even better: show, don’t tell
