“Good design is a lot like clear thinking made visual”
“Good design is a lot like clear thinking made visual”
“Visual design is the emotional bridge between functionality and human experience.” – Kim Cullen
A property in which a form is made up of parts similar to the whole or to one another.
I’ve seen this one before; the image of the Mona Lisa recreated using a variety of specially selected images to match the correct color hues in the painting – incredible. There is another one our saw recently of Martin Luther King image recreated by rearranging colors of the Rubiks Cube. This recreation includes a process called recursion (naturally occurring self-similarity)
I would be great if I can find and opportunity to use this design principle when incorporating story telling in my E-Lessons!!
Great for designing company logo’s, or coming up with a brand identity to make it memorable but in a way that is out of the ordinary, exaggerated. In creating my e-lesson, I sometime look for a visual identity to a module or a topic I teach, this Mnemonic Device method has inspired me to look at designing a signature image for e-lessons rather than using stock photo – be more creative! Things I will keep in mind when designing:
Had to read about this one, it implied shopping and window displays of clothing shops! I love to shop so my curiosity was peaked not to mention the interesting name, LOL.
Horror Vacui refers to the fear of emptiness (opposite of minimalist) and the value perception; that is as Horror Vacui increases Value decreases or increases. Depending on who is viewing this; the person who is accustomed to having more – Less is more, for the person who is accustomed to having less, more is more. This is why bulk shops try to fill stores and displays as much as possible and sell for less while boutique shops take a minimalist approach and sell for more.
In designing my e-lesson, I will apply the “Less is More” approach to reduce clutter, create clarity and better understanding of content through less images of higher quality.
This image appealed to me as most of my lessons involve people and interactions. I use many images of people interacting with one another as well as video’s using our team members. Image perception is important in the visual design of my E-Lessons especially as it related to certain topics. In this section I learned that the higher the Face-ism ratio (close to the face itself) more focus and attention is on the person’s intellectual and personality attributes, where as the lower the Face-ism ratio, more focus and attention is on the physical and sensual attributes of the individual.
To calculate the Face-ism ration:
The closer the score is to 1, the more likely the perception will be that the image represents a more dominant, intelligent and ambitious individual and vise versa.
This image was one of the very first images that jumped out at me when going through the VDDI book. It sends a powerful and emotional message about the severity and consequences of drunk driving. It depicts a young victim, who survived a horrible accident caused by impaired driving and now has to live with the consequence of an severely altered appearance for the rest of her life. This poster compares the before and after image associates the strong negative emotional reaction evoked by the injuries and the behavior that caused it.
Classical Conditioning is a technique used to associate reactions resulting from an unconscious physical or emotional response. This technique is commonly used in dog training. Having a dog myself, it’s very clear to me that my dog performs tricks knowing that a reward (a doggy treat) will be given in return. The sound of a key in the door, creates excitement knowing that his mommy and daddy have arrived home.
Classical conditioning will be used in my E-lesson design to evoke positive emotional feelings as being elicited by our guests as a result of our reactions or thoughtful behaviors.
The same way a human survives by fulfilling their most basic need to survive Food, Water, Shelter ect. through the “Physiological Needs”, a strong visual design must meet the most basic need of “Functionality” before it can even consider satisfying the higher level needs. Here’s the chronological breakdown of the VDDI Hierarchy of needs starting with the “low level” needs:
Functionality – Does it work?
Reliability – Does it work consistently and of acceptable quality?
Usability – Is it easy for all users (regardless of physical abilities/ accessibility including perceptibility, operability, simplicity and forgiveness W3C guidelines)?
Proficiency – Does it achieve the outcome of doing things better than they could previously?
Creativity – Does user interact with design in innovative ways?
I feel this comparison visually displays the correlation of human needs and visual design needs but in VDDI terms; as if it were translated into a different language.
Nature or Nurture? – The Biophilia Effect and Savanna Preference
It’s no wonder why these two principles of design are apparent in our existing era; although we have evolved as a species, our desire to be surrounded in environments that are rich in nature views and open spaces are deeply rooted in our brains since the beginning of time.
The Biophilia Effect is most effective when used to design in environments of learning, healing and concentration using imagery that resembles natural environments like greenery or outdoor nature views.
The Savanna Preference focuses on design that uses lots of lush open spaces like scattered tress, water, uniform grassiness as opposed to desserts, dense jungles or complex mountains with obstructed views. Going back to our ancestors and the need for survival, the preference was open spaces with more visibility and less obstruction especially when keeping an eye out for predators. One other distinct difference with the Savanna preference is that its strongest with children and then eventually grows weaker with age as influences change.
Color can have a significant impact on the overall design used not just for aesthetic purposes but also to attract attention, group elements and indicate meaning.
Symbolism – After visiting several sites depicting ancient pictographs, it became more evident that colors can have several meanings depending on cultures.
Number of colors– To simplify images, best to stay within a 5 color maximum. When picking color combinations stick to the color wheel combinations such as:
Saturation – +/- Gray where Darker colors are more serious or professional and lighter colors get more exciting and dynamic
The Red Effect – For women, wearing the color red is perceived as more attractive and for men, red signifies dominance. Although sensitive to context, and usually used in advertising and product design the Red Effect general is related to female sexuality (clothes accentuating red lips or cheeks ) and male dominance (sports car or wearing a red tie)
The effective uses of infographics and typography
Focus on patterns, colors and shapes, our sense of sight is very sensitive to these factors. Visualizing information through infographics happens so quickly and it can make or break the success of the transfer of knowledge and understanding.
This will be beneficial in cases where the e-lessons I will be creating target a broad audience with varying degrees of technical knowledge, different learning styles and in situations where English is a second language. It will assist learners to“see what others think”.
The idea of knowledge compression through infographics excites me in a way that I can keep my e-lessons interesting and reduce the length of the lesson itself without sacrificing content
Design is about solving problems and creating elegant solutions
Even though the information may not be beautiful, the visual design of it can be when following the design principles
Making information beautiful can assist in the ease of understanding and makes learning fun
After viewing this video, it inspired me to learn more about how I can create visually appealing infographics and typography. After navigating through the web, these two video’s helped me get started and have been included in my Design Blog:
How to create infografics :
That sounds (aka tone) delicious (flavor) are all useful techniques in getting the message across and making information memorable.
TONE – is my content
FLAVOR – is my creative license
Adult learn by adopting the WIIFM (What’s in it for me?) approach! Remember that the website has a good balance of meaning, content and design.
Set a rhythm and be consistent when creating headings. It can be a question, sentence, phrase, call for action or imperative.
Linguistic patterns also add interest to content for example:
Play on words: using puns, similes and metaphors
Word Connotations (writing/ scribbling)
Word Associations (laugh/Joke)
Add meaning with descriptions/ adjectives. Use cliches i.e. “think outside the box”
When creating sites or learning activities, links should not be the source of the content. Allow the reader to get the gist of this information by the information chunk that was provided in the content. The misuse of links can be distracting as they are usually identified by a different color or underlined. Another pitfall to added too many links is that it can cause a tangent, spinning users out of control forgetting how they got there in the first place and what was their original intent! Links half way through can also break readers train of concentration.
OMIT – if you don’t need it
EDIT – if you can say it in fewer words
CUT- if it doesn’t fit
CIRCLE – group related items
NUMBER- hierarchy of information
STRIKE IT OUT – serparate important info
“Direct navigation traffic is by far the most highly targeted form of the web traffic available.”
– Marc Ostrofsky
Wayfinding refers to the process of using space and environment to navigating towards a destination. Just like visual maps help us navigate through a particular space or environment, websites and e-lessons are no different.
There are four distinct stages to wayfinind:
Yes, today’s blog is about Storytelling
As an expansion to the sixth variable indicated in the Stickiness principle, the Storytelling principle is one that resonated strongly with me as I am part of an organization that promotes a strong storytelling culture. Working in the hospitality industry, you know that it is about making those emotional connections with our guests’, it’s about being less transactional more interactional. We are a team that celebrates successes and share stories about how we create positive memories for our guests and when we do this, we motivate and inspire each other to empower ourselves to initiate hospitality and put our own spin on creating memorable experiences for our guests. Part of my goal this year is putting together e-lessons for a broad range of colleagues from Front Desk to Housekeeping to Kitchen – it is my mission to ensure I deliver elements of storytelling in E-lessons with the intent of sparking an emotional response in a colleague to live and breathe our strong experience culture. I intend to incorporate understanding through Audio (oral) Visual (video) Text (on screen info) and Digital (by incorporating elements of FLASH design wherever appropriate and current/ relevant forms of social media or youtube clips. Here’s my interpretation of the six fundamental elements to effective storytelling:
Refers to the ability to recall ideas or expressions that “stick” in our memories like catchy slogans or ads. This applies to anything that can be seen, heard or touched and has six variables:
1) Simplicity – I like to describe as something that is “short and sweet”
2) Surprise – attention grabber, a shocking fact, image or sound that resonates with you
3) Concreteness – a specific ideas/ concept described in “lemans terms”
4) Credibility – coming from a trusted source
5) Emotion – concept or idea makes resonates with you and elicits a feeling
6) Story – expressed in a context of a story
Next time, when I think back to Millers Rule of “The magical number seven, plus or minus two” I will be sure to incorporate the Stickiness in the design of my e-lessons.