wefgsew

1. Street Market App
Ruqaiya & Ummad

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. Brainstorms

4. Brainstorms

5. Brainstorms

7. 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.

8. Research: Platforms
IPAD :
+ Easy to use - Less expandability
+ Clear retinal display - Edge of screen is less
+ Connectds to other devices responsive

9. Research: Platforms
Samsung Tab:
+ Has smooth Stylus
+ Clear vibrant Screen
- Looses Ram fast
- Does slow down when
big files are loaded.
- Low battery life

10. Research: Platforms
Smart Phones:
+ Mobile/ Portable
+ Lightweight
+ Better battery than tabs
+ Has better cameras than
tabs
- Ocassionally icons are
difficult to press
- Small screens

11. 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

12. Planning: Product Logo / Branding

13. 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.

14. 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.

15. 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.

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

17. Interaction Design documents – Hierarchy Structure

18. 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

19. 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

20. Wireframe sketches

21. Wireframe sketches

22. Flowchart (Scope)

23. Digital Wireframe 1 (LucidChart)

24. Digital Wireframe 1 (LucidChart)

25. Digital Wireframe 1 (LucidChart)

26. Digital Wireframe 2 (Balsamiq)

27. Digital Wireframe 2 (Balsamiq)

28. Digital Wireframe 2 (Balsamiq)

29. How did we create Prototype

30. Prototype using software

31. 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

32. 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

33. Future Proofing
¨ Augmented reality
¨ Real time data availability
¨ Ability to mobilize data across multiple devices and
operating systems

34. 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

35. 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).