Chapter 9
Understanding the
nature, we can apply to the interactive design effective. Because, when you
know human’s habits like reading from left to right, get headache with ton of
information, or confusing the relationship between 2 similar objects when they
are placed separately. That helps the designer use the right tools and elements
in their work to make sure the user can understand what the designers want to
present to them. The first tool that is told in this chapter is highlighting
the importance in the graphic. For example, the button, or call-the-action
button must be designed so that the user can click on it immediately without
thinking “is that a button?” The button probably designed in 3D form or flat
form with shadow, and plus, there must be some events when users move their
move into the button area like: hover, focus, mouse in, mouse out, etc. Those
events must respond visibly so that the users can know that call-the-action
button working. à
“Don’t make me think”
The other
tools that can let the users navigate and browse on the interactive graphic
from the overview perspective to deeper perspective no matter what kind of the
information graphic is (linear or non-linear):
o
Scroll and pan
o
Zooming
o
Open and close
o
Sort and rearrange
o
Search and filter
Also keep in
mind that the organization of those buttons has to follow the pattern so that
the user will know what they can do on the next other actions. By understanding
user’s habits, they will get confused when there are too many interactive in
the graphic; they will ask themselves that “there are more interactive events
in this graphic?” Pattern design will help the designers solve this problem by
design the interactive actions in limitation and in patterns. Keeping the
pattern designed in the graphic will help the user know what they can do on
next events.
I tried to
enter the southofhere.org website. Their interactive graphic looks clear. In the
“Navigating the Horn” section, which show how the sailors avoid the potential
dangerous at the Cape Horn with about less than 6 types of similar interactive
actions. Especially, the timeline bar with the slow blinking cursor that reminds
the user to try changing the year of events.
There are
different kind of interactive actions: Instruction (a figurative graphic placed
next to the some events), conversation, Manipulation (LucidChart), Exploration (map in video games).
In this profile and also Hans's video clips, I learned more from his presentation. In all of his presentations, he was using animation to make the statistic chart more effective. This reminds me to use this for my future projects on web. I think I will add animation and parallax effect onto my charts to help the audience more understand about the specific topic.
Links:
http://www.newslab.org/2011/04/04/do-it-yourself-interactive-graphics/
this link is a tutorial shows how to make interactive infographic and also its effect to the audience.
http://www.yaleclimatemediaforum.org/2011/02/making-the-complicated-clear-integrated-graphics-make-data-visual/
this link says that the interactive graphics used in statistic chart helps the audience save times to read and also can learn something in that chart by combining a ton of data into a simple interactive action button.
No comments:
Post a Comment