A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements
-
Upload
cynthia-calongne -
Category
Education
-
view
2.573 -
download
1
description
Transcript of A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements
![Page 1: A Virtual Environment for Designing User Interface Prototypes with Accessibility Requirements](https://reader035.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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.fdocuments.us/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