Wireframes

Below are cleaned-up digital versions of my wireframes depicted the major pages and page elements:

User Test 4

For the user testing I conducted on the 16th of March, I asked 7 people to take part in the test. One by one, I had them fill in a photoshop document to determine what categories fit best with certain colours. While we did have a set amount of colours ready we encouraged the testers to use a colour that wasn't there if they didn't feel the given colours complimented the categories.

The testers all had a basic understanding of using photoshop, though if we were to ask more people and they were not able to use photoshop we planned on using photoshop for them and put the colours with the categories they wanted. While most of the testers used the colours given, a few used colours that they thought would work better. I also had to reset the document when a new user was using testing it so that they wouldn't have their answers influenced by the previous tester.

From the results received, two of the categories were given the same colour every time by each user, one was expected, green for nature but the other was orange for food which I thought was interesting. Leisure almost received all the same colour each time (sky blue) but two other times the other blue colour was chosen. Shopping, Bars & Nightlife and Culture had the most varying results from person to person. Several of the testers even stated that they thought Culture was the hardest one to pick for.

User Test 3

For the user testing I conducted on the 8th of March, I used a technique called "Tree Testing". I recorded five people putting features on potential pages that they felt would be on those pages. We had different options for them to choose from and also had blank pieces of paper that they could use to add any features they thought should be included on the pages.

We discovered some minor problems with some of the options given, we used a buzz word from our app that some of the users weren't familiar with and had to explain it to them but after that they understood what was meant by it. One also asked several other questions about how the pages connect to each other and was thought it could be made clearer.

The layouts that we got back were similar to the ideas we had been contemplating but with some differences and user-added features that the users came up with. We tried having the cards laid out slightly differently so that we were not forcing the users into our way of thinking. But I think that giving them the page's hierarchy would help them understand how it would work. We had one outlier that had the app laid out as more of a social media app rather than the use we have planned for it, but it just reinforced the idea that we should include a social aspect to the app.

We also included the user created options in each of them following tests and in all cases the each tester used at least one of the previous testers ideas. We weren't sure whether or not to include the users own ideas in the following tests, to see if they would come to a similar conclusion on their own, but we did end up using them to give the testers more options and not force them into using only the ideas that we had made for them. If I were to conduct the test again, I wouldn't include the user made options to see if the other testers would make similar options as the previous tester.

User Test 2

For the user testing I did on the 29th of February, I got seven people to fill out a questionnaire to several questions that we were looking for the answers to, in regards to some of the functionality of our app. When I got the questionnaires back, I recorded the data into a spreadsheet.

The testing took place in a familiar environment to the users and they filled out the questionnaire individually, I was in the room with them to answer any questions that they may have had. Several of the users had problems understanding the phrasing of one of the questions, which we ourselves had trouble writing in the first place. I explained the question to users so that they would be able to continue on with the questionnaire.

None of the answers were really all that different than what we were expecting as they questions were all quite basic like "How often do you travel in a year?". One answer that stood out to me was one for the question "What comes to mind when you hear the word Pickaxe?". The answer we got was "The sound it makes when it hits rocks". Which I thought was quite different from the other answers which were all kind of similar, like mining, gems, etc.

Terminology and wording for the app / Word association

So since my role is data layout and app content it means I am also responsible for the terminology we use within the app and to ensure the user knows exactly what each button means in the app and have a good idea of where it will take them in terms of data layout. Since our project is titled Pick Axe and the concept behind the app is a tool that helps you mine a cities "hidden gems" and unique locations we wanted to play a bit on words and bring in some mining terminology. The initial ideas were things like a location in a city would be referred to as a gem and when you found a "gem" you wanted to save you would save it in your "gem cart".  We found introducing small phrases and mining terminology like this would make the app more fun and the concept of exploring a city more exciting.

Of course this was our opinion and we knew we could easily go over board with word puns to the point the user would be confused when using the app and not understand the data interface of the app. So I looked up different talk aloud protocols to see what exercise I could preform with "potential users" to test our terminology. I decided to go with word association. I made a list of the most common words in the app and sat down with people and asked them to say back the first thing that came to mind when they heard that word. The idea would be to see how many people would think in the same way we would when hearing the words we plan on using in the app.

Here is the list of words I used in the test:
1. Pickaxe
2. Mining
3. Gem
4. Minecart
5. Discovery
6. Sharing
7. Social
8. Exploration
9. Random Search
10. Interests
11. Hidden Gems

Here are the audio recordings I took of each word association I did (since Blogger doesn't support audio files I have just included a dropbox link to all the recordings).

https://www.dropbox.com/sh/i10jrjzzjpa4ydp/AABXaRUmgNNUFgOdFiILby8Ca?dl=0

Here are the results of the Word Association on paper:

Data layout test

In order to finalise the site map and data layout I had to test my concept of the app on people. I did this through basic paper testing. I ran the test with people who had no real knowledge of the project or the concept of the app. They literally treated it like it was their first time "opening" this app. I filmed the process each time to learn where people had trouble with the layout of the content and where things flowed smoothly.

This paper testing of the data layout helped immensely when it came to deciding what links worked and what content needed to be moved or modified to make the user experience more natural and make the app flow more.

Finalised app site map

After making a few rough sketches of the apps data layout I then created the finalised site map so we could all work off the same base point. I showed the original drafts to the team and we then decided what is woking and what can be taken away/moved. It was this process that helped us arrive at our final site map.

Early stage 1 site map:


Stage 2 site map:


Finalised site map: