Screen Design for Touchscreen

5 Apr 2006 - 8:23am
8 years ago
4 replies
2347 reads
Maral Haar
2006

Hi everybody,

does anybody know reliable and understandable literature about the
screendesign for touchscreens? My colleage needs to design a touchscreen for
a medical device, and he asked me about appropriate font size, button design
and similar. The corporate style guide includes information about pixel
size, but as the pixel size differs between different displays he would much
prefer size in mm.

Thanks in advance and best regards,

Maral

Comments

7 Apr 2006 - 3:44am
Stephen Mallett
2004

Hi,
well the world of touchscreens is vague at best. Literature searches usually leead back to the touchscreen being the repalcement for a hardwired panel.

I work on a submarine project with them 19mm buttons for Fat finger sailors with 3mm gap is our general aim.
Display of fonts is another whole world of viewing distances, viewing angles etc..
University of Maryland did a lot of work in the early 90's but a lot of people reliased that they were not the solution to that many applications.
Stephen

7 Apr 2006 - 4:33am
Håkan Reis
2006

Currently I work with similar solution but with the focus on older
people. The literature and research is hard to find. One of the main
issues is how to handle Fitts here, the issue of buttons and "clickable"
items are a lot different to the mouse.

The sweet spots of Fitts in the corners and side of the screen are lost
in touch screens and it's more important to be close to where the finger
is at the moment, work with size and grouping instead. For example
grouping items close to each other to reduce movement all over the
screen for the hand.

I find it very important to visualize the "buttons" or touchable areas
_clearly_ and have some extra "invisible" areas around it for the
fingers. This to be able to detect touches when the fingers is not
exactly positioned. If it is vital functions it's hard to go under about
20mm sizes or else it's surprisingly easy to miss them.

I have seen some work with multi-touch screens where you have to detect
simultaneous touches, and here I can only imagine the problems in
interface design, but think of the possibilities... :)

_Some research:_

I have used some of the finding in a paper from
http://www.sapdesignguild.org/resources/TSDesignGL/. Where the for
example mention the 20mm 3mm issue.

I haven't read the next link myself but there are some research papers
at ACM/SIGCHI but you need ACM access to download. The abstract seems
promising though.
http://portal.acm.org/citation.cfm?id=642631&dl=GUIDE&coll=GUIDE

Best regards / Håkan

--

Håkan Reis
MCAD
Dotway AB
http://blog.reis.se

Maral Haar wrote:
> [Please voluntarily trim replies to include only relevant quoted material.]
>
> Hi everybody,
>
> does anybody know reliable and understandable literature about the
> screendesign for touchscreens? My colleage needs to design a touchscreen for
> a medical device, and he asked me about appropriate font size, button design
> and similar. The corporate style guide includes information about pixel
> size, but as the pixel size differs between different displays he would much
> prefer size in mm.
>
> Thanks in advance and best regards,
>
> Maral
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>
>

7 Apr 2006 - 1:10pm
drewbam
2004

A few more important things to remember when designing a touch screen UI:

1. Aside from a few new touch screen technologies that relie upon cameras
and/or beams of light to detect fingers, most touch screens cannot detect
proximity. Thus, proximity effects, such as rollovers, are useless. This is
where ensuring that buttons look "pressable" becomes critical.

2. The user's finger/hand/arm will obscure any contents of the screen that
are below the object that they are pointing at. Thus, controls that have
dynamic effects upon the contents of the screen, for instance, should be
placed at the bottom of the display. Because most people are right handed,
the bottom right corner of the screen is a sweet spot.

3. Some types of touch screens are not very accurate at the edges. Be sure
to make button targets near the edge large enough that users will be able to
reliably press them, regardless of touch screen calibration variance.

d|b

On 4/7/06, Håkan Reis <hakan.reis at dotway.se> wrote:
>
> [Please voluntarily trim replies to include only relevant quoted
> material.]
>
> Currently I work with similar solution but with the focus on older
> people. The literature and research is hard to find. One of the main
> issues is how to handle Fitts here, the issue of buttons and "clickable"
> items are a lot different to the mouse.
>
> The sweet spots of Fitts in the corners and side of the screen are lost
> in touch screens and it's more important to be close to where the finger
> is at the moment, work with size and grouping instead. For example
> grouping items close to each other to reduce movement all over the
> screen for the hand.
>
> I find it very important to visualize the "buttons" or touchable areas
> _clearly_ and have some extra "invisible" areas around it for the
> fingers. This to be able to detect touches when the fingers is not
> exactly positioned. If it is vital functions it's hard to go under about
> 20mm sizes or else it's surprisingly easy to miss them.
>
> I have seen some work with multi-touch screens where you have to detect
> simultaneous touches, and here I can only imagine the problems in
> interface design, but think of the possibilities... :)
>
> _Some research:_
>
> I have used some of the finding in a paper from
> http://www.sapdesignguild.org/resources/TSDesignGL/. Where the for
> example mention the 20mm 3mm issue.
>
> I haven't read the next link myself but there are some research papers
> at ACM/SIGCHI but you need ACM access to download. The abstract seems
> promising though.
> http://portal.acm.org/citation.cfm?id=642631&dl=GUIDE&coll=GUIDE
>
> Best regards / Håkan
>
> --
>
> Håkan Reis
> MCAD
> Dotway AB
> http://blog.reis.se
>
> Maral Haar wrote:
> > [Please voluntarily trim replies to include only relevant quoted
> material.]
> >
> > Hi everybody,
> >
> > does anybody know reliable and understandable literature about the
> > screendesign for touchscreens? My colleage needs to design a touchscreen
> for
> > a medical device, and he asked me about appropriate font size, button
> design
> > and similar. The corporate style guide includes information about pixel
> > size, but as the pixel size differs between different displays he would
> much
> > prefer size in mm.
> >
> > Thanks in advance and best regards,
> >
> > Maral
> > ________________________________________________________________
> > Welcome to the Interaction Design Association (IxDA)!
> > To post to this list ....... discuss at ixda.org
> > List Guidelines ............ http://listguide.ixda.org/
> > List Help .................. http://listhelp.ixda.org/
> > (Un)Subscription Options ... http://subscription-options.ixda.org/
> > Announcements List ......... http://subscribe-announce.ixda.org/
> > Questions .................. lists at ixda.org
> > Home ....................... http://ixda.org/
> > Resource Library ........... http://resources.ixda.org
> >
> >
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> List Guidelines ............ http://listguide.ixda.org/
> List Help .................. http://listhelp.ixda.org/
> (Un)Subscription Options ... http://subscription-options.ixda.org/
> Announcements List ......... http://subscribe-announce.ixda.org/
> Questions .................. lists at ixda.org
> Home ....................... http://ixda.org/
> Resource Library ........... http://resources.ixda.org
>

7 Apr 2006 - 2:39pm
Doug Anderson
2004

Hi Maral,

Chapter 9 of the FAA Human Factors Design Guidelines includes specs for touch-screen design.

You can download the guidelines via
http://acb220.tc.faa.gov/hfds/download.htm

HTH,
Doug Anderson
Mayo Clinic
Rochester, MN

Original message:
Date: Wed, 5 Apr 2006 15:23:20 +0200
From: "Maral Haar" <maral.haar at gmail.com>
Subject: [IxDA Discuss] Screen Design for Touchscreen
To: discuss at lists.interactiondesigners.com

Hi everybody,

does anybody know reliable and understandable literature about the
screendesign for touchscreens? My colleage needs to design a touchscreen for
a medical device, and he asked me about appropriate font size, button design
and similar. The corporate style guide includes information about pixel
size, but as the pixel size differs between different displays he would much
prefer size in mm.

Thanks in advance and best regards,

Maral

Syndicate content Get the feed