architype by domainlawyer

VIEWS: 3 PAGES: 19

									So Fresh and So Clean Clean --Outkast

Shunying An Farzaneh Asgharpour Steve Marshall Chris Ory Jared Bieberich

So Fresh and So Clean Clean - 2

Table of Contents
EXECUTIVE SUMMARY .......................................................................................................................... 3 DESIGN STATEMENT............................................................................................................................... 4 DESIGN ARGUMENT ................................................................................................................................ 5 USER PERSONAS ....................................................................................................................................... 7 USABILITY TEST REPORT ..................................................................................................................... 7 SUBJECT PROFILE ..................................................................................................................................... 8 TASKS ........................................................................................................................................................ 8 OUTCOMES ................................................................................................................................................ 9 CONCLUSIONS/RECOMMENDATIONS ..................................................................................................... 10 CONCLUSION ........................................................................................................................................... 11 USABILITY TEST PREPARATION PHOTOGRAPHS ....................................................................... 12 USABILITY TEST PHOTOGRAPHS ..................................................................................................... 13 APPENDIX I: PRETEST QUESTIONNAIRE....................................................................................... 14 APPENDIX II: DEBRIEFING QUESTIONNAIRE .............................................................................. 16 APPENDIX III: POSTTEST QUESTIONNAIRE ................................................................................. 18

So Fresh and So Clean Clean - 3

Executive Summary
We began our design process by conducting individual interviews with walkers, runners, and bikers. During these interviews we asked what kinds of information and features users would like to have access to in a set of WorldBoard goggles. We then compiled our lists of what users would and wouldn’t use and then went through a process of trimming the list down to our key list of features. We went about trimming the list by using the decider protocol. We also had short discussions on each feature, covering why each of us thought we should use or not use each one. Once we had our primary list of functions, we went about the initial design process by working on rough sketches on our own and bringing them all together to discuss what each member had come up with. From these sketches, we created our interface design and laid out the groundwork for how our preference system would work. We then performed our usability test to get outside perspective on our system design. Using the results from this test, we made needed revisions to our design.

So Fresh and So Clean Clean - 4

Design Statement
This design interface is a result of multiple interviews, reviews and usability tests on our potential users. Throughout the design process, we adhered to the following assumptions to obtain what we believe is one of the best possible designs:     A good design is focused on user’s needs Be simple; don’t leave your user confused by having a complicated interaction Trading off having too much information for ease of use and clearness Spending time on redesigning the interaction according to our users’ opinions doesn’t waste our time

Our design is simple, clean and user friendly because:      The potential user can understand the function of each icon easily Includes just the most essential information needed in each mode Considers each group of users separately and adjusts to their individual needs Has a visual interface Is very simple and easy to navigate through

Throughout our design protocol, we limited ourselves to the following constraints:     Interaction happens just by gazing at each item; no click, no keyboard, no scroll bar The distance between the interface and the user limits the visibility We have to create an imaginative usability test Certain functions are only available within normal or exercise modes, exclusively.

So Fresh and So Clean Clean - 5

Design Argument
Thorough interviews and reflection, minimal features We decided to design the archetype preference for young people (18-30) because we think this group of people can more easily accept new technology, and they more actively participate in running, biking and walking. We interviewed 10 people at the beginning of the project including the following types of users: 3 runners, 1 marathoner, 3 bikers, 1 walker, 2 runners and bikers. One of our group members is also a biker, who rides bike for both commutation and recreation purpose. The interviews and reflections gave us a very clear idea about what their needs were. We could’ve come up with a lot more functions and features, such as an MP3 player, phone, etc based on the needs that they had articulated. Inspired by one interviewee’s comment that he needed a stylish device and would not consider a bulky one, we decided to keep the device simple attempting to satisfy the most necessary and common needs.

Simplify /minimize navigations and controls Since the users’ needs in exercise mode are different from those in business (normal) mode, we designed separate preference menus for each mode. In order to minimize navigations, we used a switching knob on the goggle to switch between the two modes. We also kept the preference menu interfaces simple, so that the users could easily navigate and control the functions. Each action should be able to be completed within 2/3 clicks. (assumption: it is difficult to control the interface with eyes.) Information hierarchy We organized the information following a certain hierarchy. Related information was put together in a cluster and a big cluster of information was classified into several categories. Context-based interaction, iterative design Contexts were considered when we designed the interface. We have mapped functions into the interface. At first, we wanted to have an icon and the map show up when the user stared at the icon for a certain time. It was distracting if the map was triggered by accident when the users were moving (running, biking or walking). So we designed the map to show up when the users’ speeds were lower than a certain speed for a certain time. Then we realized that when the users stopped, they might not want to see the map. So, in the final version for the interface we have included a map icon, but the map icon will only show up when the user’s speed is lower than a certain speed for a certain time. It is the same as the set message and preference icons. Consistency and visibility

So Fresh and So Clean Clean - 6 We always considered the consistency of the design throughout the project. All of our menus and clickable items have the same light blue transparent colored buttons. The same fonts and font sizes were used throughout all of the preference menus. The colors of message tag diamonds follow the same “traffic light” scheme when appearing on screen. Everything was designed to be larger rather than smaller so that it could be seen very easily. With a device like this where the user may be moving around quite a bit, the larger size will be helpful. Outcome The usability test results were better than expected, as all three of our users thought that the menu was very simple and easy to follow. They didn’t really recommend or mention more features, so we hope that we have enough functionality to please the majority of our target users. This is a learning interface where the learning curve is small, but some experience with the product will be necessary to use it properly. Our users showed us that after even a few minutes with the prototype design, they could navigate around the various menus and functions.

So Fresh and So Clean Clean - 7

User Personas
Will Carune Full-Time College Student, IU Age 20 Will just finished pledging at ATO, and now has lots of time to party and study when he gets to it. He would rather be at the gym than class, or out running around campus checking out the girls while getting exercise. He’s a health nut, and actually worked at GNC in high school and last summer break. He is very detailed with his workouts and exercise routines, unlike his course work. Tracking progress, adding more weight, and more distance is very important to him. When he does go to class, he usually plays solitaire on his PDA, which he doesn’t really use for scheduling. He also has an Ipod, and will surely buy the next “trendy” electronic device.

Phil Goetz Business Consultant, A.G. Edwards Age 29 Mr. Goetz has slowly been moving up the ladder with his company, now a senior consultant specializing in business process. He travels 50-75% of the time, and is in a different city every day. He is yet to settle down and get married, so he loves to travel and experience new places. Most clients love him, and his work is always top notch with superb results. He usually goes out to lunch with clients to places he’s never heard of that are unique to the city that the client is located in. He usually just gets a cab and gives the cabbie the address of the hotel that his company’s travel agent has sent him. He never really feels lost with the aid of mapquest and entertainment sites that he searches for on the internet. When walking around the city, it’s usually his only time to relax so he doesn’t like to look at his PDA or phone when walking around. Josh Holdren Student Vice President, IUSF Indiana University Age 21 Josh is in his third year at Indiana University. He is an honor student and holds the Vice President position of the Indiana University Student Foundation. During his small amount of free time Josh is on a team of cyclists training for the Little 500. He has found that his teammates have stepped up their level of training and he needs to catch up. Since Josh does not have as much spare time as the others he must find an efficient route for his training.

Usability Test Report

So Fresh and So Clean Clean - 8 In order to test our system, we decided to create a test in which we would place the user in front of a large projection screen on which we would project a 3D virtual reality game which we would manipulate depending on their actions. If the user wanted to move forward, they would walk in place and we would move the controls to move the video game character forward. If they wanted to turn left or right, they would simply turn their body until they wanted to head straight again. Between the user and the screen we would post our system icons and other information that would be displayed in the goggles. In order to execute this test, we chose to use Active Worlds as our game because it allowed us to easily navigate through a campus-like 3D world. When the user would decide to open the system preferences or post a message on an object, we would open up our PowerPoint presentation of that interface and we would allow the user to navigate through the system. Subject Profile Since our target audiences for our design are runners and bikers, we decided to target users who partake in these activities on a regular basis. We selected two male users aged 18-25 and one female user under 18. The two males participate in running and biking on a daily basis, both for exercise and as a stress reliever. The female typically goes on extended walks for relaxation. Both males are avid users of using music players and the use of a stop watch while running and biking. The female usually does not use either. Information that users like to have available while walking, running, and biking include time, distance, and directions. We recruited our users after we decided who our target audience was. We requested that they fill out an online-pretest survey form (http://www.ocean12.com/i590/hci/). The form attempted to gauge the users’ level of walking, running, and biking. Tasks We started out by explaining to the user how our usability test will be done. We explained that in order for the user to “click” on an object, they must stare at it for two seconds. They were asked to pretend there was a camera-like mode switch that would allow them to switch between normal mode, exercise mode, or off. For testing purposes, we also requested that they tell us what they are staring at on the screen. We also asked for them to walk in place to symbolize movement in the virtual space. Our usability test began by showing our icons used within our system to see if the participant could easily recognize what each icon would potentially do. We then moved onto the tasks and suggested to the user that they would assume the role of one of our fictional personas.

So Fresh and So Clean Clean - 9 We then instructed the user to put on their “goggles,” which in this case were a pair of sunglasses. The next step was to switch their goggles to “normal mode” and put them on. They were instructed to look at the screen and open up the preferences menu. We asked them to make sure that the current time is set to always be displayed on their screen. The other request in this mode was to make sure educational messages will be turned on. The next task was to exit the preferences mode and switch to “exercise mode.” While in “exercise mode,” the user was asked again to open the preferences menu and ensure that their rate of speed would be displayed so they could monitor their walking pace. They were also asked to set the unit of measurement to miles per hour. Next, we asked them to exit the preferences menu and start jogging. While jogging, the weather alert would popup and we asked them what they thought the icon would do and if they liked the placement. The user then switched to “normal mode.” Once in normal mode, the user would continue walking around the environment. The schedule alert icon was then displayed and the user was asked to open this icon. The schedule menu would appear and show the user that there was an appointment soon. The user was then asked to obtain directions to the appointment location using the schedule menu. This task asked for the user to follow the onscreen arrows to the destination. Once they arrived at the location, they were asked to view a message on one of the nearby objects. The last task instructed the participant to set their own custom message on any nearby object. Outcomes The icons which all of our users easily understood include schedule alert (picture of a bell), weather alert (picture of a thundercloud), map/directions (picture of a compass), and preferences (picture of a wrench). The only icon which users were unable to figure out was the “add custom message” icon which is a colored diamond, similar to the icons we use while in the system to symbolize a message at a location. All three users successfully completed the menu tasks. The users commented on the spacing, suggesting that the preference buttons be spaced out a little more. They also mentioned that the menus were easy to navigate and relatively straight-forward. The users were all able to successfully view their scheduled event and get directions to its location. They accomplished this task by viewing to the schedule alert icon and then staring at the “Get Directions” button. The users then navigated the virtual reality space by following the transparent arrows towards their appointment destination. One of the users tried to set a custom message first looking at the object instead of going to the “add custom message” icon.

So Fresh and So Clean Clean - 10

Conclusions/Recommendations  Change locations of icons o We moved the icons to the different corners because we wanted the user to be able to “click” on an item without accidentally “clicking” its neighbor. We moved the schedule and weather alert to the bottom-center of the screen so that it’s easier to notice than in the corner. Spacing of preferences menus o We spaced out the preference menus to prevent a user from accidentally “clicking” a neighboring button. Add “custom” to message icon o During our test, we asked the users to use the message icon to set a custom message and the user stared at the object he wanted the message on before “clicking” on the set message icon. By adding the word “custom” to the icon we believe it will clear up any confusion about what the icon does. Change color of “exit preferences” button o The “exit preferences” button looked like every other button in the menu, so we decided to change the background color of the button to set it apart from the rest of the buttons. Add directional path to map on preferences menu o We wanted the users to have a visual of where their path begins and ends instead of only providing them with directions they can view from their current location. Remove colored box from behind time display o We decided to remove the colored box from behind the display to eliminate confusion about it being a clickable item.











So Fresh and So Clean Clean - 11

Conclusion
Throughout the design process for our preferences system, we encountered ups and downs. Conducting an introductory interview provided us with information which we used to create our initial design which we put through a usability test. The results from this interview allowed us to create a list of all the desired functions obtained from ten walkers/runners/bikers. Once we had this list, we were able to trim it down into our primary functions which we used to create our initial design. We made a few mistakes with the usability test, such as providing the user with too much information, and walking them through the tasks too much. In the future we plan on asking more open-ended questions, which we believe will present us with improved feedback which we can use to improve our design. Performing the usability test earlier would also help us as it will provide us with more time to perform redesigns. In addition, we believe that we should go through a trial run of our usability test to allow us to find any possible pitfalls prior to the live usability test. In conclusion, we believe we did a relatively good job with this project, but we know we have the potential to do better in the future.

So Fresh and So Clean Clean - 12

Usability Test Preparation Photographs

So Fresh and So Clean Clean - 13

Usability Test Photographs

So Fresh and So Clean Clean - 14 Appendix I: Pretest Questionnaire 1.) What is your name? User 1: Matthew Long User 2: Michael Drazer User 3: Sheida Riahi 2.) What is your age? User 1: 18-25 User 2: 18-25 User 3: Under 18 3.) What school year are you currently in? User 1: Senior User 2: Sophomore User 3: Not in School 4.) What is your area of study? User 1: Criminal Justice/Political Science User 2: Biochemistry/Biology User 3: Physics 5.) Which of the following activities do you participate in regularly? User 1: Running, Biking User 2: Running User 3: Walking 6.) How often do you walk/run/bike? User 1: Once per day User 2: Once per day User 3: Once every few days 7.) Why do you walk/run/bike? User 1: Exercise, enjoyment, stress relief. User 2: To keep fit, it's a good way to unwind. User 3: For relaxation and it is good for health and during walking I can improve myself 8.) Do you use any of the following while walking/running/biking? User 1: MP3/CD/Radio Player, Stop Watch User 2: Sun Glasses, MP3/CD/Radio Player, Stop Watch User 3: N/A 9.) What kind of information do you like to have while walking/running/biking? User 1: Elapsed Time, time splits, avg. speed, calories burned.

So Fresh and So Clean Clean - 15 User 2: Time, place, how far I've traveled, if I'm running a new route, it's nice to know if I have a turn to make soon or something along those lines. User 3: I like to know about different kind of animal I see and about the temperature and my daily schedule. Since I am not familiar with this city I would like to Know about directions.

10.) Do you have any previous experience with augmented reality? User 1: No. User 2: No. User 3: No.

So Fresh and So Clean Clean - 16 Appendix II: Debriefing Questionnaire 1.) Did you understand easily how to use the tools provided to achieve the tasks? User 1: Yes User 2: Yes User 3: N/A a.) If not, what was difficult? User 1: N/A User 2: N/A User 3: Too simple, elementary 2.) Did you experience any moment that made you confused? User 1: No, straight forward User 2: No User 3: N/A a.) If yes, could you explain what moment and why? User 1: N/A User 2: N/A User 3: Change custom message into notebook icon 3.) Did you feel comfortable moving around the virtual space to reach each tool for your task? User 1: Yes User 2: Yes User 3: Yes a.) If not, what could be changed? User 1: N/A User 2: N/A User 3: N/A 4.) In general, what was your feeling on the different tasks? User 1: Pretty useful User 2: Straight forward, not difficult User 3: No. 5.) Were they too complex to perform? User 1: N/A User 2: No User 3: N/A a.) If so, which ones stood out? User 1: N/A User 2: N/A

So Fresh and So Clean Clean - 17 User 3: Simple

So Fresh and So Clean Clean - 18 Appendix III: Posttest Questionnaire 1.) What did you think about the Icons? (REFER to the table) User 1: Easy to locate and use User 2: N/A User 3: I wasn’t clear about message icon Transparent Map: a.) Where would you like the map to popup? User 1: Left corner User 2: In the corner User 3: In the center b.) Should the map be larger or smaller? User 1: Smaller User 2: Same size User 3: Larger 2.) Was it easy for you to navigate through the preferences menu? Very Difficult 1 2 3 4 5 Very Easy User 1: 5 User 2: 5 User 3: 4 a.) What made this difficult? User 1: N/A User 2: It was fine User 3: N/A b.) If too easy than please explain why? User 1: It should be easy to navigate, especially when exercising. User 2: Everything was large, orderly. User 3: N/A 3.) Were any preferences more difficult than others to find and perform? User 1: No User 2: No User 3: N/A a.) If so, which ones and why? User 1: N/A User 2: N/A User 3: Private messages were confusing 4.) Is the process of setting and retrieving a message easy to understand? Very Difficult 1 2 3 4 5 Very Easy User 1: 5

So Fresh and So Clean Clean - 19 User 2: 5 User 3: 3 a.) If not, what was confusing? User 1: N/A User 2: N/A User 3: N/A 5.) Were there any preferences/features that you would like to see on this product? Or taken away? User 1: Add latitude/longitude, add current temperature. User 2: No, everything was fine – maybe music? User 3: Having messages alert for private tags, health news, and TV schedule 6.) After this experience would you consider using this future product? Why or why not? User 1: Yes, all of the information was right in front of me, easy to see. User 2: I typically don’t use technology all that much, but if I were busy it would prove helpful. User 3: N/A a.) If no, what could be added to change your mind? User 1: N/A User 2: N/A User 3: The possibility of designing such an interface is interesting for me. But I don’t like to be disturbed by internet and computer while I’m walking to relax.


								
To top