Highly animated webpages
22
Highly Animated Webpages pros & cons
-
Upload
emanuel-fernandes -
Category
Design
-
view
2.329 -
download
0
description
Animation is a powerful away of communication in web design. However when misused, leads to a poor interaction. This presentation highlights how animation can be properly used when designing webpages.
Transcript of Highly animated webpages
Highly Animated Webpagespros & cons
The central image should be more dynamic, interactive and commercial.We recommend (...), to use a window (...) on the left side, with promos rotating, transmitting movement, novelty and dynamics.
veridic request, by a person of the business department.
All starts with a typical business request...
”
”
Usually, the business request ends up as ⇒
fast-pacing images slideshow
highly animated banner
Big and small banners calling for your attention and breaking the visual search of text
fast-pacing text changes
abrupt images changes
big and highly animated side banner
unstoppable TV alike commercials
A bunch of different animated commercials, all trying to get your attention, and none gets it
abrupt and fast-pacing images slideshow
one-time play banner, very close to text
Banners very close to text, directly disturbing the reading task
endless playing banner
big and highly animated side banner
1 Distraction
2 Lack of control
3 Banner blindness
4 Marketing mediums
5 Search engines crawling
Five reasons for avoiding animation in webpages
Human’s visual periphery is very sensitive to motion.
Therefore users eye sight is redirected to the animated banners, causing unwanted distractions.
1 Distraction
Users like to be in charge and control what they are using.
By using endless running banners, you are removing control to users.
2 Lack of control
Users usually ignore sections in webpages that look like banners.
Some commercials may be considered as regular banners and users may ignore them.
3 Banner blindness
Traditional marketing is a monologue.
Users consume whatever the advertiser propose.
4 Marketing mediums
Web marketing is a conversation.
Users consume what they want. They choose and interact with content.
⇐ image from Flickr
user heymynameispaul.
5 Search engines crawling
Most Flash animations don’t allow search engines to crawl content.
This means the content on your animations won’t appear in search engine page results like in Google, Bing, Yahoo, Sapo, etc.
Nevertheless
Does not means you shouldn’t use animation in your webpages. Instead, you should know when and where to animate your webpage.
veridic response by a person of the user experience department.
”
”
1 To give meaning to interaction
2 To get users’ attention
3 Online games
Three reasons for using animation in webpages
1 To give meaning to interaction
The user interface when animated properly becomes self-explanatory to users.
Dragging, moving content, fading in and out, etc, all these self-explain the interaction performed by the user.
2 To get users’ attention
Humans’ periphery vision is very sensitive to motion.
For example on a chat application, incoming messages can be warned to users, with a slight animation.
NEW MESSAGE
3 Online games
Games are expected to be animated.
They are also truly interactive with users.
Good examples out t
here ⇒
Sprint: Plug into Now
Shows the Sprint’s network capabilities, by using non-stop animations.All animations are designed to fit together and users expect animation.
Available on now.sprint.com
Each section is shown by moving content from left to right.
Available on www.balticproducers.com
Baltijos prodiuseriy grupe
Mimics brick and mortar at&t stores, with expected interactive and animated behaviors.
Available on www.wireless.att.com/onlineexperience/
Online Experience Store | Wireless from AT&T
