How People Actually Use Touch Panels And Graphic Use Interfaces
Have you ever really considered how your users are using your
touch panels? Try standing back and be a fly on the wall
and observe as new users try to use a touch panel that
they have never seen before. This exercise can be a real eye
opener! What seems so obvious to you may simply baffle the average
system user. This user testing is very important before you
deliver your final touch panel design. It is very important
that the broadest spectrum of users possible feel at ease with
your touch panel layout.
A panels first impression on a user must be inviting and instill
confidence in the control system.
Nothing should be placed on the touch panel screen with out
careful consideration of its alignment with other objects. Because
you are working with such a small area, the users will be able
to take in a greater amount of information if you present it
in an organized way.
Some Background - How Do People Actually See And Read?
Many the basic graphic design principles that have evolved for
print media have direct relevance to touch panel design.
These conventions are based largely upon how the human eye and
brain deal with information gathering. One of the most fascinating
is the phenomena of how humans use quick scanning to speed up
information gathering. This quick scanning is really quick.
It happens in literally the blink of an eye. Within a 1/100th
of a second, your eye can take in a whole page and organize
it for easier reading.
When a person is presented a sheet of paper with writing on
it, their brain very quickly scans the whole page and organizes
how it will take in the information. In western countries, the
eye usually starts in the upper left corner and scans the page
from left to right. In the case of text, once the overall page
is scanned, the eye will start to break down individual sentences.
Something very strange happens here. Instead of reading left
to right, the eye will start reading the first few characters
in the first word and then it will go to the last word in the
sentence and do the same. This action is repeated back and forth
until the brain understands the sentence. So we actually read
whole sentences from the outside inward! This is why newspaper
columns are so narrow - the relatively narrow sentences are
much easier to scan and read quickly. To prove this point, I
have repeated this paragraphs text in two side by side "newspaper"
columns below:
Repeated Example:
| When a person is presented
a sheet of paper with writing on it, their brain very
quickly scans the whole page and organizes how it will
take in the information. In western countries, the eye
usually starts in the upper right corner and scans from
left to right. In the case of text, once the overall page
is scanned, the eye will start to break down individual
sentences. Something very strange happens here. Instead
of reading left to right, the eye will start reading |
|
the first few characters
in the first word and then it will go to the last word
in the sentence and do the same. This action is repeated
back and forth until the brain understands the sentence.
So we actually read whole sentences from the outside inward!
This is why newspaper columns are so narrow - the relatively
narrow sentences are much easier to scan and read quickly.
To prove this point, I have repeated this text in two
side by side columns below: |
So which text looks easier to read to you?
This concept of "quick scanning" is something that
you must consider when designing your touch panel layout.
If your panel is too busy or has too much going on, it can
make it difficult for the eye to scan quickly and the user
will instantly feel confused and ill at ease with the panel.
The classic example of impediments
to quick scanning are background images. This could be a corporate
logo, a picture of the companies building or just a tiled
background image. Unless it is an integral element in your
design - don't include it! As the eye scans the screen, it
will try to identify as much detail as it can. If you have
included anything unnecessary like a background texture, image
or a colored area to group buttons together, this will slow
the eye down and introduce confusion and negative feelings
towards your panel. This is not to say never use these types
of elements - just weigh their contribution against the downside
as the users scan the panel.
How Do People Actually See A Touch Panel?
The perfect touch panel would have one button in the center
of it labelled "What would you like?" When pressed
it would perform what ever function the user was thinking about
when they pressed the button! If only we could do that...
The typical touch panel user is probably not too concerned
with many of the fine details of your touch panel design.
They just want to perform a task. In most cases they will be
unfamiliar with the touch panel layout and they will
want to understand how the panel works as quickly as possible.
They will quickly scan the touch panel and try to group
the controls into understandable and usable groups. Often they
are unsure of what the touch panel can do and are very
intimidated.
Where did your eye go first? Button One or button two?
The best touch panel layout will be simple, uncluttered,
well labeled and free of unnecessary detail.
What Do Users Want In A Touch Panel?
Users want to get to where they are going within 3 button presses.
The fewer the better. Simply put, your users will want to see
what they need to do right now. Try not to hide features on
hidden pages but carefully balance this against cluttering a
page with every control in your program. Structure and layout
is very important but we will get to that when we look at C.R.A.P.
graphic design.
Design
Issues
|