Visual aesthetics in human-computer interaction and interaction design
Everything that pleases the eye.
“To scholars and practitioners in the field of HCI at the early 1990’s, the idea that aesthetics matter in information technology sounded heretic. Two decades later, in the early 2010s, this thought has conquered a solid place in both academia and industry.”
(Noam Tractinsky a.k.a. ~ interaction-design.org)
Content Strategy and Responsive Design
Keep, hide or move. But are you telling the same story different on the desktop, the iPad or the smartphone?
“Responsive design can have a major impact on your content. I’ll tell you how it works, how it can affect your content, and why you should-and need to-care.”
(Sean Tubridy a.k.a. @tubes ~ Brain Traffic Blog)
Online Graphic Design Degree
Great set of resources all things graphics.
“Graphic Design undertakes the task of translating messages intended for specific audiences through visual communication. Such communication uses various outlets including typography, visual arts, page layout, and Web displays to effectively represent the message of a company, product, or brand. (…) Consider the following resources as you make your way in graphic design. Whether you are a student or teacher, just starting out in your career or simply looking for new information in this exciting field, these articles and resources will assist as you climb the ladder to success.”
Interaction Design Tactics For Visual Designers
It keeps coming back to the idea of ‘know the material you work with’
“Interaction design is a multi-faceted discipline that links static communications together to form an experience. Understanding the basic principles of this discipline is core to designing websites that are not only aesthetically pleasing but that actually solve business problems and bring delight to their users. This article just scratches the surface of interaction design. For Web designers of any kind, considering these fundamentals when designing any transaction or interaction is imperative.”
(Jeff Gothelf a.k.a. @jboogie ~ Smashing Magazine)
Lost in translation: Bridging the gap between interaction and visual design
Interaction design deals with the behavorial dimension; visual design with the perceptual dimension of the user.
“Interaction designers and visual designers bring something different yet complementary to the table. If you can combine these in a pragmatic way it will enhance the final result and perhaps drive better innovation.”
(Adeline Salkeld-Blears a.k.a. @webdesigngirl ~ OptimalUsability)
courtesy of fredbeecher
The Fold Exists but Does it Matter?
Paradigms from paper technology (like ‘The Page’) are deeply rooted in our minds.
“Content decisions should be driving the design of each page. As people scan the page, they are looking for content that seems relevant. Following this information scent should lead them below the fold if that is where their target content exists.”
(Emily Smith a.k.a. @emilysmith ~ Design Festival)
courtesy of ronderksen
Visual Designers Are Just As Important As UX Designers
Always thought perception was an integral part of feeding the experience.
“Conceptually I believe you can break design into tangible and abstract activities. Tangible design typically draws on the artistic skills of the designer and results in some kind of visually pleasing artefact. This is what most people imagine when they think of design and it covers graphic design, typography and visual identity.”
(Andy Budd a.k.a. @andybudd ~ Blogography)
A Richer Canvas
“Grid system design should begin with a constraint. Something that is knowable and unchangeable. This constraint is used to build the modules of your grid. In book design, that constraint is defined by the page through subdivision. Book designers take the page, divide it up into a modular grid of spaces. These spaces (called modules) are then combined to create rows and columns. These are then filled with content (images and text). The text feels like it belongs because the columns are related to the physical object: the page. (…) Embrace the fluidity of the web. Design layouts and systems that can cope to whatever environment they may find themselves in. But the only way we can do any of this is to shed ways of thinking that have been shackles around our necks. They’re holding us back. Start designing from the content out, rather than the canvas in.
” (Mark Boulton
Design Principles for Visual Communication
“Visual communication via diagrams, sketches, charts, photographs, video, and animation is fundamental to the process of exploring concepts and disseminating information. The most-effective visualizations capitalize on the human facility for processing visual information, thereby improving comprehension, memory, and inference. Such visualizations help analysts quickly find patterns lurking within large data sets and help audiences quickly understand complex ideas.” (Maneesh Agrawala, Wilmot Li, and Floraine Berthouzoz ~ CACM
Color Wheels are wrong? How color vision actually works
“There’s something to this. Something neither the wheels nor the spectrum can explain. It’s time to get down to the real source of color: The ridiculous complexity of human beings.” (A Smart Bear
UX, It’s Time to Grow Up
“(…) one of the main issues that we see, but at times ignore, in this field is that most of us try to be jacks of all trades within UX.” (Elisabeth Hubert
Should You Copy a Famous Site’s Design?
“Although successful websites typically have high usability, average sites can hurt their business by copying design elements that don’t work well in other contexts.” (Jakob Nielsen
Design to Read
“Many people do not read easily. They may have a visual problem or dyslexia. They may have not have had opportunities to learn to read, or be reading in stressful conditions or poor light, or perhaps they are reading in a second language. Is it possible to provide one consistent set of guidelines or approaches that will allow designers to meet all the apparently diverse needs of these people? Or are there compromises to be made?” (About Design to Read
The Case Against Vertical Navigation
“(…) five reasons why vertical navigation should not be used and why designers and architects should almost always construct their sites with horizontal navigation in mind.” (Louis Lazaris – Smashing Magazine
A unified approach to visual and interaction design
“Unfortunately, my observation has been that even when all of the right people are involved, more often than not, the various design disciplines opt to compartmentalize the problem. In other words, they divide the project into an interaction design problem, a visual design problem, and an industrial design problem. Each of these problems is then tackled separately, and the resulting individual design solutions get bolted together at the end. It’s a Tower of Babel situation, where huge opportunities are lost because the team fails to work together to come up with an innovative product solution and to employ a single, unified design language.” (Nate Fortin
– Cooper Journal
SpoolCast: Visual Design for the Non-Designer
“What can a non-designer do to harness the power of visual design without calling professional help? Quite a lot, says internationally-regarded visual designer Dan Rubin. We called Dan to talk about what design techniques are accessible to mere mortals. He also gave us a preview of his day-long workshop for non-designers at our User Interface 14 Conference, this November.” (Jared Spool – UIE
We Are Colorblind: Patterns for the Color Blind
“About 8% of the male population has some sort of color blindness. The color blind have the inability to clearly distinguish different colors of the spectrum, they tend to see colors in a limited range of hues. Because of this, the color blind have trouble with a lot of websites.” (Tom van Beveren
) – congrats to tom
History of Graphic Design
“This site was first launched in 1999 to accompany my lectures on the History of Graphic Design. I devised this unique format of presenting the information by topics because I saw that students were overwhelmed by the scope of the topic or most texts I also saw that they learned more when the discussions included direct links to what is happening in design today. It seems to work well for visual artists who are not interested in a degree in art history.” (Nancy Stock-Allen
) – courtesy of AP
How to integrate interaction, visual and industrial design
“Interaction design, visual design, and industrial design are distinct disciplines for good reason: Each excels in different ways. Interaction designers must be good at imagining structure and flow, which requires strong analytical skills and a high degree of rigor, especially for complex systems. Visual designers and industrial designers are masters of visual and physical usability but are also masters of emotion: They know how to evoke caution, attract attention, and instill desire for a product at first glance. Users have just one experience of a product, though. All three aspects of the design must work in concert, or the product will fail to satisfy. Integration of the three disciplines is a central theme of Kim’s new book, Designing for the Digital Age.” – (Kim Goodwin – Cooper Journal
In Defense of Eye Candy
“We’ve all seen arguments in the design community that dismiss the role of beauty in visual interfaces, insisting that good designers base their choices strictly on matters of branding or basic design principles. Lost in these discussions is an understanding of the powerful role aesthetics play in shaping how we come to know, feel, and respond.” – (Stephen P. Anderson
– A List Apart