Interaction design and web animations

Animation timing and interaction design

Animation timing and interaction design

Have you ever thought about what makes a particular app great? You know, something about the design just feels right?

All of the design decisions- from fonts to colors to graphics to motion effects- on an app or website work together to create a consistent feeling in users. Sometimes the combined effect is positive and we love to shop, visit, play at a particular site and other times it just feels wrong and we are not likely to purchase or visit that site again.

According to this article, Guidelines for Animation Timing, a lot of our perception of great design comes from what happens in the in between states, which is called interaction design. Think of hovering, clicking, motion animations- those sorts of things. Some examples of interaction design is how the page turns when we are reading a Kindle book or how an app reacts when we click on an internal link. Continue…

Data is necessary for design decisions

Netflix redesign relies on dataAs graphic designers, we often feel like we know instinctually how to best design a website, logo, or brochure. It is true that the more practice you have in any art, the more you develop keen instincts on how to create better artwork, but it is probably a little dangerous to rely solely on instinct when designing successful client projects.

Have you noticed how often Google services change the layout of their products? Sometimes the constant changes are enough to drive you crazy, but sometimes you go to the page and think “wow, they must have heard my thoughts, this site is so much easier to use now!” Continue…

The science behind UX: eyetracking

eyetracking visualizes how our eyes view information

Eyetracking can produce heat maps to visualize how we view content. Source: Nielson Norman Group; www.nngroup.com/articles/f-shaped-pattern-reading-web-content/

Design is not just an art, there is hard science behind it. Googling the term UX comes up with the following definition: “User Experience (UX) involves a person’s behaviors, attitudes, and emotions about using a particular product, system or service. User experience includes the practical, experiential, affective, meaningful and valuable aspects of human–computer interaction and product ownership.” The science behind design and UX can be studied using eyetracking devices to help scientists better understand how we view and consume content online.

Did you know that there is an eyetracking lab at Clemson? I didn’t until a few weeks ago when I met with Dr. Andrew Duchowski, Clemson Computer Science professor and eyetracking expert. Continue…

Scaling Your UX Strategy

Although this is the last paragraph that I am quoting below, I think this article as a whole is a great exploration into UX and where companies are moving (or need to be) to stay ahead of the curve. As consumers, we demand ever simpler, yet more robust user experience that functions properly across all our different devices. Time to get to development, that is a hard mark to hit!

It is easy to see that there are a few common ingredients across these different strategies, such as executive commitment, access to customers, new technical prototyping skills, and small, interdisciplinary teams. All of these ingredients are critical not only to UX, but also to developing the sort of bottom-up, risk-taking culture that is central to succeeding in the 21st century market. These skills are standard in the startup market where UX is increasingly appreciated as a key to success and value creation. The startup market is creating a new breed of business executives, like Jack Dorsey of Twitter and Square, who are impatient with requirements-driven waterfall product development processes. They think “UX-first”. The big challenge now is to drive these same skills into the more traditional, top-down management culture at big companies. The companies that get it right will be either be at the forefront of disrupting business or much more likely to thrive in the era of disruption.

Continue reading full article here: via Scaling Your UX Strategy – Robert Fabricant – Harvard Business Review.