Personality Emotion
-
Upload
fife-college-halbeath -
Category
Education
-
view
1.159 -
download
0
Transcript of Personality Emotion
![Page 1: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/1.jpg)
IMD09117 and IMD09118 Web Design and Development Unit 11
Personality
![Page 2: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/2.jpg)
What is a personality?
Version A Unit 11 ©2008 Napier University
Complex of all the attributes - behavioural, temperamental, emotional and mental - that characterise the individual
How people remember and define you
Can attribute personality to things
![Page 3: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/3.jpg)
What is a personality?
Version A Unit 11 ©2008 Napier University
In particular new media
Complexity of possible interaction that can keep people engaged and interested
Type of interaction that mirrors our own skills
![Page 4: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/4.jpg)
What is a personality?
Version A Unit 11 ©2008 Napier University
Look and feel
Tone and manner
Attitude
Narrative voice
Emotional impact
Particular flavour
Unique identity
![Page 5: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/5.jpg)
What is a personality?
Version A Unit 11 ©2008 Napier University
Personality of the system is directly responsible for the emotional impact
Important to have a clear view
Visual design is very important
Combination of the visual elements (the look) elicits an emotional response (the feel)
![Page 6: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/6.jpg)
What is a personality?
Version A Unit 11 ©2008 Napier University
http://www.gorillaglue.com http://www.yenz.com/menue/garde
n/http://www.cso.org http://www.colette.fr/index.php http://www.zeldman.com
![Page 7: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/7.jpg)
Why a strong personality?
Version A Unit 11 ©2008 Napier University
People are looking for culture or want to create culture
Distinctive enough to be recognised
Integrity reflects worldview
Comprehensive to generalise across a range of design problems
Appropriate for problem, designer and customer
![Page 8: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/8.jpg)
Why a strong personality?
Version A Unit 11 ©2008 Napier University
Tell the right story and be distinctive
Whose site is it? Who is it for? Why should I be interested? Why should I trust it?
Like branding - loyalty and confidence
Credibility
Stickiness
![Page 9: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/9.jpg)
Emotion, connection and context
Version A Unit 11 ©2008 Napier University
Playfulness, trust, pathos
http://www.roalddahl.com/index3.htm
Shared cultural experience - connection with culture
I-Mac v PC
![Page 10: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/10.jpg)
Emotion, connection and context
Version A Unit 11 ©2008 Napier University
Exclusiveness to the club - vetting or hurdles to exclude
http://www.hell.com
http://www.evilpupil.com
http://www.etoy.com
Self generating art–virus and e-brand
![Page 11: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/11.jpg)
Emotion, connection and context
Version A Unit 11 ©2008 Napier University
Historical, cultural and artistic context makes the message and the function of the artefact apparent
New look and feel that is successful will create imitators
http://www.jodi.org
![Page 12: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/12.jpg)
Choosing a personality
Version A Unit 11 ©2008 Napier University
Understand target audience, their needs and their shared culture
Want users to connect with the system
Distinguishable so people want to investigate
Then content and interaction become important
![Page 13: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/13.jpg)
Moodboards
Version A Unit 11 ©2008 Napier University
Moodboards are useful for trying to find appropriate personalities.
You choose, colour, shapes, graphics, typefaces, images, textures and arrange them in the form of a collage to represent the type of personality
You need to decide should it be playful, serious, mysterious, informative, formal etc.
![Page 14: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/14.jpg)
Moodboards
Version A Unit 11 ©2008 Napier University
![Page 15: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/15.jpg)
Moodboards
Version A Unit 11 ©2008 Napier University
![Page 16: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/16.jpg)
Moodboards
Version A Unit 11 ©2008 Napier University
![Page 17: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/17.jpg)
Moodboards
Version A Unit 11 ©2008 Napier University
•http://www.astridvanspronsen.nl/html/3d/3d_designhome.htm
•http://www.margriet.nl/media/pdf/MWF%20moodboards%20A4.pdf
•http://www.fashioncapital.co.uk/content/view/8541/264/WomenswearMoodBoardsAutumnWinter0809/
•http://www.romansdirect.co.uk/moodboards.php
![Page 18: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/18.jpg)
Example
Version A Unit 11 ©2008 Napier University
![Page 19: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/19.jpg)
Example
Version A Unit 11 ©2008 Napier University
![Page 20: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/20.jpg)
Example
Version A Unit 11 ©2008 Napier University
Current website
http://www.heathrowexpress.com/
![Page 21: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/21.jpg)
![Page 22: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/22.jpg)
![Page 23: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/23.jpg)
![Page 24: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/24.jpg)
![Page 25: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/25.jpg)
Mock-ups of websites
Version A Unit 11 ©2008 Napier University
This is an example of mock-ups of web design. Each mock-up is intended for different audiences and is an example of a student’s work.
http://www.benitabrewer.com/student/webmock.htm
![Page 26: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/26.jpg)
Inspiration
Version A Unit 11 ©2008 Napier University
From everywhere and anywhere.
Scrapbooks of design inspiration
Cuttings from magazines, photographs, packaging
Interesting for its typographic treatment, colour combinations, unusual shapes.
Scrapbook online
![Page 27: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/27.jpg)
Inspiration
Version A Unit 11 ©2008 Napier University
Sites with galleries that focus on CSS rather than Flash
http://www.stylegala.com http://www.cssbeauty.com
![Page 28: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/28.jpg)
Colour
Version A Unit 11 ©2008 Napier University
http://www.colorcombos.com/
http://www.colourlovers.com/
http://www.wetcanvas.com/ArtSchool/Color/ColorTheory/
http://www.degraeve.com/color-palette/index.php
![Page 29: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/29.jpg)
Final thoughts
Version A Unit 11 ©2008 Napier University
“It is easy to think visual design is about making attractive-looking interfaces. But design is more than that; it s about evoking feelings and emotions in the people who visit a Web site. Create the right mood, and visitors are more likely to want to interact with your site, …………..
Design helps convey brand values in ways that are just as important as usability or the stickiness of an interface’s operation. A well-crafted design provides a framework in which interaction can operate, never the other way around, and it is important to always keep in mind how a visual design can add meaning to a site that goes far beyond the pixels drawn on the screen”
Andy Clarke Transcending CSS the fine art of web design
![Page 30: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/30.jpg)
Summary
Version A Unit 11 ©2008 Napier University
Personality is the complex of all the attributes -- behavioural, temperamental, emotional and mental -- that characterise a unique individual.
The personality of a computer system is often called the ‘look and feel’, the tone and manner, unique identity or emotional impact of the site.
![Page 31: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/31.jpg)
Summary
Version A Unit 11 ©2008 Napier University
The visual design of the interface is very important in defining the personality.
A strong personality gives the right message to the right people. It can give confidence and develop customer loyalty. It is like branding.
![Page 32: Personality Emotion](https://reader033.fdocuments.in/reader033/viewer/2022060109/55574f88d8b42a63448b4d7d/html5/thumbnails/32.jpg)
Summary
Version A Unit 11 ©2008 Napier University
To create the right image or personality, you need to understand the users and their shared culture. You need to provide a distinctive look so that people will want to investigate and interact with the system.
Moodboards can be used to communicate the intended personality of the system.