Week 3:08 App Jam Day 2

I’ve had to conduct some research into how to construct a wireframe for AR and then consider my next steps.

I found this interesting slide presentation https://www.slideshare.net/mobile/marknb00/rapid-prototyping-for-augmented-reality

I am going to video the process on my phone and then add graphics to simulate the AR intersction .

I will take this experiment back into UX Design and create a simple wireframe from there.

I’ve found this activity challenging in regards to wireframing and prototyping towards delivering an actual prototype app. I realise that I will have to overcome the difficulty I experience when facing a challenge that I do not think I have the technical skills for. I learn a lot from my colleagues and generally create in a team environment when working commercially and I did not realise until now, quite how important those relationships are. When working in my arts practice I work in isolation however there is little pressure to deliver to a deadline.

The deadline for this activity is 12pm tomorrow and so I intend to spend the morning making a basic wireframe and then putting everything together as a process video. I am experiencing some sharing issues with my technical set up at the moment but I hope to get these resolved tomorrow.

I am acutely aware of the skills I need to develop as an app developer and designer. Although I am adaptable and have a sound design thinking/action research methodology I need to focus on my technical skills to bring them to the standard required.

Week 4 course content relates to critical reflection and journaling so I will need to examine my response to this activity more closely.


Week 3:07 App Jam: Day 1

Creating an App Prototype in 48 hours (the good, the bad and the ugly)

Starts 12pm 23/06/18 – Ends 12pm 25/06/18

Initially, I prepared for the jam by doing the following:

  1. Setting the time of the Jam 
  2. Installing the software I will be using and ensuring it runs okay. 
  3. Writing an Action Plan
  4. Estimating the time of each process. 
  5. Allowing for Plan Changes (recorded in Red)   

ACTION PLAN (Original Plan) in Black  (Modified Plan) in Red  

Day 1 (Start 12pm – Finish 12am)

12.00pm:  Theme

Guide – Opponent – Restricted 

12.30pm:  Brainstorm (Record Process Adobe Illustrator Draw)

1.00pm:  Initial Sketches (Record Process Adobe Illustrator Draw) (12.30pm)

1.30pm:  Research (1.00pm)

What kind of treasure hunt apps are there on the market?

Q: Do they have an opponent aspect?

A: Not that I can see.

Are there any time limited drawing apps with a viewer guide to taking and editing pictures?

Are there any recipe competition apps?

Are there any apps that record negative behaviour? Is it right that there should be an oppositional aspect to this kind of game?

Are there any female only tennis championship meet up apps on the market?

Is there a discworld guide and map to Terry Pratchett’s Novels?

Can I think of any better ideas?


I could maybe approach the ideation stage of the process by using categories as a starting point.

Guide – Opponent – Restricted 

Developer Tools
Graphics & Design
Health & Fitness
Social Networking

I can either limit the scope to look at only iOS devices or search Google Play for Android Apps. I will have to alter my plan to allow for an Android search.   

Brief outline of Android Apps available on Google Play 
Treasure Hunt – Many results (Refine search)
Geocaching – many Results (Refine search)
Geocaching Tools – Many Results (Refine Search)
Art Grid – Many Results Available that do this as a stand alone app (no opponent aspect)
Viewing Grid- Similar results as above
Recipe Competition – Many Results and specific to competitions also.
Shadow Hunter – App Name search
Good Bad – Too Broad a keyword search. Interesting behaviour app for children here.
Behaviour – Many Apps that are specific to monitoring behaviour.

2.00pm   Further Sketches (Record Process Adobe Illustrator Draw) Research Results 2.09

In thinking about a treasure hunt I am reminded of Kit Williams Masquerade. This was a competition to find a golden hare hidden in the countryside. I think I could mock up a prototype for this kind of app.

I could create a guide to my village as well as a treasure hunt which will lead the hunter around the village important sites of interest.

The opponents are the other treasure hunters who must not spot you and so you must act naturally when looking for the treasure.

This could be restricted to a Date and Time in which the treasure hunt takes place.


I will now sketch my initial ideas here. 

Restricted to Date: TBA

Snap shots of Hunters spotted and posted on the app could be a breach of privacy and so this would have to be made clear in the terms and conditions (especially where children are concerned). 

There needs to be more explanation from the guide and a link to recap the rules if necessary.

I will need to add research about the village which would take quite alot of time and so I think I will just do one fact as an example and add others if I have time.

3.00pm  SHORT BREAK (14:52)

3.30pm Sketching Continued 

Could I use these sketches on my iPad instead of using a paper mock up?

I could try both…

My iPad has run out of Charge and so I’m going to continue with paper sketching for the moment. I need to think about whether I need to have some pull out information the user can use at any time as well as a back button or a pause button as I think there is further content needed.

4.30 pm (was 3.30pm)   Paper Prototype (Record Process using Camera) (I will need to complete further sketches before starting the paper prototype as this process is taking longer than anticipated).

Home Screen

6.30pm BREAK (Process adapted around break)

7.30 pm (was 4.30pm)  User Testing (Delayed until 7.30 to allow time for the Mock-up to be constructed) 

Usability Tests took 15 Minutes (recorded on Video)

7.45pm (was 5.30pm) Analyse Feedback (Change to 7.30pm and have break at 6.30pm )

The usability took only 15 minutes to do. In reality this could take longer as many testers will be used.

8.00 pm (was 7.30pm) Apply Changes to Paper Prototype (change to 8.00pm)

To save time in this App Jam I am going to move straight on to the Digital Wireframe and include the amendments requested by the user.

8.30pm (was 8.30pm) Digital Wireframe Prototype (Change to 9.30 not required)

As I am new to Adobe UX Design. 

I am unsure as to how long this process will take however my last task today is Artwork development which can be carried over until tomorrow as this will be used in Unity. 
I have allowed additional time here.  

10.30pm (was 9.30pm) Artwork Development (Change to 10.30)


Day 2

12pm ART Work Development

2.00pm Unity Development

6.00om 1st Demo


Week 3:06 High Street App

High Street App Concept

Brief: Deliver a mobile app in which a first person player navigates Market Harborough High Street. The player must proceed up the high street and into an art shop. The player must speak with the shop keeper and solve a simple problem.

The app will be produced using Unity (C#) will have some VR, AR and MR aspects to it

Deliverable: A basic vertical model of the app

Deadline: 27th August 2018


Essential to have
First person rigged 3D character
Map of Market Harborough
3D Model of the town centre
Art shop building
Shopkeep Character
Click together puzzle

Nice to have
A physical object that can interact with the game environment (AR Animation)
E-textiles game control for example and object in the local library.

Agile Methdology (Production Schedule)


Week 3:03 App Development Work Flow

I want to use Adobe CC to design assets and develop wire frames, prototypes in UX Design.

Can I develop a work flow which uses my current skill set and add the correct development tools so that I can produce:

  • A Mobile App for Native iOS (Swift) 
  • A VR Unity Project (C#) 
  • An E-Textiles Project (Python) 
In thinking about the App Jam I want to try to develop an app project work flow.
Theme ➡️ Concept ➡️ Sketches ➡️ Paper Prototypes ➡️ Usability Testing ➡️ Feedback ➡️ Asset Design and development ➡️  UX Design Digital Prototype ➡️ Wireframe Development ➡️ Iteration cycle 1 ➡️ Iteration cycle 2 ➡️ Delivery ➡️ Future Releases 
App development does not seem to be a linear process but is more systemic in that many processes evolve at different points with oscillations between design, development and feedback at different points in the process. I am structured it as a linear process for ease of reference on my journal. I need to develop a better way of representing my production model once I have tried and tested it in the studio and cross referenced it with industry models.

I am interested in Xamarin and Visual Studio because this tool is cross platform, deploys Unity and works with C#. The interface seems quite accessible and I like the visual studio option for Mac.

This tool could assist in developing collaboratively with other creatives using Android and my iOS set up. I can use my Adobe CC skills and acquire Unity and C# skills which are essential in the VR/AR and MR aspects of Experience Design. Second Story and Holovis advertise these as essential skills on their job specifications.

Week 3:02 Html

So, now I’ve signed up for an app jam.. what next?

I know I can respond to a theme, I may have to use a more systemic design process than I usually use but more than that I may have to think about how to document and transfer my ideas to others.

As a code novice, I also need to find a way to make an app. If I had more time before the jam I think I’d look at Swift so that I can test my design on my iOS devices. I have just managed to purchase a cheap Android phone to test Android Apps but initially I think I will focus on using a simple App inventor program or maybe a HTML Web App.

So far, I’ve looked at

  • MIT App Inventor 
  • Atom & HTML5 Boilerplate
  • Android App Inventor 
  • Xamarin Native App Development framework 

I’m unsure which way to go and so I’m learning more about Html5 and trying out MIT App Inventor (as a click to system).

I don’t think I’m going to be able to deliver an app in 48 hours but I do think I will be able to develop a concept and paper prototype.

I will also learn more about what an App Jam is my having a go and seeing what other designers/developer come up with.


3:01 Indie Games

I watched ‘Indie Games’, a couple of years back and it struck me that game making is fundamentally a case of sticking with it no matter what. Tenacity at its finest.


I would like to take a little time to list my favourite gaming apps

I am particularly interested in serious games, however my father is an engineer and I love solving problems.I enjoy adventure games, games in which I have to explore and solve puzzles.

I have always enjoyed mapping games and immersing myself in other worlds.. worlds constructed by other creatives.

Lumino City
Monkey Island
The Hobbit
Manic Miner
Chuckie Egg
Sonic the Hedgehog
Any Pinball game
Crash Bandicoot
Grim Fandango
Day of the Tentacle
The Dig

To name a few…

Lumino City by state of play games is particularly beautiful and the models from the production are stunning.

These images are copyright Lumino City. Please visit the website for further information. 

Week 3:0 App Jams

I’ve registered for 48 Secret Jam as Human9 

This week looks at what an App Jam is, What approaches there are to working in an App Jam, what tools are used and how to get involved in one.

App Jams allow a creative to flex their muscles and learn within a time constraint. They can vary from one hour to several months.

The creative approach to App Jamming can begin from many different anchor points and can be developed in many different ways, either solo or in small groups.

This leads me to think about my own well firmed creative process which, in a commercial context is linear, as follows:

Commercial design process

  • Brief
  • Problem identification/key learning outcomes 
  • research 
  • Initial thumbnail sketches 
  • Work ups 
  • Iterative Development in conjunction with team – commissioner – myself 
  • 1st Draft 
  • Amendments 
  • Finished artwork (if illustration)  
  • Storyboarding 
  • Animatic 
  • Character/set/prop design 
  • Final film (if animation)  
This process is more or less a linear process with some oscillation in the model between commissioner and team. 
Arts practice process

  • Internally constructed Theme/concept that can stand alone, say formed in response to a world event or observation,  or it can form the development of a previous project. 
  • The process is more emergent. 
  • It can be more open-ended and spontenious 
  • It is not restricted by economic or commercial constraints. 
App Jam process begin with a set of anchor points and approaches can differ: 
  • Mechanics : 
  • Narrative : 
  • MDA Model :   
  • Slow Boiler Approach : 
  • I.P: 
  • Blue Sky: 
Mostly apps can be thought of as..

  • Ideation
  • prototyping cycle a) sketching -presenting – critiquing 
  • Prototyping cycle b) larger cycle of prototyping & validation 
I have registered with indiegamejam.com to take part in an app Jam this coming weekend. I will have time to learn more about the tools I could be using such as twine or construct 2.