+ All Categories
Home > Entertainment & Humor > Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor...

Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor...

Date post: 04-Jul-2015
Category:
Upload: hugo-nicolau
View: 314 times
Download: 0 times
Share this document with a friend
53
Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users Hugo Nicolau Tiago Guerreiro Daniel Gonçalves Joaquim Jorge
Transcript
Page 1: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Hugo Nicolau Tiago Guerreiro Daniel Gonçalves Joaquim Jorge

Page 2: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Mobile evolution

Page 3: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users
Page 4: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users
Page 5: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Tactile feedback

loss of tactile feedback

Page 6: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Loss of physical stability

Page 7: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

hard to select targets

Page 8: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

it occurs to everyone

Page 9: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

… and motor impaired

Page 10: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

some advantages

Page 11: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

more pleasant

Page 12: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

require less strength

Page 13: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Adapt to users’ needs

Page 14: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users
Page 15: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users
Page 16: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Provide the knowledge to build better touch interfaces

Page 17: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

We performed …

Page 18: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Tested several …

Interaction Techniques

Page 19: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Screen areas …

… edges

Page 20: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Screen areas …

… middle

Page 21: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Screen areas …

1

2

3

4

5

… vertical distance

Page 22: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

7 mm

… and target sizes

12 mm 17 mm

Page 23: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Tapping

Page 24: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Crossing

Page 25: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Directional Gesturing

Page 26: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

15 participants 28-64 years old

C4-C7 lesion level 6 left-handed

never used touchscreens

Page 27: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

18 participants 5 females, 13 males 20-45 years old

Page 28: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Results

Page 29: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Error Rate

X

Page 30: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Target Size

Page 31: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Motor Impaired

0%

10%

20%

30%

40%

50%

7mm 12mm 17mm

Gestures Tapping Crossing

Page 32: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Able-bodied

0%

5%

10%

15%

20%

25%

7mm 12mm 17mm

Gestures Tapping Crossing

Page 33: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Differences and Similarities

Tapping is the most similar Magnitude of errors Directional Gesturing

Page 34: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Middle

Page 35: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Motor Impaired

0%

10%

20%

30%

40%

50%

7mm 12mm 17mm

Gestures4Way Tapping Middle Crossing

Page 36: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Able-bodied

0%

2%

4%

6%

8%

10%

12%

14%

7mm 12mm 17mm

Gestures Middle Tapping Middle Crossing

Page 37: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Differences and Similarities

Similar performances with all techniques Differences are in the remaining of the screen

Page 38: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Edges

Page 39: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Motor Impaired

0%

20%

40%

60%

7mm 12mm 17mm

Tapping Middle Tapping Edge

0%

20%

40%

60%

Gesture Edge Gesture Middle

Page 40: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Able-bodied

0%

5%

10%

15%

20%

25%

30%

7mm 12mm 17mm

Tapping Middle Tapping Edge

Page 41: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Differences and Similarities

Edges do not provide additional support Tapping is hindered on edges

Page 42: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Vertical Distance

Page 43: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Motor Impaired

48% 31% 27%

43% 25% 28%

39% 28% 24%

40% 19% 15%

47% 19% 9%

7mm 12mm 17mm

Tapping

Page 44: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Able-bodied

10% 0% 0%

6% 2% 0%

8% 0% 0%

8% 1% 0%

38% 6% 0%

Tapping

7mm 12mm 17mm

Page 45: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Differences and Similarities

Tapping small targets, particularly near lower edge Reach restrictions

Page 46: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Towards Inclusive Design

Page 47: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Tapping is a suitable interaction technique

The one with more resemblances

Lowest error rates

12mm as a good compromise

Page 48: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Magnitude of errors

Much higher for motor impaired

0%

5%

10%

15%

20%

25%

30%

35%

40%

Gestures Tapping Crossing

5.6x 26x 6x

Page 49: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Able-bodied can easily perform Directional Gestures

Suitable alternative to Tapping (small targets) Motor impaired have many difficulties

Page 50: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Middle of the screen consistency

Similar performance with all interaction techniques

Remaining of the screen can

hinder or favor interaction

Page 51: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Reach restrictions

Upper edge targets are harder to acquire for M.I. For A.B. small targets near bottom edge are harder

Page 52: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

Instantiate our findings Investigate situational impairments

Future Work

Page 53: Towards Mobile Touch Screen Inclusive User Interfaces: Differences and Similarities between Motor Impaired and Able-Bodied Users

THE END.

Hugo Nicolau [email protected]


Recommended