Ipad seminar 20110608

2,308 views

Published on

Slides from Exove's iPad seminar held June 8th, 2011

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

No Downloads
Views
Total views
2,308
On SlideShare
0
From Embeds
0
Number of Embeds
576
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Ensimmmäiseksi tulee mieleen iPhone ja iPad applikaatiot, mutta…
  • Ohjelmat Suunniteltu toimimaan laitteissa. Tietokone/Puhelin/Tablet Monesti ne tekee yhtä ainoaa toimintoa Webbiapplikaatiot Toimii selaimessa Mobiilisivustot Suunniteltu toimimaan mobiilin koossa ja toiminnoilla Ja näiden yhdistelmät Esim iPhone applikaatiot, jotka käyttävät web-sivustojen sisältöä
  • Ohjelmat Suunniteltu toimimaan laitteissa. Tietokone/Puhelin/Tablet Monesti ne tekee yhtä ainoaa toimintoa Webbiapplikaatiot Toimii selaimessa Mobiilisivustot Suunniteltu toimimaan mobiilin koossa ja toiminnoilla Ja näiden yhdistelmät Esim iPhone applikaatiot, jotka käyttävät web-sivustojen sisältöä
  • Tuotetaanko sisältöä mukavassa muodossa käyttäjän saataville vai halutaanko auttaa tekemään jokin tehtävä? Esim. Löytämään lähin bussipysäkki ja aikataulu tai pelaamaan peliä. Onko ratkaisu osa suurempaa kokonaisuutta vai itse tuote.? Halutaanko rajata kohderyhmää tiettyjen laitteiden käyttäjiin? Jos halutaan niin kuinka moneen eri laitteeseen (mac, symbian, windows, android, meego, ja kaikkiin kehitys ja markkinointi. = maksaa aika paljon Onko tuote/ratkaisu/sovellus sellainen josta halutaan rahaa ja millä mallilla (tuotteen hinta / markkinapaikat)?
  • iPad: Resolution 768X1024 Fonts: 44 +font cuts iPhone: 320 X 480 Fonts: 24 +font cuts It is possible include True Type / Open Type fonts Ideal Hit area: 29px of 44px Gestures and Interactions: Tap, pinch, Drag, Double tap, Flick, Swipe, Touch and hold
  • We are mobile Quick response time Low energy consumption Easyness Do the work Great user experience
  • Ipad seminar 20110608

    1. 2. <ul><li>Welcome! </li></ul>
    2. 3. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    3. 4. <ul><li>How to make mobile and tablet applications? </li></ul>
    4. 5. <ul><li>Know what you / your business / your customers want. </li></ul>
    5. 6. <ul><li>Check that mobile app is the right way to serve those needs. </li></ul>
    6. 7. <ul><li>Know the user experience paradigm of your mobile platforms. </li></ul>
    7. 8. <ul><li>Serve the users. </li></ul>
    8. 9. <ul><li>Base design on facts, but make it affect feelings. </li></ul>
    9. 10. <ul><li>Balance the amount of work between the servers and the apps. </li></ul>
    10. 11. <ul><li>Design. Implement. Analyse. Fix. Design. Implement. Analyse. Fix. Design. Implement. Analyse. Fix. Design. Implement. Analyse. Fix. Design. Implement. Analyse. Fix. Design. Implement. Analyse. Fix. </li></ul>
    11. 12. <ul><li>When i n doubt, ask professionals for help. </li></ul>
    12. 13. <ul><li>About us </li></ul>
    13. 14. <ul><li>Exove enables companies to conduct better business on the Internet </li></ul><ul><li>through best-of-breed personnel and solutions </li></ul>
    14. 15. <ul><li>We base our work on the strategy and needs of our clients </li></ul><ul><li>We help them to execute through top-notch web systems </li></ul>
    15. 16. <ul><li>We deliver sites, community platforms & web 2.0 and mobile applications . </li></ul>
    16. 17. <ul><li>46 people, over 95 customers, over 3 MEUR revenue 2011, profitable </li></ul>
    17. 18. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    18. 19. Application concept design Aki-Ville Pöykiö Design Director Exove Design
    19. 20. Concept Design?
    20. 21. <ul><li>Concept design is the process of collecting and organizing ideas and making them concrete </li></ul>
    21. 22. <ul><li>The goal is clarity, focus and simplicity </li></ul>
    22. 23. <ul><li>Concept design gathers </li></ul><ul><li>Business requirements </li></ul><ul><li>Technological possibilities </li></ul><ul><li>User’s desires and needs </li></ul>
    23. 24. <ul><li>Technology facilitates the meeting of the business and the consumer </li></ul>
    24. 25. Business <ul><li>” I want more customers” </li></ul><ul><li>” I want to tell about my new product” </li></ul><ul><li>” I want to know who’s interested” </li></ul><ul><li>” I want to convert the interested to buyers&quot; </li></ul>
    25. 26. Consumer <ul><li>” I want to watch a video” </li></ul><ul><li>” I want to pay this bill” ”I want to read news” </li></ul><ul><li>” I want to find a restaurant&quot; </li></ul>
    26. 27. <ul><li>Both needs are simple, </li></ul><ul><li>but rarely common. </li></ul>
    27. 28. <ul><li>When a business and a consumer meet, facilitated by technology, this often results in complex processes </li></ul>
    28. 29. <ul><li>The challenge and the mission for the concept designer is to hide the complexity </li></ul>
    29. 30. <ul><li>Business < > User need </li></ul>
    30. 31. <ul><li>Business < App > User need </li></ul>
    31. 32. <ul><li>App is a meeting interface. </li></ul>
    32. 33. <ul><li>Why create an app? </li></ul>
    33. 34. <ul><li>Why ? </li></ul><ul><li>* trendy meeting space </li></ul><ul><li>* fluid user experience </li></ul><ul><li>* revenue potential </li></ul><ul><li>* mindshare – presence in user’s everyday </li></ul>
    34. 35. <ul><li>Trendy – reach early adopters and opinion leaders </li></ul>
    35. 36. <ul><li>Fluid user experience – best possible hardware and software environment </li></ul><ul><li>Your brand gets to share the Apple “wow” </li></ul>
    36. 37. <ul><li>Revenue potential – existing and streamlined payment features </li></ul>
    37. 38. <ul><li>Consumers are willing to pay for apps </li></ul><ul><li>Average price 2 € </li></ul>
    38. 39. <ul><li>Mindshare – your place in user’s everyday </li></ul>
    39. 40. <ul><li>Mindshare challenge: </li></ul><ul><li>Tens of thousands of apps </li></ul><ul><li>Tens of apps in every users device (iPhone users average 40-60) </li></ul>
    40. 41. <ul><li>How to be found? </li></ul><ul><li>How to get downloaded? </li></ul><ul><li>How to stand out? </li></ul><ul><li>How to become part of the everyday? </li></ul>
    41. 42. <ul><li>Your app needs to have a purpose. </li></ul>
    42. 43. <ul><li>Solve a problem for the consumer. </li></ul>
    43. 44. <ul><li>Simplify the world. </li></ul>
    44. 45. Thanks. [email_address]
    45. 46. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    46. 47. WEB / Mobile WEB / Native Apps <ul><li>Juha Jauhiainen, Design Director </li></ul>
    47. 48. Let ’ s define terms
    48. 49. Applications defined The native application is essentially a bundle of software developed and designed to run on a computer Native apps Web applications are essentially apps that run inside device ’ s browser Web applications The mobile web refers to the browser-based Internet experience on mobile devices Mobile web
    49. 50. Applications defined E.X Applications which use content from web Combinations
    50. 51. How to choose and where to Focus
    51. 52. How to choose? <ul><li>Specific on particular platform </li></ul><ul><li>Costs </li></ul><ul><li>+ Device features (GPS, Camera, accelerometer) </li></ul><ul><li>+ Superior user experience </li></ul><ul><li>+ Better designed interfaces </li></ul><ul><li>+ No internet connection needed </li></ul>Native apps /
    52. 53. How to choose? <ul><li>+ No specific platform </li></ul><ul><li>+ Costs </li></ul><ul><li>+ Ease of distribution </li></ul><ul><li>Device features (GPS, Camera, accelerometer) </li></ul><ul><li>Limited interface design </li></ul>Web app / Mobile web
    53. 54. Where to focus? <ul><li>Are we trying to get the user to do something? </li></ul><ul><li>Need for deeper user experience or is something lighter enough? </li></ul><ul><li>How broad is our audience? </li></ul><ul><li>How much resources do we have? </li></ul><ul><li>Do we want money out of it? </li></ul>Native app / Web app / Mobile web
    54. 55. Future? No clear answer. Native apps provide a superior user experience. There are some technologies which may close this gap in between. It’s more about the content. Native app / Web app / Mobile web
    55. 56. Designing for multiple platforms
    56. 57. Finger vs. mouse
    57. 58. Optimization <ul><li>Websites can be specially developed and designed for the dimensions, performance and interactions of certain device </li></ul><ul><li>Size </li></ul><ul><li>Application window / web browser </li></ul><ul><li>Fonts </li></ul><ul><li>Hit area (finger tip sized objects) </li></ul><ul><li>Gestures and interactions </li></ul><ul><li>Using same design elements </li></ul>
    58. 59. Web vs. iPad WEB Application
    59. 60. Concept <ul><li>Make it really obvious </li></ul><ul><li>Use the actual device (as much as possible) </li></ul><ul><li>Know your audience </li></ul><ul><li>> What does my audience expect? </li></ul><ul><li>> What does my audience want? </li></ul><ul><li>> What do you want your audience to want? </li></ul><ul><li>EVERYTHING IS STILL NEW! </li></ul>
    60. 61. Maintain the Brand experience And last but not least…
    61. 62. Maintain the Brand experience Mobile WEB / Native Apps / WEB
    62. 63. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    63. 75. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    64. 76. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    65. 129. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    66. 131. Agenda 9.00 Opening words Janne Kalliola, Exove 9.10 Application concept design Aki-Ville Pöykiö, Exove Design 9.25 Differences and similarities of web and application design Juha Jauhiainen, Exove Design 9.40 Case: Futureful Jarno Koponen, Futureful 10.00 Break 10.10 Content-driven vs. code-driven Bertrand Maugain, eZ Systems 10.30 Case: Scoopshot Pro Petri Rahja, P2S Media Group 10.50 Discussion
    67. 132. <ul><li>Download slides at http://www.exove.com/blog </li></ul>

    ×