background preloader

Gestalt Principles Applied in Design

Gestalt Principles Applied in Design
By Michael Tuck Web designers, like other artists and craftsmen, impose structure on the environment. We enforce order and beauty on the formless void that is our blank computer screen. We do it in different ways — creating an organized layout first, writing text and content first, or even basing a design concept on an image, a color palette, or something that visually trips your trigger, whether it’s a sunset or a Song Dynasty painting. Wherever you gain your inspiration, it’s often not just the particular element that sparks your artistic impulse; it’s the totality of the element and its surroundings. Grasping that totality concept — both the individual element and the whole in which it exists are important both separately and together — is essential to understanding how gestaltism influences our design choices. We’ll cover 6 principles related to gestalt, in the context of design, and they are: ProximitySimilarityPrägnanz (Figure-Ground)Symmetry"Common Fate"Closure Source: Dr. Mr. Symmetry

Related:  design techniquesAll things psychologyUX

Lo-Fi Design Is Conquering the World of Tech One of the things that excites people most about technology is that it is seen as a gateway to the future. So how does that explain the recent glut of lo-fi adverts, software, and user interfaces that seem to be being spewed out by so-called hi-tech companies? Case in point is the recent ad for Google Chrome, released a couple of months after OK Go's sublime take on Rube Goldberg, but tech companies are not merely saluting the art of lo-fi in their advertising campaigns, but in their products too. Last week, Microsoft unveiled a pair of very sharp designs for their Bing Destination Maps.

The 4 questions to ask in a cognitive walkthrough About the cognitive walkthrough The cognitive walkthrough is a formalised way of imagining people’s thoughts and actions when they use an interface for the first time. Walkthroughs identify problems that new users will have when they first use an interface. You select one of the tasks that the design is intended to support and then you step through the task, action by action, seeing if you can identify any problems with the interface. Although the technique was developed over 20 years ago (by Cathleen Wharton, John Rieman, Clayton Lewis and Peter Polson) it is much less widely used than heuristic-based expert reviews. This is a shame because the technique simulates the way real people use an interface: by exploration rather than by reading the manual.

A Design Mystery: Why are People at This Store Consistently Misusing This Product? Here's one of those bread-and-butter design problems that alerts you to the importance of context. It's simple enough to design a coffee dispenser in a studio, where you've worked out people's average heights and eyelines and calculated how they'll interact with the device. Then it goes out into the real world, where unforeseen human behavior leads to unintended consequences. Design Basics: Proximity To Know What Belongs With What So far in this series we’ve taken an amateur design and improved it in several ways. We aligned design elements to provide a sense of order, we used repetition to create visual themes, and last week we used contrast to differentiate elements and call attention to them. Today we’ll talk about the last of the four basic design principles, proximity. Proximity is about grouping related items.

5 Reasons Why Metaphors Can Improve the User Experience There are many ways to experience the world around us. Especially offline, we can make use of our different senses to collect information, interpret our environment and make judgments. On the Web, however, our senses are more limited. As designers, we need to present information carefully to make sure our users think, feel and do the right thing. A great way to help your users understand abstract content, create a sense of familiarity, trigger emotions, draw attention and motivate action are metaphors. "The way we think, what we experience, and what we do every day is very much a matter of metaphor." - Lakoff and Johnson

Task-Centered User Interface Design : 4. Evaluating the Design Without Users Throughout this book we've emphasized the importance of bringing users into the interface design process. However, as a designer you'll also need to evaluate the evolving design when no users are present. Users' time is almost never a free or unlimited resource. Most users have their own work to do, and they're able to devote only limited time to your project. When users do take time to look at your design, it should be as free as possible of problems. Psychometric Testing - Career Development From Measuring "Hidden" Traits © VeerAnna-Mari West Everyone's different, but you still need standard measures. Measuring attributes like height, weight, and strength is reasonably simple. These are all physical and observable traits that you can assess objectively. But what about factors that aren't so easy to measure?

Tips for Designing for Colorblind Users It’s estimated that about 8% of males and 0.5% of females are born colorblind. That may seem like a low number but if you’re designing for a large audience, having a site that’s unusable for eight out of every hundred males is definitely less than desirable. Fortunately, you can fairly easily make sure that your site is colorblind friendly by always keeping in mind the information below. We’ll take a look at what colorblindness really means and how you can tweak your designs based on a few simple principles. I’d like to start by saying that even though I am by no means an opthamologist, most of the men in my family are colorblind and any examples given below have been run by bonafide colorblind men.

Take Your Web Design Skills From Amateur To Professional When I first set out to design websites I was a bit lost. I entered the field from the development side and didn’t have a formal design degree. While I’ve always trusted my eye to tell me what was good and what wasn’t, my eye often told me my early designs fell more into the wasn’t category than the was. When I talk to others first embarking on a web design career, I get the feeling my experience isn’t so unique. The good news is a few basic principles of design can dramatically improve your skills and help take your designs from amateur to professional. These principles have an easy to remember and ironic acronym.