Wat is nu een goede Windows Phone 7 applicatie? Jaap van Ekris Det Norske Veritas
Agenda <ul><li>Verschillen Desktop en Mobile applicaties </li></ul><ul><li>Wat is een goede mobiele applicatie </li></ul><...
Zijn mobiele apps belangrijk?
Zijn mobiele apps belangrijk?
<ul><li>Kwaad kapotgooien is </li></ul><ul><li>doodsoorzaak #4 </li></ul><ul><li>onder de mobiele devices </li></ul>
<ul><li>Met Windows Phone 7 kun je nog eenvoudiger (slechte) applicaties bouwen… </li></ul>
Desktop gebruikers
Mobiele gebruikers
Praktische Werkbaarheid?
Voorbeeldje
 
Context <ul><li>De omgeving eist een significant deel van zijn aandacht op </li></ul><ul><li>De omgeving legt beperkingen ...
<ul><li>Hoe maak je een GUI voor een applicatie waar de gebruiker niet mee bezig wil zijn? </li></ul>
Basis Eisen <ul><li>Vereist weinig aandacht van de gebruiker </li></ul><ul><li>Vereist weinig precisie </li></ul><ul><li>G...
Desktop product
“ Mobilized” desktop product
Mobiel product “done right”
Snel gemaakte blunders... <ul><li>Te technisch ontwerp </li></ul><ul><li>Moet  Look & Feel  hebben van Windows product </l...
Aansluiten bij de grote spelers...
Nadenken over... <ul><li>Interactie-ontwerp </li></ul><ul><li>Schermopbouw </li></ul><ul><li>Beperken informatie </li></ul>
Interactieontwerp <ul><li>Zo min mogelijk stappen om een handeling uit te voeren </li></ul><ul><li>Zorg dat effect van han...
Interactie
Schermopbouw <ul><li>Zorg dat data leesbaar is </li></ul><ul><li>Zorg dat het scherm bedienbaar is met vingers </li></ul><...
The Good
The bad and ugly 0
Echt goede WP7 apps <ul><li>Sluiten aan bij de ontwerp-filosofie van WP7... </li></ul><ul><ul><li>Grafisch </li></ul></ul>...
Windows Phone 7
Een kale zakelijke GUI? <ul><li>Overzicht en rust is belangrijk ontwerp element </li></ul><ul><li>Belangrijke onderdelen h...
Overzichtelijk en dus saai? vs.
GUI Design gone bad... <ul><li>Mooi, maar niet overzichtelijk </li></ul><ul><li>Bevat veel nutteloze info en afleidende el...
Windows Phone 7 app? <ul><li>Overzichtelijk </li></ul><ul><li>Functioneel </li></ul><ul><li>iPhone GUI design gerycled? </...
Design elements used badly...
Good design
Effectiviteit
Integratie? <ul><li>Nog geen volledige toegang tot contacts en agenda </li></ul><ul><li>Je kunt foto’s laten maken </li></...
Opgesloten data... <ul><li>Windows Phone kent geen desktop synchronisatie voor applicaties en PIM </li></ul><ul><li>Het fi...
Opgesloten data... <ul><li>Onoverzichtelijk </li></ul><ul><li>Aantekeningen zijn niet van je toestel af te krijgen... </li...
Hoe dan om te gaan met data... <ul><li>Breng en haal data naar de cloud </li></ul><ul><li>Cloud zorgt automatisch voor bac...
Taken... <ul><li>Exchange </li></ul><ul><li>“ Remember the Milk” </li></ul><ul><li>Google tasks </li></ul>
RSS-readers <ul><li>RSS-feeds direct op device ingeven? </li></ul><ul><li>Google Reader ontsluiten? </li></ul><ul><li>Goog...
Hele slimme oplossingen...
Bijna perfecte balans: TripIt
De Cloud... <ul><li>Mag niet tot afhankelijkheden leiden... </li></ul>
Live tiles... <ul><li>Live tiles zijn het ideaal van overzichtelijkheid </li></ul><ul><li>Bedoeld om in één oogopslag over...
Doe live-tiles wel goed... <ul><li>Beperk de informatie tot een absoluut minimum </li></ul><ul><li>Doe pas echt wat als je...
De nadelen van live tiles <ul><li>Je moet ze specifiek bouwen </li></ul><ul><li>Je kunt gebruik gaan maken van het Azure p...
Conclusie <ul><li>Nog niet alles kan al (maar we blijven hopen)... </li></ul><ul><li>Het is echt een ander platform </li><...
Aanbod van de MVP’s <ul><li>Stuur ons je applicatie en we helpen hem verbeteren zodat je beter uit de verf komt </li></ul>...
Vragen? <ul><li>? </li></ul>
Upcoming SlideShare
Loading in...5
×

2010-12-13 - SDN - GUI Design for Windows phone 7

355

Published on

Presentation about GUI design guidelines for mobile applications in general, and Windows Phone 7 specifically.

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

  • Be the first to like this

No Downloads
Views
Total Views
355
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Sommige mensen vinden van wel, statistieken tonen ook aan dat mensen maar een paar apps echt belangrijk vinden. De grote massa koopt een prettige telefoon. Statistieken tonen ook aan dat er een hoop worden afgegooid....
  • Met tweaken en adaptief modificeren kom je een eind...
  • Maar eigenlijk moet je revolutionair denken
  • Maar toont ook totaal verschillende benaderingen aan van GUI design
  • Is die data-picker zo’n goed idee?
  • LET OP: Integreren met Calendar kan nog niet!!!
  • Windows Zune kan dit ook: ene device kan doorgaan waar de ander is gestopt....
  • Weave “ontdubbelt” nieuws....
  • Microsoft is hier ook niet helemaal consequent in geweest: e-mail laat alleen nieuw binnengekomen e-mail zien, contacts beweegt continue....
  • 2010-12-13 - SDN - GUI Design for Windows phone 7

    1. 1. Wat is nu een goede Windows Phone 7 applicatie? Jaap van Ekris Det Norske Veritas
    2. 2. Agenda <ul><li>Verschillen Desktop en Mobile applicaties </li></ul><ul><li>Wat is een goede mobiele applicatie </li></ul><ul><li>Wat is een goede Windows Phone 7 applicatie </li></ul>
    3. 3. Zijn mobiele apps belangrijk?
    4. 4. Zijn mobiele apps belangrijk?
    5. 5. <ul><li>Kwaad kapotgooien is </li></ul><ul><li>doodsoorzaak #4 </li></ul><ul><li>onder de mobiele devices </li></ul>
    6. 6. <ul><li>Met Windows Phone 7 kun je nog eenvoudiger (slechte) applicaties bouwen… </li></ul>
    7. 7. Desktop gebruikers
    8. 8. Mobiele gebruikers
    9. 9. Praktische Werkbaarheid?
    10. 10. Voorbeeldje
    11. 12. Context <ul><li>De omgeving eist een significant deel van zijn aandacht op </li></ul><ul><li>De omgeving legt beperkingen op aan de interactie </li></ul><ul><li>De omgeving is niet vertrouwd </li></ul><ul><li>De applicatie wordt vaak gebruikt om beslissingen in de echte wereld te nemen </li></ul><ul><li>De omgeving kan druk uitoefenen op (de snelheid van) interactiepatronen </li></ul>
    12. 13. <ul><li>Hoe maak je een GUI voor een applicatie waar de gebruiker niet mee bezig wil zijn? </li></ul>
    13. 14. Basis Eisen <ul><li>Vereist weinig aandacht van de gebruiker </li></ul><ul><li>Vereist weinig precisie </li></ul><ul><li>Geoptimaliseerd voor specifiek doel </li></ul>
    14. 15. Desktop product
    15. 16. “ Mobilized” desktop product
    16. 17. Mobiel product “done right”
    17. 18. Snel gemaakte blunders... <ul><li>Te technisch ontwerp </li></ul><ul><li>Moet Look & Feel hebben van Windows product </li></ul><ul><li>Te fragiel, kleutervingers vereist </li></ul><ul><li>Complexe navigatie </li></ul><ul><li>Veel handelingen nodig voordat je resultaat hebt </li></ul><ul><li>Te veel data of controls op het scherm </li></ul>
    18. 19. Aansluiten bij de grote spelers...
    19. 20. Nadenken over... <ul><li>Interactie-ontwerp </li></ul><ul><li>Schermopbouw </li></ul><ul><li>Beperken informatie </li></ul>
    20. 21. Interactieontwerp <ul><li>Zo min mogelijk stappen om een handeling uit te voeren </li></ul><ul><li>Zorg dat effect van handelingen duidelijk is </li></ul><ul><li>Optimaliseer veel gebruikte handelingen </li></ul><ul><li>Denk aan invoer fouten, probeer ze te voorkomen </li></ul><ul><li>Vermijd complexe keuzes </li></ul>
    21. 22. Interactie
    22. 23. Schermopbouw <ul><li>Zorg dat data leesbaar is </li></ul><ul><li>Zorg dat het scherm bedienbaar is met vingers </li></ul><ul><ul><li>Geen kleine elementen </li></ul></ul><ul><ul><li>Geen complexe controls (ook geen lastige dropdowns) </li></ul></ul><ul><li>Probeer scrollen te voorkomen </li></ul>
    23. 24. The Good
    24. 25. The bad and ugly 0
    25. 26. Echt goede WP7 apps <ul><li>Sluiten aan bij de ontwerp-filosofie van WP7... </li></ul><ul><ul><li>Grafisch </li></ul></ul><ul><ul><li>Qua Effectiviteit </li></ul></ul><ul><li>Sluiten data niet op het toestel... </li></ul>
    26. 27. Windows Phone 7
    27. 28. Een kale zakelijke GUI? <ul><li>Overzicht en rust is belangrijk ontwerp element </li></ul><ul><li>Belangrijke onderdelen horen aandacht te trekken </li></ul>
    28. 29. Overzichtelijk en dus saai? vs.
    29. 30. GUI Design gone bad... <ul><li>Mooi, maar niet overzichtelijk </li></ul><ul><li>Bevat veel nutteloze info en afleidende elementen </li></ul><ul><li>Last van veel overlap </li></ul><ul><li>Slecht te herschikken voor prioriteiten </li></ul>
    30. 31. Windows Phone 7 app? <ul><li>Overzichtelijk </li></ul><ul><li>Functioneel </li></ul><ul><li>iPhone GUI design gerycled? </li></ul>
    31. 32. Design elements used badly...
    32. 33. Good design
    33. 34. Effectiviteit
    34. 35. Integratie? <ul><li>Nog geen volledige toegang tot contacts en agenda </li></ul><ul><li>Je kunt foto’s laten maken </li></ul><ul><li>Je hebt hooks om dingen met foto’s te doen </li></ul>
    35. 36. Opgesloten data... <ul><li>Windows Phone kent geen desktop synchronisatie voor applicaties en PIM </li></ul><ul><li>Het filesysteem is voor een gebruiker onbenaderbaar </li></ul><ul><li>Elke applicatie kent zijn eigen data-container </li></ul><ul><li>Is een drama bij (onvrijwillig) wisselen van toestel </li></ul>
    36. 37. Opgesloten data... <ul><li>Onoverzichtelijk </li></ul><ul><li>Aantekeningen zijn niet van je toestel af te krijgen... </li></ul>
    37. 38. Hoe dan om te gaan met data... <ul><li>Breng en haal data naar de cloud </li></ul><ul><li>Cloud zorgt automatisch voor backup </li></ul><ul><li>Kan totaal nieuwe scenario’s openen </li></ul>
    38. 39. Taken... <ul><li>Exchange </li></ul><ul><li>“ Remember the Milk” </li></ul><ul><li>Google tasks </li></ul>
    39. 40. RSS-readers <ul><li>RSS-feeds direct op device ingeven? </li></ul><ul><li>Google Reader ontsluiten? </li></ul><ul><li>Google Reader kan cross-device gaan werken... </li></ul>
    40. 41. Hele slimme oplossingen...
    41. 42. Bijna perfecte balans: TripIt
    42. 43. De Cloud... <ul><li>Mag niet tot afhankelijkheden leiden... </li></ul>
    43. 44. Live tiles... <ul><li>Live tiles zijn het ideaal van overzichtelijkheid </li></ul><ul><li>Bedoeld om in één oogopslag overzicht te hebben </li></ul><ul><li>Als App eindig je in het primaire overzicht van een gebruiker... </li></ul>
    44. 45. Doe live-tiles wel goed... <ul><li>Beperk de informatie tot een absoluut minimum </li></ul><ul><li>Doe pas echt wat als je aandacht nodig hebt </li></ul>
    45. 46. De nadelen van live tiles <ul><li>Je moet ze specifiek bouwen </li></ul><ul><li>Je kunt gebruik gaan maken van het Azure platform, maar ook Mono kan dit </li></ul><ul><li>Er zijn er per device maar 15 beschikbaar... </li></ul>
    46. 47. Conclusie <ul><li>Nog niet alles kan al (maar we blijven hopen)... </li></ul><ul><li>Het is echt een ander platform </li></ul><ul><li>De lat ligt erg hoog voor echt goede applicaties </li></ul><ul><li>Je kunt het echt halen </li></ul>
    47. 48. Aanbod van de MVP’s <ul><li>Stuur ons je applicatie en we helpen hem verbeteren zodat je beter uit de verf komt </li></ul><ul><li>Kan via Matthijs Hoekstra (Microsoft) </li></ul>
    48. 49. Vragen? <ul><li>? </li></ul>

    ×