Street Market App

Ruqaiya & Ummad

Overview

¨  Research – brainstorms, moodboards, competition, platforms

¨  Planning – idea synopsis, branding, wireframes, sketches, prototype, colour, business requirements, flowchart

¨  User testing ¨  App or website ¨  Future proofing

Brainstorms

Brainstorms

Brainstorms

Research: Similar Apps/Competition

¨  There are a number of apps out there on the Apple App Store as well as the Google Play Store allowing both, Apple and Android users to have access to information regarding markets in London. These 3 apps below were the most similar ones to our idea. However 2 of them cost which most people are quite put off by and the other one is just based on Camden Market.

Research: Platforms

IPAD :

+ Easy to use - Less expandability + Clear retinal display - Edge of screen is less + Connectds to other devices responsive

Research: Platforms

Samsung Tab:

+ Has smooth Stylus + Clear vibrant Screen

-  Looses Ram fast -  Does slow down when

big files are loaded. -  Low battery life

Research: Platforms

Smart Phones:

+ Mobile/ Portable + Lightweight + Better battery than tabs + Has better cameras than tabs

-  Ocassionally icons are difficult to press

-  Small screens

Idea Synopsis

An app focused on one market in London and shows the history of the market; which stalls are available; each stalls' contact details (if possible); a navigation to each stall and the info (contact and opening times) of the market The main feature of the app is the map navigation

Planning: Product Logo / Branding

Planning: Colour

¨  When researching colours we simply typed in Google market colours and a lot of green came up so other colours that go well with green is red, yellow and orange. Red and green makes it feel like Christmas; orange is quite a bold dominant colour and we want green to be the primary colour. Therefore we have decided for now to

use green and yellow with white for text.

Target Audience

¨  The app is targeted to London citizens and tourists who shop at markets and on a regular basis. They would be around the age of 30+ as anyone younger wouldn't shop in markets. They would also have access to a smartphone which has a GPS feature allowing the app to know their location in the market. Additionally, users of the app would know what they want to buy but they don't want to browse the whole market in order to find the stall they want therefore this app would make that easier for them.

Personas

¨  Persona 1 - London citizen ¤  Mary is a full time working mother of 2 and likes to cook using fresh meat.

Supermarkets such as Tesco and Sainsbury’s offer fresh meat but at a higher price. Mary therefore prefers to buy her meat from markets whereby she can possibly bargain. Whenever she goes to the market she always seems to get lost and ends up spending more time than needed which is quite frustrating for a mother who works full time and therefore has lack of time. This app will therefore help her to navigate around the market easily and can get what she wants.

¨  Persona 2 - Tourist ¤  A family from China want to explore the famous London markets and see what

they offer. They didn't find much information as to what each market offers and they don't want to visit markets with similar stalls as they are on a time limit of their holiday duration. This app will enable them to know at least one of the markets inside out from what stalls they have to the history of the market.

Business requirements

¨  Create an app/website ¨  Inform audience/customers about products sold ¨  History of the market ¨  Parking facilities ¨  Map of the market ¨  Augmented reality

Interaction Design documents – Hierarchy Structure

User Testing Methods

¨  Focus group ¤ We would gather 5-6 people who fit in our target audience,

ask them what features they would like in an app about street market

¤ We would gather the same people, more if possible and show them the wireframes and get feedback

¨  Observation ¤ We could see how they navigate around the app using the

prototype

Better if Client had an app or website

¨  App: ¤ Mobile – portable ¤ Real time GPS feature ¤ Easy access

¨  Website ¤ Too much information – detailed ¤ Cant use on the go effectively ¤ Require internet access constantly

Wireframe sketches

Wireframe sketches

Flowchart (Scope)

Digital Wireframe 1 (LucidChart)

Digital Wireframe 1 (LucidChart)

Digital Wireframe 1 (LucidChart)

Digital Wireframe 2 (Balsamiq)

Digital Wireframe 2 (Balsamiq)

Digital Wireframe 2 (Balsamiq)

How did we create Prototype

Prototype using software

Mobile Wireframing/Prototyping

¨  Balsamiq ¤  Easy to use ¤  Simple layout ¤ Only Apple interfaces; no Android interfaces

¨  Lucid chart ¤ Variety of features/icons ¤ Most features are blocked unless you upgrade by

paying

Mobile Development Frameworks

¨  Ionic ¤  Uses little code ¤  Internal icons ¤  Free ¤  Its like making a website for a phone but it has all the phone

features included

Future Proofing

¨  Augmented reality ¨  Real time data availability ¨  Ability to mobilize data across multiple devices and

operating systems

Summary

¨  To get our final idea for the street market app we researched into the competition, branding and platforms

¨  We then created brainstorms and mood-boards and drew up the pros and cons of apps and websites followed by sketches and wireframes of the app and logo leading into a demo prototype

References Akka, D. (2014) 5 must-have attributes of future-proof application integration. Available at: http://

thenextweb.com/dd/2014/09/14/5-must-attributes-future-proof-application-integration/ (Accessed: 28 October 2015).

Smith, M. (2014) London market guide on the App store. Available at: https://itunes.apple.com/gb/app/london-market-guide/id545600218?mt=8 (Accessed: 28 October 2015).

Tech, M. (2015) Camden market on the App store. Available at: https://itunes.apple.com/gb/app/camden-market/id1005016382?mt=8 (Accessed: 28 October 2015).

Pollentine, B. (2010) UK markets on the App store. Available at: https://itunes.apple.com/us/app/uk-markets/id384261938?mt=8 (Accessed: 28 October 2015).

Balsamiq. Rapid, effective and fun wireframing software. -Â Balsamiq (no date) Available at: https://balsamiq.com/ (Accessed: 28 October 2015).

Drifty (no date) Ionic: Advanced HTML5 hybrid mobile App framework. Available at: http://ionicframework.com/ (Accessed: 28 October 2015).

3, 2015, Taylor, B., FindTheBest, 26, F. and AM, 30 (2015) 5 ways the smartphone is conquering the tablet. Available at: http://www.pcworld.com/article/2889275/phones/5-ways-the-smartphone-is-conquering-the-

tablet.html (Accessed: 29 October 2015).