Tag Archives: Ideation

Initial Augmented View UI Design

IMG_8301

360 View, onscreen interactive 360 AR instance.

  • Back top Map Icon in top Left
  • Information Screen Icon top right
  • Sawp to NFT Mode Icon bottom right

NFT View, Transparent Image overlay so the user can get in the right position to initiate the AR View.

  • Back top Map Icon in top Left (same as 360)
  • Information Screen Icon top right (same as 360)
  • Swap to 360 Mode Icon bottom right (same position as swap to NFT )

Initial UI Way-finding Design

IMG_7266

This is the white board sketch Jeff and I worked on today concerning the base UI of the Map/ Way-finding, including what all the buttons do and where they link to.

  • 3D AR Views are initiated by tapping on speech bubbles that appear over icons when these fall within the animated  radar surrounding the player
  • All Main Menu Icons can be found along the right hand side of the map so the phone can be held and operated with one hand.
  • GPS strength is also included in the top right.
  • We  came up with rough categories for the Information Screen/CMS for the users
  • Finally there is a music icon however this is a placeholder for no until we figure out how this will work

Map Concept 1

13 DECScreen Shot 2016-12-13 at 1.24.41 PMBased off the above image we will create a concept map of Wellingtons Water Front for the Literary Atlas. It will be stylized like the feature image and use the same colours and bold black outlines.

The following typefaces have been selected to be used.Screen Shot 2016-12-13 at 1.52.30 PM

 

16 DEC

Here is the rough mock up of the Map in Illustrator. More work will be done on this tomorrow.Screen Shot 2016-12-16 at 2.32.37 PM

  • Icons for specific points of interest will be made (right now these are small burgundy circles)
  • A swatch for the buildings will be written for finer lines (the current blinds pattern is a placeholder)
  • I want to fill all the water with text ( as an abstract design choice)
  • Names of parks will have to be sourced
  • Find out all the boat names around the waterfront
  • User relevant points of interest?

 

18 DEC

Here is the mock up that has been completed thus far:

Screen Shot 2016-12-18 at 2.15.40 PM

I Have made a Building Pattern Swatch, however I need to adjust the legibility of the text within the buildings. I like the style of the water with the changing size of text however I think I should make the overall size of the text smaller. I am really happy with the colours of the map.

I am conscious that the map appears too busy. I might complete the basis of the map in its entirety, then develop the style. We need this map to  serve its purpose as a functional map as well as having a literary style.

Still to do:

  • Icons for specific points of interest will be made (right now these are small burgundy circles)
  • Find out all the boat names around the waterfront
  • User relevant points of interest?

 

19 DEC

Final Mock up completed! The full map can been seen below.

Map Mock Up

Text will need to be added next to further develop this map. The building swatches were adjusted also to make the building text more legible but the outline of the buildings was increased to make them stand out.

From this point on:

  • Text needs to be added
  • Icons needed for landmarks
  • Bridges need to be added

All things considered the map is really coming together

Precedent – Wallame

What is it

WallaMe is a free iOS and Android app that allows users to hide and share messages in the real world using augmented reality.

Users can take a picture of a surface around them and write, draw and add stickers and photos on them. Once the message (called Wall) is completed, it will be geolocalized and will remain visible through WallaMe’s AR viewer by everyone passing by. A Wall can also be made private, thus becoming visible only to specific people.

UNADJUSTEDNONRAW_thumb_ceAll the Walls created worldwide can be seen in a feed similar to those of social networks like Facebook and Instagram, and can be liked, commented on, and shared outside the app.

WallaMe is mostly used to create digital graffiti and for proximity messaging.

Source: https://en.wikipedia.org/wiki/WallaMe

 

How it works

Wallame allows you to create your own markers based o photos and map AR instances to them.

Content can be in the form of;

  • Images
  • Doodles(drawn using the app)
  • Text

An example video is below

Source: http://sites.gsu.edu/cetl/2016/07/28/cool-tools-wallame/

 

What will we use 

The ability to have a user created content is exciting as users could leave their own messages/ marks on the overall experience.

Other interactions such as the ability to doodle/ place content in space could be very powerful.

One limitation is that the app can only see one AR instance at a time, which is chosen by the user.

 

Second Meeting

The following were the points discussed in our second meeting

Choosing Writers

We chose the following three writers for development:

Katherine Mansfield, Bill Manhire and Vincent O’Sullivan

These writers were chosen for their locations on the walk and their ties to Victoria University.

 

Geo Location Augmented Reality

We created a basic 360 Ar Mobile Experience which can be triggered on a map using location services on a phone.

some of the points we discussed around this were:

  • giving the user a radar
  • creating a mini-map or using mini map mechanics to help design our way finding
  • Having a deep look at Pokemon go

 

Literary Atlas Map Design

We discussed how the map could look and we decided to create a few concepts to go over next meeting. Maps would be heavily text based and stylised to suit the Literary Atlas theme.

 

Testing the Natural Feature Tracking (NFT) 

With the images we took during our site visits we created NFT Markers to create AR experiences based on the sculptures.

Note, this will be explained fully in another blog post linked here:

In this meeting we discussed how we needed to test this further as the inclusion of this would be of great benefit to the Application as a whole as it is something tangible to interact with. I knew this from previous projects such as Standing Ovation.

Our main problem was the 3D sculpture faces messing with the 2D tracking. We will solve this by;

  • Doing more testing with the sculptures themselves
  • Potentially Adjusting the camera settings but this may not work on all phones

 

Audio Playlist

An Idea we had was a Literary playlist based off the audio files we have access to. We could create this playlist which would play while the user is walking so they could listen to these texts as well as visualise them. Some precedents for this are;

 

Users

Who are we targeting? We need to decide this. Some options are:

  • Tourists
  • Wellington Residents
  • Teenagers/HighSchools

 

Research Collections

The following sources should be used for writer research:

  • Digital NZ -create sets
  • NZ ETC
  • StQry Museum

 

 

Initial Meeting and Brief

After our initial meeting we decided the goal of this project is to create an augmented reality mobile application based on the wellington writers walk along the Wellington City Waterfront. This application will offer a unique experience based on data compiled from the Victoria University Libraries’ collections. Three wellington writers, of significance to Victoria University of Wellington, will be the focus of this initial application prototype but have not been chosen yet.

Wellington Writers Walk Website: http://www.wellingtonwriterswalk.co.nz/

Information about the benefactors and Developers.

Walter Langelaar- Supervisor

Sydney Shep- Supervisor

Matt Plummer- Supervisor

Jonathon Bishop – Project Manger, Inter action Designer, Developer, and User Experiance

Jeff Jones – Core Developer, Interaction Designer and User Experiance

Sebastian Paz Trujillo – CMS Developer, API  and  Back End