street market app presentation
TRANSCRIPT
![Page 1: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/1.jpg)
Street Market App
Ruqaiya & Ummad
![Page 2: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/2.jpg)
Overview
¨ Research – brainstorms, moodboards, competition, platforms
¨ Planning – idea synopsis, branding, wireframes, sketches, prototype, colour, business requirements, flowchart
¨ User testing ¨ App or website ¨ Future proofing
![Page 3: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/3.jpg)
Brainstorms
![Page 4: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/4.jpg)
Brainstorms
![Page 5: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/5.jpg)
Brainstorms
![Page 6: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/6.jpg)
![Page 7: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/7.jpg)
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.
![Page 8: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/8.jpg)
Research: Platforms
IPAD :
+ Easy to use - Less expandability + Clear retinal display - Edge of screen is less + Connectds to other devices responsive
![Page 9: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/9.jpg)
Research: Platforms
Samsung Tab:
+ Has smooth Stylus + Clear vibrant Screen
- Looses Ram fast - Does slow down when
big files are loaded. - Low battery life
![Page 10: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/10.jpg)
Research: Platforms
Smart Phones:
+ Mobile/ Portable + Lightweight + Better battery than tabs + Has better cameras than tabs
- Ocassionally icons are difficult to press
- Small screens
![Page 11: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/11.jpg)
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
![Page 12: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/12.jpg)
Planning: Product Logo / Branding
![Page 13: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/13.jpg)
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.
![Page 14: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/14.jpg)
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.
![Page 15: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/15.jpg)
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.
![Page 16: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/16.jpg)
Business requirements
¨ Create an app/website ¨ Inform audience/customers about products sold ¨ History of the market ¨ Parking facilities ¨ Map of the market ¨ Augmented reality
![Page 17: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/17.jpg)
Interaction Design documents – Hierarchy Structure
![Page 18: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/18.jpg)
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
![Page 19: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/19.jpg)
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
![Page 20: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/20.jpg)
Wireframe sketches
![Page 21: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/21.jpg)
Wireframe sketches
![Page 22: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/22.jpg)
Flowchart (Scope)
![Page 23: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/23.jpg)
Digital Wireframe 1 (LucidChart)
![Page 24: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/24.jpg)
Digital Wireframe 1 (LucidChart)
![Page 25: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/25.jpg)
Digital Wireframe 1 (LucidChart)
![Page 26: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/26.jpg)
Digital Wireframe 2 (Balsamiq)
![Page 27: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/27.jpg)
Digital Wireframe 2 (Balsamiq)
![Page 28: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/28.jpg)
Digital Wireframe 2 (Balsamiq)
![Page 29: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/29.jpg)
How did we create Prototype
![Page 30: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/30.jpg)
Prototype using software
![Page 31: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/31.jpg)
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
![Page 32: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/32.jpg)
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
![Page 33: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/33.jpg)
Future Proofing
¨ Augmented reality ¨ Real time data availability ¨ Ability to mobilize data across multiple devices and
operating systems
![Page 34: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/34.jpg)
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
![Page 35: Street market app presentation](https://reader033.vdocuments.net/reader033/viewer/2022042723/58f37a251a28abae088b45b9/html5/thumbnails/35.jpg)
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).