California Polytechnic State University Art and Design Department ART 388: Interaction Design II Autumn 2017 Professor Bruno Ribeiro
RetroSpec A pair of glasses that allows travellers and sightseers to see into the past via augmented reality.
Hailey Firstman Suzie Katz Lani Masamoto
29 November 2017
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Table of Contents Introduction
3
Abstract 3 Schedule 4 Audience 5 Technical requirements 5 Possible constraints 5
Research
6
Preliminary research design Findings from the research Persona 10 Goals 11
6 7
Competitive analysis Existing alternatives 12 Similar form factors 13 Visual language references
14
User interaction design Scenario 15 Sketches 16 Wireframes 19
Usability analysis
Usability analysis tests 22 Usability analysis results 22
Final product
24
26
Future enhancements 27 Ethical considerations 27 Presentation Poster 28
15
22
User interface design Annotated layouts
12
24
2
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
3
Introduction Abstract The RetroSpec is a pair of glasses that allows one to see a historic landmark or event as it once looked or happened at any given point in time via hologram technology. It allows users to choose the year of the place where they are walking and see the place as it is in that very time. To ensure safety, the glasses give warnings about obstacles a user may encounter. The glasses are geared to towards sightseers, travelers, and history enthusiasts. These glasses would be most commonly used in places of historic background and at tourist destinations. The glasses are functional, educational, and entertaining; helping the user to experience history in a fully-immersive way. Some practical examples can be found both in natural wonders and manmade, causing users to see where they walk, wherever it may be, in an entirely new way. At Yosemite National Park for example, users can experience what the park looked before it was turned into a national park. They can see how the landscape has changed (geology, animals, tree growth), as well as what has remained the same in the park. On the more urban side in New York City, users can see what the city was previously before the drastic change in architecture that has occurred over the years. People now, today can experience what it looked like before the giant billboards, LCD screens, and other technological influences. RetroSpec’s goal, is to give humanity a new appreciation for the past, present, and future of the world, and instill the knowledge that it is constantly changing, shifting, moving right before our eyes.
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Schedule Week 2: Research Strategy Complete at least half of the interviews with target audience and record findings. Develop specific target audience. Week 3: Personas and Goals Use interviews and research to start developing the look and feel of the products. Finalize a title of our product (retrospecs?) DUE: report update and interviews Week 4: Interaction Framework Sketch and have a loose idea of what the framework will look like. Being having visual structure and layout. DUE: report update Friday group meeting! Week 5: User Interface Test and analyze results of usability interface for ease of use. DUE: report update Week 6: Usability and Usability analysis Analyze results of usability interface for ease of use Make changes as a result of analysis of usability testing. DUE: pilot test results due Friday group meeting! Week 7: Visual Interface Design Work on wireframes and have a static mockup of interface. Week 8: Begin hi-definition and interactive layouts. Update table of contents. Friday group meeting! Week 9: Presentation Poster Interactive mockups continued. Finalize all parts of the project. Work on poster.
4
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
5
Week 10: Finalize and print poster. Prepare for presentation. Friday group meeting! Finals Week: Present final project
Audience Individuals who have traveled or want to travel to a variety of places (ranging from cities to national parks) and are interested in learning more about the history behind these places.
Technical requirements The Retrospecs require augmented reality in order to fully see the historical places in their entirety. It would also include a small touchscreen/buttons on glasses frames. The design of the physical glasses would will be sleek, not bulky like current AR goggles. The touch screen on the side of the glasses frame will be used in order to scroll through dates, change the opacity and other practical functions. There will also be a GPS in glasses frame in order to locate the user.
Possible constraints One possible constraint is that it would be hard to collect data for every location for every point in time. That is a lot of information, so there would have to be a more efficient way to collect all that information. Another constraint would be that locations could vary in GPS functionality. Some places don’t have the best connection, so there needs to be a practical way to alllow for the glasses to still connect even in hard-to-reach places.
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
6
Research Preliminary research design Questions: General: Are you interested in the history of the places? And what for? What do you normally do to learn about the history of a place? Their motivations and interests when they are traveling? Why would individuals buy these glasses if they are interested in the history, but normally don’t look the history up? How can you experience this without being in danger? If you could be in a time machine and only observe, where would you go? What would you be interested in seeing there and why? What places interest you and why? What would people like to see? Why would people like to see that? Experiential: What are some concerns you have when traveling in unfamiliar countries? How much do you use your phone when you travel? Do you prefer less technology use while you travel or more? When traveling do you prefer to go off the beaten path or do you stay in the well-known areas? Do you usually go to touristy areas or explore on your own? What areas would interest you when traveling to a new area? Or abroad? Are you more interested in the physical history of a place? Or the historical culture? What is more interesting to you: historical events or the everyday appearances of the decade? Interactional: What are some concerns you have when traveling in unfamiliar countries? How much should safety factor into the experience? Do you prefer learning about the people or places of history? Are you a constant headphone wearer? Or prefer to listen to your natural surroundings? How much of your physical environment do you want to see? (people, cars, buildings, etc) Would having alerts about crime where you are traveling make you feel more safe?
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
7
Findings from the research Owen Firstman »» 16 years old, hasn’t travelled much but was a deep interests in travelling »» Interested in learning about the different cultures, languages, and the beautiful manmade and natural and historical landmarks »» Calls himself “the person that buys the travel book even if he isn’t going to that place” »» What draws him in- adventure wonder, the feeling of not understanding something but immersing yourself in it, and moving towards a new understanding and believes travelling gives one the realization that there are places everywhere that are alive »» If he could go back in time, he would want to see things that we don’t know a lot about—the Aztec Empire before the Columbian Exchange, or the Khmr Empire in Cambodia »» Believes that going off the beaten track is cool, but tourist destinations are tourist destinations for a reason. Without the 1000 other tourists and the expensive t shirts usually the sights can be better than off the beaten track Jenny Hoekstra »» Travelled to Costa Rica, humanitarian trip to Malawi, during college Thailand, Cambodia , Southeast Asia, Bali, Laos, Europe as a child, New York »» Saw the tourisy locations of Europe, but experienced more of culture in Asia and learned about the religion »» Concerns about safety in Bankok, careful of cars, Cambodia very careful because of the corrupt government, be careful of pick pockets, people »» Usually travel with groups, but more people in some senses made it harder to account for everyone »» Interested in history- mom was a history major, always liked talking and hearing the stories more than hearing about history in a lecture,
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
8
»» Didn’t use phone very often while traveling, except for for pictures »» Appreciates the historical sights »» Had a walking tour guide but hard to get everything he said- more of a visual learner than an auditory learning and would prefer to see things Rona Katz »» Has travelled to every continent except Antarctica »» Is extremely interested in history in of places, loves history »» Likes to meet as many locals as possible to get fully immersed in the culture of the place and not be a stereotypical tourist »» Would love to travel to Ancient Greece as well as Italy at the peak of its success »» Prefers to travel alone »» Concerned about the language barriers »» Believes safety is a concern when travelling but also is a concern in every day life- is always aware of surroundings but not afraid »» Interest in the history of the people over the history of the physical place and surroundings »» Uses technology a lot when travelling, plays a big part of the experience Kylee Mebust »» Took a gap year between high school and college to be an exchange student in Austria and lived in Thailand for a summer teaching English. Has been to 14 different countries overall »» Really enjoys learning about the culture, the people, and food especially and believes history of people is a big factor of how people handle themselves »» Uses a lot less technology while travelling to fully immerse into the culture. Technology is a huge distraction
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
9
»» Worries about getting mugged, but worries about that everywhere, so it’s not specific to travelling. (worries about getting mugged at Berkeley) »» Loves to go off the beaten path, favorite “tourist” place was the jungles in Thailand and loved living in the Thai village with the locals »» Prefers to travel in very small groups, not necessarily alone »» Believes safety is a concern but people should keep in mind that just because you’re going to a different country, it doesn’t mean its inhearently unsafe. Just don’t do silly things »» Interest in the history of the people over the history of the physical place and surroundings, but believes people make the historical landmarks relevant »» Used to be concerned about language barrier, but observed that everyone knows English a little bit or you can figure it out. Not a concern any more. Michael Murdock »» Has lived in 6+ different countries including India, Turkey, Switzerland, Kyrgyzstan, Macedonia, and Indonesia »» Did less sightseeing while in those countries but learned a lot while living there »» Bali Indonesia was the first touristy place he’s been, but didn’t seem to like it all that much »» Observed tourists treating the cultures almost like an amusement park »» When travelling it’s extremely important to be aware of your surroundings, especially working with Christians in a Muslim community Elena Szlemp »» Is an avid traveler and experinced with backpacking »» Has been to many countries including Chile, Nicaragua, and Costa Rica »» Main concerns while backpacking is safety and being prepared
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
10
»» Loves to travel for the adventure and seeing new places »» Is an environmental engineer so concerned about the changing environment and landscape »» Wants to travel next to Europe »» Mainly travels with friends or parents »» Likes when traveling to stay off the beaten path and explore; has stayed in hostels »» Not into touristy sites or attractions »» Safety is not #1 while traveling because rarely travels alone
Persona
Name: Emma Walker Age: 23 “Sitting in a lecture hall or reading a book only takes you so far; this year, I want to step outside the classroom and experience it for myself”
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Emma Walker, 23, recently graduated from UC Berkeley with a major in Cultural Anthropology and a minor in Linguistics. Walker is trilingual in English, Spanish, and French. In college, she was a part of Rotary, an international service organization that provides humanitarian need. She is taking a year off to travel the world before she embarks on her career. In her past, she has experience from studying abroad in Thailand, went on a family trip to Europe at a young age, as well as went to a humanitarian trip to Malawi. Her mom was a History major in college so she’s grown with a deep appreciation for culture and history of places. She’s had walking tour guides on her travels before, but felt like she didn’t get the most out of her experience because she is a visual learner.
Goals »» to feel like she’s walking through history »» to immerse herself in the past to gain a better appreciation and understanding of where she is
11
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
12
Competitive analysis Existing alternatives
History textbooks
Self-guided walking tours
Sightseeing Bus Signage
Walking tours provide travelers and sightseers with the opportunity to not only see beautiful historic places, but to have someone give you stories about the history of the place, but for those that are visual learners it can be hard to fully experience the history. As for history textbooks, they have a lot of information within them, but sometime the important or even interesting historical aspects can get lost. They are geared towards a vey specific audience. For those that don’t tend to do as well in school or are only assigned the reading with in a classroom setting, some of the most interesting information can get lost. Sightseeing buses are a convenient way to see a new city, quickly and easily. With these buses, tourists and travelers can go far distances and see many different places. However, these buses do not fully immerse oneself in the area because of the physical
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
13
barrier (the bus) to the environment. Also, one does not get the opportunity to explore by themselves with sightseeing buses. Finally, signage at monuments of historical significance is useful for informing the traveler of what was there before. On the other hand, signage only informs the traveler of a small part of what happened and does not allow them to learn more if they do have more questions.
Similar form factors
Snapchat Glasses
Pokemon GO Augmented Reality
Google Glass
Augmented Reality Glasses
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Visual language references
Roadtripper PackPoint application
PokemonGO App (AR concept)
History Channel website
National Parks Service website
14
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
15
User interaction design Scenario Emma is traveling to Greece and is visiting the Acropolis. She wants to see how it looked and what life was like during the classical Greek empire. First, she puts on the RetroSpec glasses and uses the app to choose the decade. Then through augmented reality, Emma looks through the glasses and sees a holographic overlay on what she is already looking at. She makes the hologram project at 50% opacity so she can see what the temple looks like today as well. Now, Emma feels like she is a part of the Ancient Greek society. She sees people walking around in white robes and then looks up at the temple. Emma sees the temple now, fully built, beautiful, with sparkling white marble. It’s a perfect structure, nothing is destroyed or crumbling. The people are using the facilities and praying at the temple. The Ancient Greek society is bustling with activity. Then, using the app, she turns on the captions and now see information about what she is looking at. She looks at the temple and learns that it was built in the 5th c. BCE. Emma takes off the glasses and sees the temple as it is now. Finally, Emma saves her trip so she can look back on her travels at her hotel and when she returns home.
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Sketches Version 1 (app interface)
16
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Version 2 (product interface)
17
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
18
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Wireframes Version 1 (app)
19
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
20
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Version 2 (product interface)
21
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
22
Usability analysis Usability analysis tests Tasks given to user in task analysis test: 1. Select 1500 as the time 2. Turn captions on 3. Save trip
Usability analysis results All six tests went very well. The users were able to navigate through the test easily and were able to select 1500 from the time period menu, turn the captions on, and save the trip. There were two comments brought up during the tests: 1. The caution screen should be a little longer because one user was not able to read it all before it disappeared. 2. One user felt like she wanted to press on the 1500, not the select key. However it would be different with the glasses on, as the user does not actually click on anything.
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
23
Changes from the results of usability analysis There were some minor errors with the interactive wireframe, but because this was an issue with a matter of clicking, this is not something that necessarily needs to be changed. An extra wireframe was added to include captions switched to OFF.
The Signficant Dates screen was changed to list the dates in a horizontal scroll instead of a vertical scroll for more consistency throughout the entire selection process.
24
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
User interface design Annotated layouts Proxima Nova is a readable sans-serif used in the interface of RetroSpec. This typeface was chosen because of its both friendly yet a clean read for users. The typeface is used in two different weights including semi-bold and regular. The physical view of screen is darkened and slightly blurred during the process leading up to the active screen in order to promote clarity, readability, and legibility of decisions. A soft outer glow was added to all content to increase readability and the effect that the screen is actually glowing. The symbols are simple and easy to follow. Most are encased in an outer shape as not to get lost against the background. Rounded corners were chosen to be used for a softer and friendlier look overall. RELOCATE
Locating me...
Confirm location: Aleppo Syria 33° 30 43 N, 36° 18 24 E
SELECT
Select your time 1400
1500
3
Significant dates found
1600
25
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
RELOCATE
Locating me... Confirm location: Aleppo Syria 33° 30 43 N, 36° 18 24 E
The “Locating” screen figures out what your
The “Confirming Location” screen clarifies with the
location is through GPS technology.
user, that the GPS was correct. SELECT
Select significant date
Select your time 1400
1500
3
SELECT
None
1600
May 1553
April 1500
Significant dates found
The “Selecting Time” allows the user to select the
Allows user to select a specific date in the time
time in history they want to visit. This is possible
period chosen in the previous screen. This is
through the touch screen utilized on the glasses
possible through the touch screen utilized on the
frame, the user can scroll through dates and select one to view. SELECT
SELECT
Select your time 1400
1600
1
1600
Select significant date None
May 1603
Significant Dates Found
The “Selecting Time” allows the user to select the
Allows user to select a specific date in the time
time in history they want to visit. This is possible
period chosen in the previous screen. This is
through the touch screen utilized on the glasses
possible through the touch screen utilized on the
frame, the user can scroll through dates and select
glasses frame, the user can scroll through dates and select one to view. (alternate date than above)
26
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Final product Happy travels! Remember to stay safe and be aware of your surroundings.
CAUTION! Be aware of your surroundings at all times. Your safety is the priority.
Happy travels!
The “Caution” screen gives warnings to the user if they are entering somewhere dangerous, or a place they should be more aware.
Active view with captions off- Shows users the
Active view with caption on- Shows users the “Live”
“Live” screen with the captions off.
screen with the captions on with the push of the side button.
SAVE TRIP
Would you like to save your trip?
Save trip- Saves user’s trip to the Retrospec app.
TRAVEL AGAIN
Trip saved!
Trip Saved! - Tells user that the trip is saved.
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
27
Future enhancements Some future enhancements would include: an app that allows to the user to view the trips that that have been saved through the glasses, different styles and types of glasses, the ability to take snapshots while immersed in the history and be able to view them in the app, and full immersion in specific instances with audio connecting.
Ethical considerations Photographic abilities: A photographic addition could potentially be a liability for people having pictures taken without consent because of the stealthy abilities of the glasses. However, the benefits of photographic abilities outweigh risks as long as the glasses photo abilities are treated like that of a normal camera. Audio addition: Addition of audio to the glasses is risky because the user loses all cognitive awareness of their surroundings. This addition could possibly not outweigh the benefits because the user could be at immediate risk by not being able to hear their surroundings. Environmental risks: There are certain locations in which wearing hi-tech glasses could be a higher risk to be targeted as a tourist or traveler. This risk is mitigated through the use of caution alerts and the subtlety of the glasses design as not to attract attention.
ART 388: Interaction Design II Autumn 2017 RetroSpec Firstman Katz Masamoto
Presentation Poster
28