Hebefoundation app workshop

288 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
288
On SlideShare
0
From Embeds
0
Number of Embeds
53
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Hebefoundation app workshop

  1. 1. DESIGN | DEVELOP | DISTRIBUTE App Workshop – Hebe Foundation
  2. 2. What is an app? “A mobile application (or mobile app) is a software application designed to run on smartphones, tablet computers and other mobile devices.”
  3. 3. Operating Systems iOS Android Blackberry Windows
  4. 4. There’s an app for that… 800,000900,000 70,000,000,000 Expected app downloads in 2013 Total Apps Total Apps
  5. 5. Who uses apps? In the UK 1 in 2 people aged between 15-55 own a smartphone capable of installing apps.
  6. 6. Some stats Users spend an average of 158 minutes each and every day on smartphones and tablets.
  7. 7. Apps are personal 64% of people fall asleep next to their phones
  8. 8. An Multipurpose Tool Apps turn a mobile phone into a multipurpose tool
  9. 9. Mobile Toolkit TEXT PICTURE MESSAGE EMAIL MOBILE WEB BLUETOOTH PAYMENTS QR CODES GPS @ £ ACCELEROMETER AUDIO TOOLS CAMERA TOUCH
  10. 10. What makes a good app
  11. 11. What makes a good app Discover, explore and share more music, TV shows and ads you love.
  12. 12. What makes a good app
  13. 13. What makes a good app Apartments for Sale in Augmented Reality
  14. 14. Components of an app
  15. 15. DESIGN | DEVELOP | DISTRIBUTE Creating a Mobile App
  16. 16. The Process DEVELOPMENT TESTING RELEASE MARKETING THE IDEA FUNCTIONALITY WIREFRAME DESIGN
  17. 17. The Idea  What does the app do?  Why is it different from other apps?  What is the main purpose of the app? The best ideas tend to be the most simple ones. An app that tries to do one thing well is better than something that does a lot of things badly.
  18. 18. The Functionality Now you know the purpose of the app what does it need to do to be able to achieve it?  What phone features will it use?  What must a user need to be able to do?  What is the main purpose of the app?
  19. 19. The Wireframe An App wireframe, also known as a page schematic or screen blueprint, is a visual guide that represents the structure and flow of an app. Wireframes are created for the purpose of arranging elements to best accomplish a particular purpose.  Details on how every single page of the app link together  Demonstrates how the app works and what a user can do
  20. 20. The Design USER EXPERIENCE THE BRAND UI DESIGN
  21. 21. Brand
  22. 22. Colour Schemes / Style Serious Professional Trustworthy Clean Informative Colours Keywords
  23. 23. Colour Schemes / Style Fun Colourful Game Child Friendly Entertaining Colours Keywords
  24. 24. User Experience
  25. 25. User Experience
  26. 26. User Interface Design Colours, style & layout should be an extension of the brand and purpose
  27. 27. DESIGN | DEVELOP | DISTRIBUTE “Gamestacker” Example
  28. 28. The idea of Gamestacker Gamestacker is a location based, peer-to-peer game trading app designed to help gamers discover 2nd-hand games nearby.
  29. 29. What it does? SCANSEARCH Ability to search for games for trade based on your location MESSAGE Ability to scan the barcode of your game to add it to your stack Ability to message users to set up trades and purchases
  30. 30. Target Audience Gamestacker is for anyone who has a stack of games they want to get rid of. Typically 16-30 year old gamers.
  31. 31. The Wireframe
  32. 32. Log in flow This flow shows the users the first connection to the app
  33. 33. Browse games flow This flow shows the user’s searching and selecting a game
  34. 34. Add a game flow This flow shows the user adding a game to their “Stack”
  35. 35. The Brand
  36. 36. The App Design
  37. 37. The App Design
  38. 38. DESIGN | DEVELOP | DISTRIBUTE And now its your turn…

×