OSI Latvia Workshop - Mobile App Design

1,329 views

Published on

On 24 and 25 August, Satwant Kenth and Iris Lapinski ran a workshop for the summer workshop of the OpenSociety Institute about mobile apps design with 30 aspiring journalists participating.

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,329
On SlideShare
0
From Embeds
0
Number of Embeds
217
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Over the first day we are going to cover the basics of an app, what an app is, features of an app, what different platforms/phones there are… which ones we are going to be teaching you to design on… The we are going to brainstorm some ideas of possible apps, looking at different ways of coming up with ideas, how to come up with an original idea. Coming up with lots of ideas. Image Linkshttp://www.google.co.uk/imgres?imgurl=http://vhirsch.com/blog/wp-content/uploads/2010/02/mobile-apps-2.jpg&imgrefurl=http://vhirsch.com/blog/tag/mobile-applications/&usg=__pnkjzmUS5vhDInl36SiKEPt2lbk=&h=348&w=642&sz=89&hl=en&start=8&tbnid=AvD-AFSOcl7bIM:&tbnh=74&tbnw=137&prev=/images%3Fq%3Dmobile%2Bapps%26um%3D1%26hl%3Den%26sa%3DN%26biw%3D879%26bih%3D536%26tbs%3Disch:1&um=1&itbs=1http://www.google.co.uk/imgres?imgurl=http://chattahbox.com/images/2009/07/apple_app_store.jpg&imgrefurl=http://chattahbox.com/technology/2009/07/20/mobile-apps-a-fad-or-soon-to-be-as-big-as-the-internet/&usg=__-BBeCBAGoOk-g4rnXutWUi_2XOg=&h=334&w=575&sz=27&hl=en&start=0&tbnid=9MeZv70NGjjLTM:&tbnh=82&tbnw=141&prev=/images%3Fq%3Dmobile%2Bapps%26um%3D1%26hl%3Den%26sa%3DN%26biw%3D879%26bih%3D536%26tbs%3Disch:1&um=1&itbs=1&iact=hc&vpx=478&vpy=110&dur=185&hovh=171&hovw=295&tx=149&ty=79&ei=0bFrTMnCLoyU4gbbrPCzAQ&oei=0bFrTMnCLoyU4gbbrPCzAQ&esq=1&page=1&ndsp=16&ved=1t:429,r:3,s:0http://www.google.co.uk/imgres?imgurl=http://blog.servint.net/wp-content/uploads/2010/08/idea.jpg&imgrefurl=http://blog.servint.net/&usg=__xXLhsaEf0NuwFZMLZB6IJ_cZqLI=&h=500&w=500&sz=82&hl=en&start=0&tbnid=tN14KUnI6Mds-M:&tbnh=128&tbnw=129&prev=/images%3Fq%3Didea%26um%3D1%26hl%3Den%26client%3Dfirefox-a%26rls%3Dorg.mozilla:en-GB:official%26biw%3D1280%26bih%3D586%26tbs%3Disch:1&um=1&itbs=1&iact=hc&vpx=923&vpy=243&dur=43&hovh=225&hovw=225&tx=113&ty=148&ei=ZrRrTPyhBZWTjAegqon2AQ&oei=JbRrTInlK8KK4QbVgdW2AQ&esq=11&page=1&ndsp=21&ved=1t:429,r:12,s:0
  • The evolution of devices, 5 eras. Brick (‘73-’88), Candy Bar (‘88-’98), Feat Phone (‘98-’08), Smartphone (’02) –[Source, Fling, ’09, O’Reilly]
  • 3 kinds of mobile platform: Open Source: (people can edit and extend platform), Proprietary (owned and used only on owner handsets) Licensed (sold to device makers for non-exclusive distribution)
  • 1st Mass Media: Printing Press (1440) invented by Guttenberg
  • Edison Cylinder Phonograph, first to play sound recordings 1887.
  • Cinema and the Movie Camera 1888
  • Radio
  • Television (1930)
  • Internet (1995)
  • Mobile: Only mass media (mm) that can do EVERYTHING the previous 6 can do: The first truly personal mm, always on mm, always carried mm, only mm with built in payment channel, at the point of creative impulse.
  • “The largest most available mass medium to mankind”
  • So lets look at what an app can do. What an app can do is dependant on what features it has availble to it.
  • As well as being used to improve the user experience, the touch screen can be used to create innovate applications that respond to your every move.Jorge Colombo used Brushes to draw the June 1, 2009, cover of The New Yorker while standing for an hour outside Madame Tussaud’s Wax Museum in Times Square.
  • Pick (all)4 of the ideas you have and discuss and write down the context for those ideas.
  • 1:Where am I? 2: what device do I have to have 3: Should I buy it now or later? / what can I learn from this?
  • Look at the ideas that they have come up with, and test how feasible they are. Who would buy them/download the app
  • 1:Where am I? 2: what device do I have to have 3: Should I buy it now or later? / what can I learn from this?
  • Pick (all)4 of the ideas you have and discuss and write down the context for those ideas.
  • Ten copies of tick5 app business copies
  • “The most basic apps are like recipes” the app gives the computer a sequence of things to do. Pic by Deb Roby CC. “designed to help the user to perform a singular task or multiple, related, specific tasks.”
  • Scroll down the menu, look at the about section, find a video click the video
  • Event handlers like a catcher on a baseball field
  • Lets say an event happens like a ball gets pitched in a baseball game, and the hitter hits a long ball
  • For our event handler there’s a recipe for responding. First he’s got to catch the ball, then decide which recipe to do next.
  • Sat to speak on functions stop and search uses
  • Pick (all)4 of the ideas you have and discuss and write down the context for those ideas.
  • OSI Latvia Workshop - Mobile App Design

    1. 1. Open Society Institute Youth Media Workshop <br />24-25 August 2010, Bille. Latvia<br />
    2. 2. Agenda<br />Day 1: Intro, mobile/media market, app functions<br />Day 2: Wireframes of your project<br />
    3. 3. Day 1<br />
    4. 4. Intro to CDI<br />
    5. 5. Technology to change lives<br />
    6. 6. UK<br />1 centre<br />USA<br />development<br />Mexico<br />36 centres<br />Jordan<br />120 centres<br />Columbia<br />6 centres<br />Brazil<br />496 centres<br />Uruguay<br />247 centres<br />Ecuador<br />40 centres<br />Argentina/ Paraguay<br />68 centres<br />Peru<br />5 centres<br />Bolivia<br />1 centre<br />Chile<br />60 centres<br />Data as of July 2010<br />Global network<br />
    7. 7. From computers to mobile<br />
    8. 8. Stop And Search<br />StudioPhly<br />StudentVoice<br />First 3 Apps for Good<br />
    9. 9. A bit of media history<br />
    10. 10. Evolution of Mobile Devices, 4 Eras<br />Brick<br />Candy Bar<br />Feature Phones<br />Smartphone<br />
    11. 11. “Smartphone” = mini-computer<br />
    12. 12. Open Source<br />Proprietary<br />Licensed<br />Mobile operating systems<br />
    13. 13. 1st Mass Media: Printing Press<br />
    14. 14. 2nd Mass Media: Phonograph<br />
    15. 15. 3rd Mass Media: Cinema<br />
    16. 16. 4th Mass Media: Radio<br />
    17. 17. 5th Mass Media: TV<br />
    18. 18. 6th Mass Media: Internet<br />
    19. 19. Combining all 6 mass media & more<br />
    20. 20. Mobile as the REAL global platform<br />Source: www.istrategy2009.com<br />
    21. 21. App functions<br />
    22. 22. What is an app?<br />You can customise your phone by downloading apps via the Internet<br />A software application installed on your phone<br />
    23. 23. Functions of an app<br />MULTIMEDIA<br />LOCATION (COMPASS/ GPS)<br />TOUCH <br />ACCELEROMETER<br />BUY THINGS<br />NOTIFICATION<br />
    24. 24. Multimedia – Night Camera<br />
    25. 25. Multimedia –SHAZAM<br />
    26. 26. Location – Google Maps<br />
    27. 27. Location – Brightkite/ Foursquare<br />
    28. 28. Touch Screen - Brushes<br />
    29. 29. Accelerometer – Doodle Jump<br />
    30. 30. Buy stuff - Stanza<br />
    31. 31. Notifications - SafeDriver<br />
    32. 32. Notifications – AirMail Inbox<br />
    33. 33. Who is the user?<br />Where are they?<br />What is the need?<br />Current way of doing things? (any existing apps/ other media)<br />
    34. 34. Context<br />“The mode, medium or environment in which we perform a task, or the circumstance of understanding.<br />3 Types<br />Present location or physical context<br />Present device of access, or media context<br />Present state of mind, or modal context” - Fling<br />
    35. 35. Your project <br />
    36. 36. Your current projects<br />Sports & water PSA<br />Luggage organiser<br />Illegal tree chopping<br />Debates<br />Etc....<br />
    37. 37. Context of your project?<br />“The mode, medium or environment in which we perform a task, or the circumstance of understanding.<br />3 Types<br />Present location or physical context<br />Present device of access, or media context<br />Present state of mind, or modal context” - Fling<br />
    38. 38. Who is the user?<br />Where are they?<br />What is the need?<br />Current way of doing things? (any existing apps/ other media)<br />
    39. 39. Day 2<br />
    40. 40. Functions that an app can use<br />Why?<br />Location-based services<br />Purchase channels<br />Play (audio, video, stream live)<br />Capture (images, sounds)<br />Shake (movement)<br />Touch<br />Draw<br />Notify (push)<br />Connect<br />Yes/No<br />Yes/No<br />Yes/No<br />Yes/No<br />Yes/No<br />Yes/No<br />Yes/No<br />Yes/No<br />Yes/No<br />
    41. 41. What’s an app?<br />Distant cousin<br />Of a mobile app<br />
    42. 42. A<br />B<br />C<br />Basic app process (recipe)<br />
    43. 43. Events in apps<br />Wolber - USF<br />Event 1<br />Event 2<br />A<br />D<br />B<br />E<br />C<br />
    44. 44. Most apps are....<br />Like the fielding team in a baseball game , “a set of event handlers”<br />
    45. 45. What’s an event handler?<br />
    46. 46. There’s a recipe for responding<br />THROW BACK TO PITCHER<br />TAG OUT A BASE RUNNER<br />CATCH THE BALL!<br />THROW THE BALL<br />COVER A BASE<br />
    47. 47.
    48. 48. Who is the user?<br />Where are they?<br />What is the need?<br />Current way of doing things? (any existing apps/ other media)<br />
    49. 49.
    50. 50.
    51. 51. Recipe Browser<br />
    52. 52. Recipe Group<br />
    53. 53. Recipe Card<br />
    54. 54. Recipe Step Through<br />
    55. 55. Summary<br />Apps do particular things, particularly well<br />“Nothing happens in an app except in response to an event“ – Wolber<br />An app is a set of event handlers<br />Event handlers have ‘responses’ that only occur with particular events<br />
    56. 56. Now its your turn! <br />
    57. 57. Show and tell<br />
    58. 58. Thank you!<br />More information:<br />http://cdieurope.eu <br />http://appsforgood.org<br />@appsforgoodcdi<br />Iris Lapinski<br />Director UK<br />iris.lapinski@cdieurope.eu<br />Satwant Singh Kenth<br />Educator<br />Satwant.kenth@appsforgood.org<br />

    ×