a virtual environment for designing user interface prototypes with accessibility requirements
DESCRIPTION
Students and the instructor discuss the use of Second Life for prototyping and evaluating user interfaces in a CS 820 Usability and Interaction doctoral class. The projects featured accessibility projects, including a news stand for low vision users, a refrigerator for users in wheelchairs and an electronic voting machine. The students designed low fidelity prototypes, then conducted usability tests with subjects from class and from other schools. Presented at the CCSC Rocky Mountain Regional Conference 2008, October 17, 2008. Authors: Cynthia Calongne, Dawn Frankovich, Steven Endorf and Johnny Sandaire. See http://ctusoftware.blogspot.com for additional information.TRANSCRIPT
![Page 1: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/1.jpg)
A Virtual Environment for Designing User Interface Prototypes with
Accessibility Requirements
Cynthia CalongneSteven Endorf
Dawn FrankovichJohnny Sandaire
Colorado Technical University
CCSC Rocky Mountain Regional Conference
October 17, 2008
![Page 2: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/2.jpg)
2
Usability and Interaction • Interface design in a virtual world
– Presence– Environment– Tools– Collaboration– Interaction– Project creation– Usability testing– Assessment
![Page 3: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/3.jpg)
3
The authors learn to build and texture their class projects
Early Skill Development
![Page 4: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/4.jpg)
4
A self-guided tutorial for building a 20-minute project
Modeling in Second Life
![Page 5: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/5.jpg)
5
Using Second Life for UI Design• Self image
• Social networks
• Mentor, feedback
• Class projects
• Roleplay
• Tool integration
• Immersive design
• Build simulations
• Empirical testing
• Sense of presence
• Attend classes, collaborate
• Office hours, facilitation
• Applied learning activities
• Immersive learning
• MSN Live Meeting, phones
• Inside the organism
• Create prototypes
• Observe user behavior
80% of the world’s Internet users will be in a virtual world by 2011 (Gartner, 2007)
![Page 6: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/6.jpg)
6
CS 820 Win 08 Class Projects
Newsstand, Electronic Voting Machine, Refrigerator
![Page 7: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/7.jpg)
7
Design for Accessibility
• For vision and mobility impaired users
• Asynchronous and synchronous design activities
• 3D graphics, sounds, gestures and interaction
• Models, textures, sounds, animations, scripts
• Focus on user characteristics and task performance
• Collaboration in class and among students
![Page 8: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/8.jpg)
8
Students new to a virtual world create low fidelity interface designs
and conduct usability tests in a virtual world
![Page 9: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/9.jpg)
9
Interaction and Empirical Testing• Observed behavior
– Test plan– Test procedure– Roles– Volunteers– Observation– Measurements– Analysis– Results
Interface with rezzable objects
![Page 10: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/10.jpg)
10
Conducting usability tests of the accessibility projects
Evaluating Interface Prototypes
![Page 11: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/11.jpg)
11
Tasks and Skills Required
• Appearance– 1st self or ideal self?
• Move and look – Arrow keys or Navigation
menu
– Camera controls
• Communication– Voice, text, gestures
• Group Notices, IMs
![Page 12: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/12.jpg)
12
Project Prototypes
Newsstand for the lowvision users; selecting
option 4 to hear
Refrigerator for wheelchair users;
shelves move out and down
![Page 13: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/13.jpg)
13
Behavior and Task Performance
Studying interfaces from a wheelchair Testing the Electronic
Voting Machine interface
![Page 14: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/14.jpg)
14Student projects on display at the TCC Online Worldwide Conference
![Page 15: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/15.jpg)
15
Experimental Design Space
Fanciful classrooms created by a powerful simulation tool
![Page 16: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/16.jpg)
16
Virtual Office Hours
Rather than view the tank in the office, get inside. The water’s fine!
![Page 17: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/17.jpg)
17
SL Research Links 1• Second Life
– http://secondlife.com/ http://secondlifegrid.net/
• Cynthia Calongne’s Classes in Second Life– http://ctusoftware.blogspot.com
• Research in Second Life presentation– http://www.slideshare.net/lyrlobo/research-in-second-life
• Artificial Intelligence in SL– http://web.bvu.edu/faculty/schweller/
• TCC Preconference Wiki -- SL from a Flash drive tips– http://tccpre-conference.pbwiki.com/
• Edumuve– http://edumuve.com/tour/ and http://edumuve.com/blended/
![Page 18: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/18.jpg)
18
SL Research Links 2• National Public Radio’s Science Friday in SL
– http://www.sciencefriday.com/
• NMC Campus Observer– http://sl.nmc.org/
• NOAA’s Traffic Analysis– http://mayarealities.com/
• Best Practices in SL– http://www.slcn.tv/bpe-lyr-lobo
• Annotated Bibliograophy of SL Educational Resources – http://web.ics.purdue.edu/~mpepper/slbib
![Page 19: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/19.jpg)
19
SL Research Links 3• Second Life as a Virtual Learning Environment
– http://www.dokimos.org/secondlife/education/index.html
• An Educational Tour of Second Life– http://www.slideshare.net/lyrlobo/an-educational-tour-of-second-life
• A View from Second Life’s Trenches: Are you a Pioneer or a Settler?– http://sl.nmc.org/2007/06/09/pioneer-or-settler/
• Leveraging the Affordances, Minimizing the Barriers of Virtual Worlds– http://sl.nmc.org/2007/06/09/edu-panel/
• LearnScope in Second Life– http://www.slideshare.net/lyrlobo/learnscope-in-second-life
![Page 20: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/20.jpg)
20
SL Research Links 4• Using Second Life
– www.educause.edu/ir/library/powerpoint/SAC07025A.pps
• Beyond Course Management Tools: Second Life – www.educause.edu/ir/library/powerpoint/SAC07014.pps
• Virtual worlds in Online Education: Are You Ready to Teach in Second Life?– http://www.telecoop.org/conference/materials/CalogneTeachinginSecondLife.ppt
• What Can We Learn from World of Warcraft & Second Life?– http://archive.nmc.org/events/2006fallregional/materials/calongne.ppt
• SL Podcast by Bayne, Walker and Calongne– http://connect.educause.edu/blog/gbayne/podcastusingsecondli/44967?time=1188754831
![Page 21: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/21.jpg)
21
SL Research Links 5• Who’s on Second? Educational Podcasts
– http://www.rabble.ca/rpn/podcast.php?id=wos
• Second Life Development -- VITAL Lab– http://vital.cs.ohiou.edu/vitalwiki/index.php/Second_Life_Development
• Suffern Middle School in Second Life– http://rampoislands.blogspot.com/2007_02_01_archive.html
• Second Life Library 2.0– http://www.infoisland.org/drupal/ and http://www.myspace.com/73899784
• Second Life Education Wiki– http://www.simteach.com/wiki/index.php?title=Second_Life_Education_Wiki
• LSL Wiki -- programming tools– http://www.lslwiki.net/lslwiki/wakka.php?wakka=HomePage
![Page 22: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/22.jpg)
22
SL Research Links 6• Secondary Worlds
– http://secondaryworlds.com/
• Reuters -- Doors to open on Google Virtual world(s)?– http://blogs.reuters.com/mediafile/2007/10/24/doors-to-open-on-google-virtual-
worlds/
• SL and Google Earth are Transforming the Idea of Architectural Collaboration– http://archrecord.construction.com/features/digital/archives/0701dignews-2.asp
• Timeline - History of Second Life Wiki – http://secondlife.wikia.com/index.php/Second_Life_Through_The_Ages
• UberNoggin: Big Brains - Big Ideas– http://www.ubernoggin.com/
![Page 23: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/23.jpg)
23
SL Research Links 7 - News• Reuters in Second life
– http://secondlife.reuters.com/
• The SL Newspaper– http://www.sl-newspaper.com/
• Second Life Herald– http://www.secondlifeherald.com/
• Metaverse Messenger– http://metaversemessenger.com/index.html
• SLNN– http://www.slnn.com/index.php
![Page 24: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/24.jpg)
24
SL Research Links 8• New Worlds Notes
– http://nwn.blogs.com/
• SL A Virtual Universe for Real Engineering– http://www.designnews.com/index.asp?
layout=article&articleid=CA6490691
• Just Virtual– http://www.justvirtual.com/index.php/category/second-life/
• Seifert Surface - Math in Second Life– http://www.segerman.org/2ndlife.html
• Eric McLuhan in Second Life - Playing Media Ecology– http://slcn.tv/media-ecology-eric-mcluhan
![Page 25: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.vdocuments.net/reader035/viewer/2022070313/554b5b3bb4c905793d8b4ec8/html5/thumbnails/25.jpg)
25
A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements
Cynthia CalongneLyr Lobo in Second Life
[email protected]://ctusoftware.blogspot.com
www.slideshare.net/lyrlobo
For more information
(left to right)Johnny Sandaire,Steve Endorf , Dawn Frankovich and Lyr Lobo
Lyr Lobo