Presentation on theme: "CS820 – USABILITY AND INTERACTION"— Presentation transcript:
1CS820 – USABILITY AND INTERACTION USABILITY ISSUES FOR ONLINE EXPERIENCESFinal ProjectBy: Karl B. OstlerColorado Technical UniversityMay 2011
2USABILITY ISSUES FOR ONLINE EXPERIENCES Background:Providing virtual 3-D “Game-Like” experiences online may prove to be problematicInexperienced users may find it difficult to navigate virtual worlds and/or 3-D spatial skills may need to be developedVarious navigation methods must be considered in order to provide the best possible interface for the end-item user
3Usability Testing:Project to test the usability of Virtual 3-D Space as if it were provided as an Online ExperienceKey Topic of Project:Complete usability testing of various user interface tools used for navigating Virtual 3-D Space
4Project - includes the following: Online Museum used as an ExampleExperimental Test Plan DevelopedTarget Users IdentifiedDesired User Profiles DefinedNavigation Methods ResearchedKey Navigational Tools IdentifiedPrototype modeled in Second LifePilot Testing AccomplishedInitial Analysis Made
5Project - Experimental Test Plan Summary: Pilot testing to be accomplished prior to further test activities.Pilot testing to include a minimum of three test subjects (ideally test subjects who meet the identified User Profiles – however a substitute may be used as necessary)Overall Testing shall include three types of users (*see Profile Cards):Beginner – Novice with little or no experienceIntermediate – Some Experience but limitedAdvanced – Experienced or Expert Users* Profile Cards created for each type of user are included in appendix A
6Experimental Test Plan Summary (continued): Individual testing to be accomplished in a single session consisting of three phasesEach phase of the test will apply as follow:Stage 1 – Self-guided Tour (Beginner User)Stage 2 – Partially-guided Tour (Intermediate User)Stage 3 – Fully-guided Tour (Advanced User)As a test control, at the beginning of each test session the test subject (user) will be oriented by a written Task Card.Tasks will be identical for each test session.
7Experimental Test Plan Summary (continued): Primary task identified for this experimental test is to have the user tour the Kiosk using the various tools provided.Secondary task identified is to have the user navigate thru each room and observe the contents (art work) as further directed by the Task Card provided.Final task identified is to have the user complete a written report of their individual observations (* see User Experience Form)* User Experience Forms created for each test case are included in appendix B
8Experimental Test Plan Summary (continued): Once all iterations of Pilot Testing has been completed, milestones will then be determined (as measured in pilot test) and final testing will commence.Milestones to include a determination of acceptable performance goals for each phase of the test such as time, accuracy and completion rates of each stage.
9Experimental Test Plan Summary (continued): Milestones in final testing will further be utilized as a primary instrument in determining the usability of each of the navigation tools tested.A combination of measured milestones and a qualitative analysis of the test conductor’s observations will be the final determining factor of the overall level(s) of usability.Final testing to include minimum of 15 test case scenarios where a minimum of 5 tests each are accomplished for each the three types of users identified.
10Experimental Test Plan Summary (continued): Note:Ideally, final testing is to be completed by inclusion of the minimum of 15 test case scenarios (as mentioned above) for each of multiple variations of the three individual test phases. These would be accomplished under controlled conditions for a minimum of 95 tests. I.E. after testing is accomplished with a process of stage 1, 2, then 3, additional testing would be accomplished as stage 2, 1, then 3 as a control of possible variation, then stage 3, 2, and 1 as another variation, etc., etc.However for the purpose of this study, final testing as mentioned above is deemed to be reasonably acceptable.
11Prototype Design: Simulated 3-D Virtual Museum (Online Kiosk) Kiosk Modeled in Second Life (SL)*Low-Fidelity – conceptual model and for Pilot TestingPrimary navigation tools built into SL are utilized for this project and included in test evaluation of the user(s) experienceEvaluation is to be accomplished against additional navigation tools added to the SL Model - items noted in the prototype design as demonstrated on the following slides* Second Life (SL) – a virtual world developed by Linden Lab & accessible via the internet
12Prototype Design (continued): ExitExitExitExitEntranceEntranceMUSEUM BASIC FLOOR PLAN
13Prototype Design (continued): Key Artwork is prearranged and located in each of the selected roomsKnowledge of arrangement of the art and layout of the museum is unknown to the user at this timeAt the very beginning, the User is handed a Task Card which describes the desired objectives he/she is tasked to accomplish – this is accomplished within Second Life using “note cards”
14Prototype Design (continued): ExitExitExitExitEntranceKey Art Work Located in Select RoomsART LOCATIONS PLAN
15Prototype Design (continued): ExitExitExitExitStage 3Stage 2Model becomes more complex as User progresses thru each phase (staging area)Navigational aids are added as user progresses from one stage to the nextStage 1Entrance3 STAGES OF TOUR
16Prototype Design (continued): The Museum Model is designed to support a three phase test sequence that has a three stage tour:Stage 1 - Self-guided SectionStage 2 - Partially Guided SectionStage 3 - Guided TourNote:As a control in further testing, it would be desired to design a higher fidelity model which could alternate the sequence of Stages and would extend the length of each Stage to get a more complete capture of how each tool influences the usability of the designed system.
17Prototype Design: Stage 1 Exit Exit Exit Exit Entrance Self-Guided Tour of the first room (Without any additional Navigation Aides such as Direction Arrows or Labels)
18Prototype Design (continued): Phase 1 (Applies only to the Stage 1 section of the tour)Stage 1 (Self-guided) is accomplished by Basic Navigation tools that are inherent to Second LifeKnowledge of arrangement of the art and layout of the museum is unknown to the user at this pointTasks have been given to the user from the beginningTour the first room of the museum (Stage 1 area only)Observe, view, and take notes about the art workReturn to point of beginningDesigners Note: It is anticipated that the User will be able to navigate successfully each of the rooms (given sufficient time). However he/she may not pick up details about the art or may even unknowingly skip a room. Improvements over the basic navigation system can be realized and sustained in Stage 2
19Prototype Design (continued): ExitExitExitExitNextNextNextNextStage 2(Partially Guided Tour)Item is HereItem is HereWith Navigational Aides such as “Next” Arrows and labels with hints IncludedEntrance
20Prototype Design (continued): Phase 2 (applies to both Stage 1 & 2 sections of the tour)A new set of tasks are provided to the user at end of Phase 1 as follows:Tour an additional room of your choiceObserve, view, and take notes about additional art workReturn to point of beginning before progressing to any additional roomsStage 2 (Partially Guided) basic Navigation is enhanced with the addition of labels, and direction arrows.Knowledge of arrangement and layout of the museum is still unknown to the user and the user has no solid knowledge or idea of current location.Designers Note: Navigation time should show some improvement and User should also begin to build confidence as he/she progresses.
21Prototype Design (continued): You are HereExitExitItemHereExitItemHereExitItemHereKey MapLocator IncludedItemHereStage 3(Guided Tour)* With Navigational Aides around partitions and foot steps for direction along with Arrows, Labels, and Key Map
22Prototype Design (continued): Phase 3 (applies to Stages 1, 2 & 3 of the tour)New tasks are added to the user at end of Phase 2 as follows:Navigate Stage 1 and 2 using your choice of Navigational ToolsTour your choice of one of the 4 remaining rooms as shown on mapObserve, view, and take notes about additional art workExit the MuseumComplete the exit surveyStage 3 (Guided Tour) navigation is enhanced by addition of Labels, Footstep direction arrows, key locator map, and teleport buttons.User now has knowledge of location by use of key locator map and tools sufficient to complete the rest of the tasks in confidence.Designers Note: with user knowledge of arrangement of the art, and layout of the museum, as well as current location provided by key locator maps, navigation time should decrease and user confidence should increase.
23Use Case Model: User 3D Virtual Environment Return to Origin Move Back/ForwardReturn to OriginTurn Right/Left<<Include>><<extend>>Basic NavigationMove, Turn & Return FunctionsDirection ArrowsIntermediate NavDirection & Location FunctionsUserLocation Labels3D Virtual EnvironmentAdvanced NavTeleport & Map FunctionsKey Locator MapExpertBeginnerIntermediateTeleportButtons
243D Virtual Environment Navigational Tools Use Case Use Case Scenarios – scripted or formal scenarios that tie to the test cases.Scenario 1: Beginner Experience - User navigating a single room; Actor is person (beginning user) desiring to navigate the 3D Virtual Environment using basic Navigation tools only.Preconditions:User is online, with 3D Virtual Environment Viewer running on PC.3D Model of Museum is loaded and displayedAvatar (representative of the user location) is at the point of beginningAll test assets have been loaded and are available to the UserUser has access to standard KeyboardUse Case Steps:Using keyboard direction arrows “up” to go forward, “down” to go backwards, “right” to turn right, and “left” to turn left, user enters and navigates the room.User navigates room, views, and observes the environment.User then returns back to point of beginning.Note: The “Esc” key is also provided as a fail-safe navigation method back to point of beginning.Post conditions: Avatar is back to point of beginning.
253D Virtual Environment Navigational Tools Use Case Use Case Scenarios – scripted or formal scenarios that tie to the test cases.Use Case 2: Intermediate Experience - User navigating multiple rooms within a bldg; Actor is person (user) desiring to navigate the 3D Virtual Environment using basic to intermediate level navigation tools only.Preconditions:The same preconditions exist as those listed in Use Case 1.Use Case:Using keyboard direction arrows user enters and begins navigation of room.Following additional guides and symbols (such as direction arrows and item labels), user continues navigation into additional rooms of the bldg.User navigates multiple rooms, views, and observes the environment.User then returns back to point of beginning.Note: The “Esc” key is also provided as fail-safe navigation method back to point of beginning.Post conditions: Avatar is back to point of beginning.
263D Virtual Environment Navigational Tools Use Case Use Case Scenarios – scripted or formal scenarios that tie to the test cases.Use Case 3: Advanced Experience - User navigating multiple rooms within a bldg; Actor is person (advanced user) desiring to navigate the 3D Virtual Environment with a variety of advanced navigational tools to choose from .Preconditions:The same preconditions exist as those listed in Use Cases 1 & 2.Use Case:Using any method of navigation, user enters and begins navigation of room.Following additional guides, symbols, navigational maps, and control buttons, user continues navigation throughout different rooms of the bldg.User navigates multiple rooms, views, and observes the environment.User then returns back to point of beginning.Note: The “Esc” key is also provided as a fail-safe navigation method back to point of beginning.Post conditions: Avatar is back to point of beginning.
27Usability Specification Table – (Identified goals & measurements for each Use Case) Task/ StepTask DescriptionMeasurement (value)ExpectedMin AcceptableMax AcceptableUse Case Scenario # 1Task # 1Enters RoomCompletion Time (seconds)< 214Task # 2.ANavigates RoomCompletion Time (minutes)Step # 2.A.1Uses "Up Arrow"Number Range of Sequence Usage8 to 24848Step # 2.A.2Uses "Down Arrow"0 to 612Step # 2.A.3Uses "Right Arrow"3 to 12324Step # 2.A.4Uses "Left Arrow"Task # 2.BObserves Environment (Art Work Requested)Accomplished100%Task #3Returns to BeginningUse Case Scenario # 2Enters Room (See Scenario #1)Navigates First Room (See Scenario #1)As Applicable **Enters Second RoomTask # 2.CNavigates Second RoomStep # 2.C.1Uses "Navigation Symbols"76Task # 3.aNavigates Both Rooms CombinedTask # 3.bNavigation time Both Rooms CombinedTask # 3.cTask #4Use Case Scenario # 3Navigates Second Room (See Scenario #2)Enters a Third RoomTask # 2.DNavigates Third Room< 3060Step # 2.D.1Uses "Teleport Button"2Task # 3.ANavigates All Rooms CombinedTask # 3.BNavigation time All Rooms CombinedTask # 3.C* Varies based on Users choice of Navigation Tools
28Additional Items to Include: Prototype ModelStill shots in Second LifeMuseum OutsideTask CardArt WorkLabels and Direction ArrowsKey Locator Maps