Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Street Market App
Ruqaiya & Ummad
Overview
¨  Research – brainstorms, moodboards, competition,
platforms
¨  Planning – idea synopsis, branding, wireframes...
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 P...
Research: Platforms
IPAD :
+ Easy to use - Less expandability
+ Clear retinal display - Edge of screen is less
+ Connectds...
Research: Platforms
Samsung Tab:
+ Has smooth Stylus
+ Clear vibrant Screen
-  Looses Ram fast
-  Does slow down when
big ...
Research: Platforms
Smart Phones:
+ Mobile/ Portable
+ Lightweight
+ Better battery than tabs
+ Has better cameras than
ta...
Idea Synopsis
An app focused on one market in London and shows the history of the
market; which stalls are available; each...
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...
Target Audience
¨  The app is targeted to London citizens and tourists who shop at markets
and on a regular basis. They w...
Personas
¨  Persona 1 - London citizen
¤  Mary is a full time working mother of 2 and likes to cook using fresh meat.
Su...
Business requirements
¨  Create an app/website
¨  Inform audience/customers about products sold
¨  History of the marke...
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...
Better if Client had an app or website
¨  App:
¤  Mobile – portable
¤  Real time GPS feature
¤  Easy access
¨  Websit...
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 interf...
Mobile Development Frameworks
¨  Ionic
¤  Uses little code
¤  Internal icons
¤  Free
¤  Its like making a website for...
Future Proofing
¨  Augmented reality
¨  Real time data availability
¨  Ability to mobilize data across multiple devices...
Summary
¨  To get our final idea for the street market app we researched into the
competition, branding and platforms
¨ ...
References
Akka, D. (2014) 5 must-have attributes of future-proof application integration. Available at: http://
thenextwe...
Street market app presentation
Upcoming SlideShare
Loading in …5
×

Street market app presentation

403 views

Published on

wefgsew

Published in: Economy & Finance
  • Be the first to comment

Street market app presentation

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

×