Summary

Project Summary

The first part of the project consisted of establishing needs and requirements by gathering data. During this stage we conducted semi-structured interviews and did naturalistic observations along the ferry route in order to establish the needs of the chosen target group, tourists, and transform this into a user-interface. The result of the interviews was that the users needed more information regarding the destination (Djurgården) and possible attractions or places of interest. As we did the interviews we also paid attention to the behaviour of the tourists along the way. As the target group spent alot of time enjoying the view we wanted to combine the users need with their expected behaviour. This was the motivation for the augmented reality interface that we were to develop.

With the type of app determined we went on and did state-of-the-art analysis to learn what kind of interaction design the current technology utilizes. This helped a lot in order for us to get an initial idea and start doing lo-fi prototyping. We looked at the following systems:

• Google Maps
• Departures App
• Wikitude
• Pokemon Go

Based on the needs and requirements established by analysing the gathered data, we also defined two personas with two scenarios each in order for us to have specific use-cases to base our design on. By also listing pain points for each persona we could, in a more clear way, motivate our design choices in our future prototype. The personas are

• Ben, 32, tech-savvy IT-consultant from Britain (http://ferryhci16.blogspot.se/2016/10/excercise-2-secondary-persona-with.html)
• Susan, 45, curious architect from USA (http://ferryhci16.blogspot.se/2016/10/exercise-2-primary-persona-with.html)

During the 3rd exercise we made two low-fi prototypes after a lot of brainstorming. The group very early on decided that we wanted to make a simplistic design, and an application with intuitive menus and usability. The two low-fi prototypes that we created were quite similar, which can be interpreted as a good sign as all of the members of the group were on the same page. The difference lied in the way in which the information was presented. In the end the group decided that a combination of the two low-fi prototypes would be the best way to go, as it would satisfy the needs of a larger share of our intended target group. This resulted in us wanting to create an app with both an "Augmented Reality View" and also a "Map View". Our job until the next exercise was to create a mock up of our application.

 

Pictures showing the old low-fi prototype

The 4th exercise revolved around "Evaluation" of the prototypes that the different groups had created. During this seminar we learned that the opinion of people other than the group members is very important. The judgement can become very clouded within a group where the members can tend to see the design idea as the perfect solution. luckily this wasn't the case in our group, where we tried to use the feedback to improve our application. The main points that we were told to improve when being evaluated was the menu, specifically the option of "AR" (Augmented Reality) which could be confusing to users as some might not know the meaning of the abbreviation.

In the 5th exercise the project group presented a low-fi prototype of our smartphone application. The prototype presented during the exercise was made using Paint and Flinto and had a poor design quality. We didn't recieve that much feedback from the audience as we wanted, but the recieved feedback was regarding the applications design (see http://ferryhci16.blogspot.se/2016/11/h1h2h3h4h5h6pblockquote-margin-0.html).

The 6th exercise was the final presentation. For this exercise we made our final design and presented it. We showed the difference between the old low-fi prototype and the newly created high-fi prototype. There was another group creating a similar type of application that would be used on big screens in the ferry terminal and on the boat. They suggested a co-operation between the two project groups. A person in the audience thought that a user guide or more information about the application should've been available, since there were nothing about it presented in the application. This could be a good improvement of the application. The final prototype can be found at: https://www.flinto.com/p/2dd7e618

 Pictures of the final version of the prototype

Updated smartphone app prototype

Updated smartphone app prototype


The iterative process of the design project has generated an updated version of the smartphone app prototype. In the new version the design was improved based on the comments received from the evaluation and design critique (see http://ferryhci16.blogspot.se/2016/11/exercise-4-evaluation.html and http://ferryhci16.blogspot.se/2016/11/h1h2h3h4h5h6pblockquote-margin-0.html). Since the simplicity of the application was something the evaluators liked a lot, we decided to make it even more simple by removing redundant views from the application and still keeping the key functionality. The user now directly enters the augmented reality view and from there the user can either enter the settings menu or the map view. The term AR might not be that well-known and we decided the change it to "camera view" in the updated version. A location filter where the users can mark prefered locations was added in the settings menu. For example if the user marks restaurants, restaurants will appear on the map and if the user unmarks restaurants, none of the restaurants will be visible in the AR view or in the map view. We also decided the change the layout of the application to make it more appealing compared to the previous version. Finally a language selector was added to the first screen the user sees.

The updated version can be found at https://www.flinto.com/p/2dd7e618

Think aloud - Kim

Think aloud - Kim

The subject was a 28 year old female from Skåne. The think aloud was performed in front of a computer in a calm environment. The participant tried the prototype by clicking around by herself. I explained the parts that the participant didn't understand and guided her when she got stuck, since some parts of the application were a little bit unclear without any background information. It's important to know that this only shows a prototype of the application and not the full version of it. Therefore some parts aren't fully developed yet, but the core functionality is implemented.

The participant clicks her way to the AR view.
P: "Vadå 850m och 500m? Vad står det för?

The participant clicks on Gröna Lund.
P: "Jaha! Då får jag information om Gröna Lund".

The participant clicks on Skansen.
P: "Det finns ingen information om Skansen. Nu fattar jag vad 850m och 500m står för, det är avståndet till platserna".

I told the participant to click on the other views.
P: "Okej, nu får man fram en karta över området. Vad står båten för?

I told the participant that the boat shows the current location.
P: "Okej, då förstår jag".

The participant clicks on the settings icon.
P: "Bra att det går att kryssa i vilken typ av information som ska visas".

The participants general impression.
P: "Det är bra att man kan hitta det man är ute efter som turist. Snygg layout! Den påminner en hel del om appen Stay, förutom att ni har lagt till AR".

Think aloud - Joakim

Participant: 28 year old woman from Stockholm.

Destination Djurgården, jaha, svenska. Ok om jag trycker där kan jag byta språk.

Nähä, det kunde jag inte, då kom jag direkt till camera view (fundersam).

Ok, 500 m till Gröna lund..mm..

Vad är ditt intryck?

Ja, är det här som en riktig kamera view eller?

Ja det ska vara en riktig kameravy i den riktiga appen

Jaha ok! Jaha, skansen är så nära alltså ok! Hmmm vad ska jag göra nu?

Ja, du kan trycka på någon av dem för att få mer information

Ok, då får jag mer information om Gröna Lund, det skulle jag ju kunna behöva om jag var turist. Nu vill jag trycka på Skansen...nähä det gick inte.

Nej, just nu fungerar endast Gröna Lund. Det är bara en konceptuell prototyp.

Ok, ja vad ska jag göra nu då. Jag antar att jag skulle flyttat telefonen för att se mer?

Ja exakt, vad tycker du om konceptet?

Jag gillar att det är i realtid, det påminner lite om pokemon Go! Det är tilltalande.

Du kan testa de andra vyerna genom knapparna där uppe

Aha, Map view, då kan jag se vart jag är och vart jag är på väg. Det är bra. Och jag kan byta språk igen. Det är bra

Location filter! Det är nog bra, så man kan ställa in "jag vill inte se några restauranger bara historical sites!"

Några fler kommentarer?

Jag gillar det här med att det är real-tid. Att jag kan filma och direkt få information. Det är tilltalande.

Comments

The think aloud was a natural setting type of evaluation employing the method of an in the wild study. Little control over the users activities was underway. The participant was rather given small hints to overcome the fact that she wasn't within the proposed target group to start with.

The problems the user encounters seems more related to the fact that the prototype isn't representing the whole system. The conceptual idea seems to be much appreciated. This person was from Stockholm and not a tourist so it wasn't as accurate as it could have been but still gave some valuable insight. Especially that we have created an interesting application.

Exercise 5: Design critique

We presented our target group, mentioned the user needs and that we assume the users have access to internet. Then we presented the clickable prototype https://www.flinto.com/p/7098746d and also discussed some changes that we were thinking about.

Ideas proposed to the peers

• Keyword: Simplicity
• Skip menu and only have two main views
• Introduce a first-time-open view with language selection

Comments

The reception was good. No design suggestions except the ones proposed by us. There where a few comments:

• Term AR might not be well-known by tourists
  • Might be solved by just having two main views. Then we don't have to spell out the AR view.
• How do tourists know how to download app?
  • Posters on the ferry and by the terminals notifying the users. A good thing to do while waiting for the ferry to arrive.

Exercise 4 - Evaluation

Since no users aren't easily accessible an inspection method for evaluation was considered. An heuristic evaluation was therefore conducted with one expert, another HCI-student. First a presentation of our low-fi prototype was conducted followed by a pluralistic walkthrough involving our design group and the expert. The following topics were then considered by the expert:

• Is it a clearly defined User group?
• “The feeling"
• Interaction and over arching structure
• Primary and secondary functions
• Design/composition
• Help
• Sketches

In summary the overall impression of the app is good. The simplicity was appreciated and provided a good user experience. The evaluation as presented by the expert can be seen here: http://myferrytail.blogspot.se/2016/11/evaluation-for-group-a5-agneev-guin.html and at the end of this post. There where some comments about the settings menu, which might not be necessary. We'll do another review about this when we have constructed a more detailed prototype.

In the following evaluation we would like the evaluators to focus more on Nielsen's usability heuristics. They will also be more meaningful in the context of a high-fi prototype.

Evaluation for Group A5: Agneev Guin

The following is an evaluation of the app prototype of group A5.

User group

The user group consists of Tourists from all backgrounds. The group focuses on everyone carrying mobile devices who are eager to learn about the nearby places of interest.

"The feeling"

The pluralistic walkthrough of the app is quite appealing as it's user centered approach doesn't allow any unnecessary stuff, thus focusing on its usability. The augmented reality section will be quite useful while riding on the ferry, however the use of the map view is constrained while in the ferry as the first time tourists might not be able to relate to the map. The information along with the interest points might help the tourists choose their next destination point. Interaction and over arching structure The one touch selection to display the details of the tourist spots seems simple and easy to operate. There are no unnecessary options to mess around, thus focusing on the easy to grasp capability.

Primary and secondary functions

The main function, to use the Augmented Reality, is the main focus of the design prototype. The AR is the catchy part where information for the important points is easy to capture from your current location. The secondary function, to see the map view, is more valuable to those part of the target group who are on the shore.

Design/composition

An interesting splash screen of AR and Map is a clear segregation. The heuristic approach of having a layout to provide the user an impression of a first time user for a fresh app helps keep the design simple. The design is thus, quite appealing. People might want to explore more based on the simple nature.

Suggestions for improvement

The tag AR or Augmented Reality may not be clear to all. The app seems quite attractive once someone is using it but it might be a bit of a confusion for the first time users. The impression that its a tourist guide can be explained more. The settings for AR and GPS on/off might not be required. It can be like Google maps that if GPS is disabled, it will popup a message to enable. The pop up window should remain open even after moving away the mobile device. Else the user might have to hold it that place and direction to get all the info. In case more info needs to be provided like information about the place or public transport timings to reach there may be provided with easy to grasp icons. Ratings may be provided based on previous tourist travelers. Help No further support is provided or needed for any tricky stuff.

Sketches

The sketches clearly justify their plans. The pop up information shows that they cover a part of the screen. This needs to remain even after removing the device is moved. They have even provided an idea of the settings section to describe the possibilities.

Summary

The usability of using a mobile device to explore the nearby places has been widely explored. The simplicity provides a good user experience focusing primarily on their target group.

Smartphone app prototype

Smartphone app prototype

The prototype of the application was made in Flinto. It is a realization of the sketches that were made by the group during exercise 3. The prototype is in its initial stages and will be evaluated and improved trough an itterative process. The following images show all the screens in the screens in the application prototype. There is also a link were the prototype can be used (https://www.flinto.com/p/7098746d).

The application starts by showing a splash screen with the logo. Then you reach the main menu where you have the option to experience the ferry either through augmented reality or a map view. Pressing the cog in the upper right corner of the main menu, enables you to apply different settings.

Pressing the geotag icon when in the AR/map view, gives you an information pop-up regarding the location in question. As an example the prototype shows Gröna Lund and pressing the geotag gives you information about the location.