some queries on designing a touchscreen all in one PC

26 May 2009 - 4:33am
5 years ago
10 replies
2188 reads
PREETI SALUJA
2007

Hi!
I have been working on a "All in one touchscreen PC" , something similar
to HP Touch smart PC
on windows 7 platform and it supports multitouch.

I have some queries and would like to get your suggestions for the same.
1) How was your experience with HP Touch smart PC? Any specific pain point
or moment of delight experienced , with respect to navigation?

2) Is there any guideline for the font and button size for touchscreen PC
application?

3) Would you prefer to have two or more views for browsing media files
(music albums, videos ) and photos ?
Currently, in most of the PC applications we get to see arc view and grid
view or random placement and grid view for browsing files.

4) Since it is multi touch application, can we eliminate zoom
icons/indication/buttons? Also right or left scroll arrows?
Or should we retain them but represent them in a more subtle manner?

5) Is it okay if all the main menu items are not shown at any single
instance on the home page
( but an indication, that the main menu can be scrolled to access other main
menu items)?

6) We have placed the recycle bin to the bottom left hand corner. User needs
to drag and drop the items to the recycle bin in order to delete.
Would you prefer a change in position (considering drag and drop) , like
top left hand (like in windows 7)?

7) Is it necessary to have mute off/on button visible on the screen at all
times?

Please feel free to answer as many queries as you can.

Thanks and regards,
preeti saluja

Comments

26 May 2009 - 6:20am
Angel Marquez
2008

In that cooper book 'about face' their is a section that recommends
something along the lines of printing the UI out dipping your fingers
in ink and touching the interactive elements to see if the button size
accomodates finger tips..

I just installed windows7...

Sent from my iPhone

On May 26, 2009, at 2:33 AM, PREETI SALUJA <preeti.saluja at gmail.com>
wrote:

> Hi!
> I have been working on a "All in one touchscreen PC" , something
> similar
> to HP Touch smart PC
> on windows 7 platform and it supports multitouch.
>
> I have some queries and would like to get your suggestions for the
> same.
> 1) How was your experience with HP Touch smart PC? Any specific pain
> point
> or moment of delight experienced , with respect to navigation?
>
> 2) Is there any guideline for the font and button size for
> touchscreen PC
> application?
>
> 3) Would you prefer to have two or more views for browsing media
> files
> (music albums, videos ) and photos ?
> Currently, in most of the PC applications we get to see arc view and
> grid
> view or random placement and grid view for browsing files.
>
> 4) Since it is multi touch application, can we eliminate zoom
> icons/indication/buttons? Also right or left scroll arrows?
> Or should we retain them but represent them in a more subtle manner?
>
> 5) Is it okay if all the main menu items are not shown at any single
> instance on the home page
> ( but an indication, that the main menu can be scrolled to access
> other main
> menu items)?
>
> 6) We have placed the recycle bin to the bottom left hand corner.
> User needs
> to drag and drop the items to the recycle bin in order to delete.
> Would you prefer a change in position (considering drag and
> drop) , like
> top left hand (like in windows 7)?
>
> 7) Is it necessary to have mute off/on button visible on the screen
> at all
> times?
>
> Please feel free to answer as many queries as you can.
>
> Thanks and regards,
> preeti saluja
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help

26 May 2009 - 7:36am
joanie
2006

Regarding zoom, I think it's always nice to give orientation, some kind of
thumbnail showing where you are and depending upon the fidelity, where other
objects are off-screen.

I would also add that touch (and definitely multi touch) on a larger device is
different than touch on a smaller one (e.g. iPhone). Be sure to test and don't
assume anything. In the test, have them handle the device. This might affect
how you implement touch or how sensitive/fine to make the gestures.

-joanie

------ Original Message ------
From: PREETI SALUJA <preeti.saluja at gmail.com>
Subject: [IxDA Discuss] some queries on designing a touchscreen all in one PC

> 4) Since it is multi touch application, can we eliminate zoom
> icons/indication/buttons? Also right or left scroll arrows?
> Or should we retain them but represent them in a more subtle manner?

____________________________________________________________________

26 May 2009 - 6:03pm
Dan Saffer
2003

On May 26, 2009, at 2:33 AM, PREETI SALUJA wrote:

> 2) Is there any guideline for the font and button size for
> touchscreen PC
> application?

Based on some research done at MIT, I recommend in general 1cm square/
circle as a good target for finger pads (what is most likely being
used to touch/press). Adult human finger pads are roughly 8-12mm wide.

> 4) Since it is multi touch application, can we eliminate zoom
> icons/indication/buttons? Also right or left scroll arrows?
> Or should we retain them but represent them in a more subtle manner?

Often people keep visual cues/affordances/controls and supplement them
with gestures. The gestures act as shortcut keys. For instance,
tapping an arrow to scroll or you can do a swipe.

>
> 6) We have placed the recycle bin to the bottom left hand corner.
> User needs
> to drag and drop the items to the recycle bin in order to delete.
> Would you prefer a change in position (considering drag and
> drop) , like
> top left hand (like in windows 7)?

That's probably the 2nd most difficult place to access for the right
handed (93% of the population) because of the reach. (Top left #1.)
Fitts' Law still applies.

Dan

Designing Gestural Interfaces
http://www.designinggesturalinterfaces.com

27 May 2009 - 11:51pm
Kunal Kapoor
2007

Preeti,

Target size should be 2 cm. (length and height, both) at least, with a
minimum of 3 mm. separation between 2 distinct targets.

Sincerely,

- Kunal.

On Tue, May 26, 2009 at 3:03 PM, PREETI SALUJA <preeti.saluja at gmail.com>wrote:

> Hi!
> I have been working on a "All in one touchscreen PC" , something similar
> to HP Touch smart PC
> on windows 7 platform and it supports multitouch.
>
> I have some queries and would like to get your suggestions for the same.
> 1) How was your experience with HP Touch smart PC? Any specific pain point
> or moment of delight experienced , with respect to navigation?
>
> 2) Is there any guideline for the font and button size for touchscreen PC
> application?
>
> 3) Would you prefer to have two or more views for browsing media files
> (music albums, videos ) and photos ?
> Currently, in most of the PC applications we get to see arc view and grid
> view or random placement and grid view for browsing files.
>
> 4) Since it is multi touch application, can we eliminate zoom
> icons/indication/buttons? Also right or left scroll arrows?
> Or should we retain them but represent them in a more subtle manner?
>
> 5) Is it okay if all the main menu items are not shown at any single
> instance on the home page
> ( but an indication, that the main menu can be scrolled to access other
> main
> menu items)?
>
> 6) We have placed the recycle bin to the bottom left hand corner. User
> needs
> to drag and drop the items to the recycle bin in order to delete.
> Would you prefer a change in position (considering drag and drop) , like
> top left hand (like in windows 7)?
>
> 7) Is it necessary to have mute off/on button visible on the screen at all
> times?
>
> Please feel free to answer as many queries as you can.
>
> Thanks and regards,
> preeti saluja
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

28 May 2009 - 12:34am
Dan Saffer
2003

On May 27, 2009, at 9:51 PM, Kunal Kapoor wrote:

> Target size should be 2 cm. (length and height, both) at least,

This is awfully large--larger even than your average physical keyboard
key. Why would you recommend this size? Where are you getting this
figure?

As a point of reference, the icons on an iPhone are each roughly a cm
square.

Dan

28 May 2009 - 4:22am
Kunal Kapoor
2007

The references are based on working for touch applications, talking to
users, and a reference which was spoken of on this forum some time back.

http://www.sapdesignguild.org/resources/TSDesignGL/Index.htm

Also, Preeti spoke of something similar to HP Touch. I am sure 1 cm works
for an iPhone, but would it always work for all other products?

Example, I worked on a product for oil drillers, who wore gloves, and we
wanted to have a 'big enough' target size. So I am sure there is an accepted
range of value, 1 cm may be the minimum most requirement, as suggested by
you. But only a starting point.

Sincerely,

- Kunal.

On Wed, May 27, 2009 at 4:33 AM, Dan Saffer <dan at odannyboy.com> wrote:

>
> On May 26, 2009, at 2:33 AM, PREETI SALUJA wrote:
>
> 2) Is there any guideline for the font and button size for touchscreen PC
>> application?
>>
>
> Based on some research done at MIT, I recommend in general 1cm
> square/circle as a good target for finger pads (what is most likely being
> used to touch/press). Adult human finger pads are roughly 8-12mm wide.
>
> 4) Since it is multi touch application, can we eliminate zoom
>> icons/indication/buttons? Also right or left scroll arrows?
>> Or should we retain them but represent them in a more subtle manner?
>>
>
> Often people keep visual cues/affordances/controls and supplement them with
> gestures. The gestures act as shortcut keys. For instance, tapping an arrow
> to scroll or you can do a swipe.
>
>
>> 6) We have placed the recycle bin to the bottom left hand corner. User
>> needs
>> to drag and drop the items to the recycle bin in order to delete.
>> Would you prefer a change in position (considering drag and drop) , like
>> top left hand (like in windows 7)?
>>
>
> That's probably the 2nd most difficult place to access for the right handed
> (93% of the population) because of the reach. (Top left #1.) Fitts' Law
> still applies.
>
> Dan
>
> Designing Gestural Interfaces
> http://www.designinggesturalinterfaces.com
>
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

28 May 2009 - 8:31am
Dan Saffer
2003

On May 28, 2009, at 2:22 AM, Kunal Kapoor wrote:

> The references are based on working for touch applications, talking
> to users, and a reference which was spoken of on this forum some
> time back.
>
> http://www.sapdesignguild.org/resources/TSDesignGL/Index.htm

I'm wary of anyone spreading inaccurate critical technical information
based on "talking to users," 99.99% of whom don't know the size of
their fingerpads. The SAP guidelines, while a good starting point, are
hardly definitive and offer no suggestions on touch target size.

> Also, Preeti spoke of something similar to HP Touch. I am sure 1 cm
> works for an iPhone, but would it always work for all other products?

Nothing always works in all products.

>
> Example, I worked on a product for oil drillers, who wore gloves,
> and we wanted to have a 'big enough' target size. So I am sure there
> is an accepted range of value, 1 cm may be the minimum most
> requirement, as suggested by you. But only a starting point.

Gloves are a very different case than other touchscreen applications.
2cm may have been the minimum for them, but I'll stick my 1cm square
number. Why? Because it's not only my number. I got my information
from “3-D Finite-Element Models of Human and Monkey Fingertips to
Investigate the Mechanics of Tactile Sense,” by Kiran Dandekar,
Balasundar I. Raju, and Mandayam A. Srinivasan, The Touch Lab,
Department of Mechanical Engineering and The Research Laboratory of
Electronics, Massachusetts Institute of Technology.

<http://touchlab.mit.edu/publications/2003_009.pdf>

Aside from this technical study, walking around with a ruler to
measure various physical button sizes confirmed their basic premise:
the average adult fingerpad is 10-14mm, fingertip is 8-10mm and most
physical buttons conform to these dimensions. Yes, you can go smaller
(keys on a Blackberry for instance are about 8mm) and larger, of
course, but 1cm is a good round number that I'm confident will prove
valid in most instances.

Dan

Designing Gestural Interfaces
http://www.designinggesturalinterfaces.com

29 May 2009 - 12:13pm
Kevin Arthur
2009

This may be obvious, but you should read the Windows 7 Touch design
guidelines (and the rest of the Win7 UI guidelines) if you haven't
already.

http://msdn.microsoft.com/en-us/library/cc872774.aspx

It covers several of your questions, and I'd be reluctant to go
against any of these. It sounds like you're designing a custom
interface over top of Win7 and I wonder if that's really necessary.
If so, I would still stick to the Windows conventions by keeping the
standard controls and being consistent with placement of the recycle
bin, etc.

Kevin Arthur
http://www.touchusability.com

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=42270

29 May 2009 - 4:55pm
DampeS8N
2008

Feel free to 'steal' any good ideas you find at www.prettybutbad.com
about just such an application. Then tell me, so I can buy one if I
like what you did.

I outline almost an entire OS on said blog. I'd never have the
chance to do it. So I wouldn't feel a loss if you took the whole
idea and ran with it. Have at it. Free for the taking.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=42270

29 May 2009 - 4:58pm
DampeS8N
2008

http://www.prettybutbad.com/?id=8

That would be the post you'd most be interested in.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=42270

Syndicate content Get the feed