designing non-traditional interfaces for educational applications in south africa

21
IFIP INTERACT 2013 Lessons Learned from Designing Non-traditional Interfaces for Educational Applications in South Africa Michael Wolf CEO & Interaction Designer at Formula D interactive, Cape Town

Upload: michael-wolf

Post on 20-Aug-2015

719 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Designing Non-traditional Interfaces for Educational Applications in South Africa

IFIP INTERACT 2013 Lessons Learned from Designing Non-traditional Interfaces for Educational Applications in South Africa Michael Wolf CEO & Interaction Designer at Formula D interactive, Cape Town

Page 2: Designing Non-traditional Interfaces for Educational Applications in South Africa

Playfield

Go to youtube.com for this video

Page 3: Designing Non-traditional Interfaces for Educational Applications in South Africa

Multi-user touch wall

FROG WALL MULTI-USER EXPERIENCE

Go to youtube.com for this video

Page 4: Designing Non-traditional Interfaces for Educational Applications in South Africa

In 2008, visitors did not identify the large screen as an interactive surface. The multitouch “pinch” gesture was only used after iPhone became popular. Users mostly did not understand that the content windows could be moved around. Once the screen was in use by at least one user, other visitors frequently joined in.

‘ OBSERVATIONS & LESSONS LEARNED

Page 5: Designing Non-traditional Interfaces for Educational Applications in South Africa

Assumptions Context and size of the display was in conflict with the conceptual model of touch screens and desktop computers at the time. This resulted in certain GUI elements common to desktop applications not being identified. Distinction from traditional UI’s could have led to users embracing the multi-user functionality naturally.

‘ OBSERVATIONS & LESSONS LEARNED

Page 6: Designing Non-traditional Interfaces for Educational Applications in South Africa

CAPE TOWN TOURISM INTERACTIVE WALL

Go to youtube.com for this video

Page 7: Designing Non-traditional Interfaces for Educational Applications in South Africa

Differentiation between intentional and non-intentional interaction. Digital “Real estate” : Spatial “etiquette” is maintained when multiple users interact in large interactive environments.

‘ OBSERVATIONS & LESSONS LEARNED

Page 8: Designing Non-traditional Interfaces for Educational Applications in South Africa

Multi-user touch wall

POINT SCREEN FOR THE CENTRE FOR PUBLIC SERVICE INNOVATION

Go to youtube.com for this video

Page 9: Designing Non-traditional Interfaces for Educational Applications in South Africa

Multi-user touch wall

POINT SCREEN FOR CPSI

Page 10: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ POINTING INTERACTION CHALLENGES GUI EXPERIMENTS

Bad performance with standard GUI menus (e.g. web browser)

Page 11: Designing Non-traditional Interfaces for Educational Applications in South Africa

Ergonomics

‘ POINTING INTERACTION CHALLENGES GUI EXPERIMENTS

Better hit results with larger (tile) surfaces

Page 12: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ POINTING INTERACTION CHALLENGES FINAL SOLUTION

Support for circular hand movement to support wrist ergonomics

Page 13: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ POINTING INTERACTION CHALLENGES TRIGGER METHODS

#01 ROLL-OVER #02 SELECT BUTTON

Page 14: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ OBSERVATIONS & LESSONS LEARNED

Today, it still seems “unnatural” to users of various cultures and backgrounds to interact with a screen by pointing at it. It needs instruction.

Pointing gesture interfaces require specific ergonomic considerations and interaction design.

The trigger problem: Multimodal solution?

Page 15: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ VIRTUAL CHEMISTRY LAB TABLE TANGIBLE INTERACTION

Go to youtube.com for this video

Page 16: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ USER TESTING AT GIRLS’ SCHOOL

Today, it still seems “unnatural” to users to interact with a screen by pointing at it.

Pointing gestures GUI approach.

The trigger problem. Multimodal solution?

Go to youtube.com for this video

Page 17: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ LESSONS LEARNED

The observations confirmed that: The interface was easily understood without instructions by majority of the users. Most users were able to memorise the experiment details The tool invites collaboration since the tangible interface objects can easily be shared and jointly operated. Users liked that they could “see what they are doing” through the strong representation of the active state in the interface (objects/ingredients on the table).

Page 18: Designing Non-traditional Interfaces for Educational Applications in South Africa

‘ FUTURE DEVELOPMENT DESKTOP UNIT & CMSC

Page 19: Designing Non-traditional Interfaces for Educational Applications in South Africa

CONCLUSION

Successful use of non-traditional UIs in educational environments is strongly linked to user’s concepts and experience with traditional UIs. Combining traditional UI elements with non-traditional elements can help to introduce innovation. Non-traditional UIs have significant advantages in educational settings, when supporting multi-user experiences and co-located collaboration. Non-traditional UIs have the potential to be more accessible for users with limited exposure to traditional UIs.

Page 20: Designing Non-traditional Interfaces for Educational Applications in South Africa

BY THE WAY LEARNLAB.CO.ZA

Page 21: Designing Non-traditional Interfaces for Educational Applications in South Africa

Thank you. Michael Wolf CEO & Interaction Designer at Formula D interactive, Cape Town @michael_w_wolf