Designing Your App

420 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
420
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designing Your App

  1. 1. Designing Your App Jessica Allen
  2. 2. ZOMG. I am old.
  3. 3. whatdesigning an app really means
  4. 4. User experience
  5. 5. WireframeWireframeWireframe
  6. 6. AvatarSearch
  7. 7. Hiiiiii!Oh hey.
  8. 8. AvatarSearch Search
  9. 9. AvatarSearch Search
  10. 10. AvatarSearch SearchBlue Face Greenie Orange Grape Download Download Download DownloadTitle here Title here Title Here Title Here
  11. 11. Download Download Download DownloadBlue Face Greenie Orange Grape Download Download Download DownloadPage 1 2 3 4 5 Next >
  12. 12. Download Download Download DownloadBlue Face Greenie Orange Grape Download Download Download DownloadPage 1 2 3 4 5 Next >
  13. 13. AvatarSearch Search Most Recent PopularBlue Face Greenie Orange Grape Download Download Download DownloadTitle here Title here Title Here Title Here
  14. 14. AvatarSearch Search Most Recent PopularBlue Face Greenie Orange Grape Download Download Download DownloadTitle here Title here Title Here Title Here
  15. 15. Simplicity
  16. 16. AvatarSearch Search Most Recent PopularBlue Face Greenie Orange Grape Download Download Download DownloadTitle here Title here Title Here Title Here
  17. 17. Normal Hover Greenie Greenie Download
  18. 18. AvatarSearch Search Most Recent PopularBlue Face Greenie Orange Grape DownloadTitle here Title here Title Here Title Here
  19. 19. Interaction
  20. 20. AvatarSearch frogs Searchfrogs Most Recent PopularFrog Greenie Orange
  21. 21. AvatarSearch frogs Searchfrogs Most Recent PopularFrog Greenie Orange
  22. 22. nobody likes to feelLOST
  23. 23. AvatarSearch SearchView All / Search results for “Frogs”Frogs Most Recent PopularFrog Greenie Orange
  24. 24. AvatarSearch SearchView All / Search results for “Frogs”Frogs Most Recent PopularFrog Greenie Orange
  25. 25. AvatarSearch SearchView All / Search results for “Frogs” / Greenie details Greenie Submitted by: Username Total Downloads: 342 Keywords: green, frog, bored. Download
  26. 26. AvatarSearch SearchView All / Search results for “Frogs” / Greenie details Greenie Submitted by: Username Total Downloads: 342 Keywords: green, frog, bored. Download
  27. 27. AvatarSearch SearchView All / Search results for “Frogs” / Greenie details Greenie Submitted by: Username Total Downloads: 342 Keywords: green, frog, bored. Download
  28. 28. well that’s a Damn fine wireframe
  29. 29. kippt.com/jessicaspacekat/design-resources
  30. 30. TYPOGRAPHY
  31. 31. when in doubtHelvetica
  32. 32. Helvetica Arial BaskervilleTimes New Roman
  33. 33. Section title goes hereSubheading for a sectionFusce viverra hendrerit suscipit. Cras ut iaculis enim. Craslacinia vestibulum eros.Second subheading for another sectionTincidunt lectus pulvinar vel. Vestibulum massa eros, gravida idpharetra et, vestibulum in turpis. Etiam vel ipsum mauris, necconvallis massa. Aenean et odio ut lorem imperdiet vehicula.
  34. 34. google.com/webfonts
  35. 35. typekit.com
  36. 36. lining things up
  37. 37. Create an accountEmailPassword Sign up
  38. 38. Create an accountEmailPassword Sign up
  39. 39. Create an accountEmailPassword Sign up
  40. 40. Create an accountEmailPassword Sign up
  41. 41. Create an accountEmailPassword Sign up
  42. 42. Create an accountEmailPassword Sign up
  43. 43. AvatarSearchView All / Search results for “Frogs”Frogs Most Recent PopularFrog Kermit Frogger Frog Prince
  44. 44. Color
  45. 45. meaningful color twitter.github.com/bootstrap
  46. 46. colourlovers.com
  47. 47. Decoration
  48. 48. Decoration
  49. 49. subtlepatterns.com
  50. 50. PLACEHOLDERS
  51. 51. LE M P XBlah A Blah Blah Title Blah E By First Last Name Fusce viverra hendrerit suscipit. Cras ut iaculis enim. Cras lacinia vestibulum eros, ut tincidunt lectus pulvinar vel. Vestibulum massa eros, gravida id pharetra et, vestibulum in turpis. Etiam vel ipsum mauris, nec convallis massa. Aenean et odio ut lorem imperdiet vehicula.
  52. 52. placekitten.com
  53. 53. hipsteripsum.me
  54. 54. ICONS
  55. 55. SettingsDocumentationShopping Cart
  56. 56. SettingsDocumentationShopping Cart
  57. 57. somerandomdude.com/work/iconic
  58. 58. glyphicons.com
  59. 59. yourneighbours.de/web-design/free-retro-icon-set/
  60. 60. thenounproject.com
  61. 61. Inspiration
  62. 62. dribbble.com
  63. 63. plan it
  64. 64. learn more
  65. 65. Dan Roam“The Back of the Napkin” Steve Krug “Don’t Dan RoamThink” Make Me“The Back of the Napkin”
  66. 66. Steve Krug“Don’t Make Me Think”
  67. 67. Ciao ciao! @jessicaspacekatkippt.com/jessicaspacekat/design-resources

×