Click here to load reader

App Design Lektion 4 Charlotte Lærke Weitze

  • View
    215

  • Download
    0

Embed Size (px)

DESCRIPTION

Kursus i App Design 2012 Lektion 4

Text of App Design Lektion 4 Charlotte Lærke Weitze

  • 1. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Lektion 4App Design 2012 - Charlotte Lrke Weitze - Lektion 4

2. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Idag Kl. 16.00 - 16.30 Fremlggelse af skitser og markeds/konkurrent undersgelse Kl. 16.30 - 16.45 Hvor er I i forhold til fotoredigeringsprogrammer nu? Kl. 16.45 - 16.55 Pause Kl. 16.55 - 17.30 App arkitektur FlowsKl. 17.30 - 18.00 Grafisk Design HIG Kl. 18.00 - 18.05 Pause Kl. 18.05 - 18.25 Wireframes Kl. 18.25 - 18.45 (Videoprototyping) Kl. 18.45 - 19.00 Opgaver til nste gangApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 3. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Siden sidst Jeres skitser? Har I tnkt, skitsret, tnkt, osv. Har I fet feedback p skitserne? Konkurrent til jeres app? (Forskelle ligheder mv.) Har I prvet et billederedigeringsprogram af? (Photoshop, Gimp el. lign) Har I samlet ind til et moodboard? iPhone eller android? Spil eller app?App Design 2012 - Charlotte Lrke Weitze - Lektion 4 4. APP DESIGN KURSUS - et kursus i digital design og konceptudvikling Plan for de nste 3 gange Hvad vil I gerne st tilbage med? Notr! Og hvilken aflevering? Poster? F.eks. rent grafisk: http://medialoot.com/blog/how-to-design-an-iphone-app-in-photoshop/ Video: http://youtu.be/ep-kLD59uVY Emner Problemomrde Flow Faser i udviklingen Navigation Mlgruppe Funktioner Konkurrenter Wireframes Forretningsmodel Moodboard SWOT Grafik Skitser Programmering? PrsentationApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 5. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingKonceptet Hvad vil du gerne opn p det konceptuelle niveau (Er det p plads)? Hvilket problem vil du gerne lse med din app? Hvilken slags brugere har du? Hvad er deres forventninger? Hvordan er din financieringsplan? Hvad adskiller din mobile app fra en lsning p computeren?App Design 2012 - Charlotte Lrke Weitze - Lektion 4 6. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingopfind.nuApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 7. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingApp arkitektur Flow Lav et mindmap over dit indhold Begynd at strukturere det Hvad er over og underordnet? Kort sorterings test (Usability)App Design 2012 - Charlotte Lrke Weitze - Lektion 4 8. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingApp arkitektur FlowFlowApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 9. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Pause 10 minApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 10. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling HIG - Human Interface Guidelines Apple har mange retningslinier for godt interface design - HIG Forsg at overholde dem, - det kan vre afgrende for godkendelse (App Store) http://developer.apple.com/iphone http://developer.apple.com/library/ios/#DOCUMENTATION/UserExperience/Con- ceptual/MobileHIG/UIElementGuidelines/UIElementGuidelines.html#//apple_ref/ doc/uid/TP40006556-CH13-SW1 Retningslinier for Android http://developer.android.com/design/index.htmlApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 11. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Navigationsformer (eks.) Flad struktur Tab bar Tr-strukturApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: Tapworthy, - designing great iPhone apps, Josh Clark, OReilly (2010). 12. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Flad struktur Forholdsvis flad strukturApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 13. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Tab bar Fanebladslinjen er et st af knapper p nederst p skrmen, som lader dig skifte mellemappens hovedfunktioner. Tryk p en knap for at springe til et nyt skrmbillede og et nyt mode.App Design 2012 - Charlotte Lrke Weitze - Lektion 4 14. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Tr - struktur G ned gennem et hierarki af kategoriserede muligheder og/eller indholdApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 15. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Blandet navigation Bland de forskellige muligheder For og imod de forskellige mulighederApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 16. APP DESIGN KURSUS- et kursus i digital design og konceptudvikling Funktioner / controlsApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 17. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper - fra androids principper Enchant Me - Fortryl mig Gld mig p overraskende mder En smuk overflade, en omhyggeligt placeret animation, eller en godt timet lydeffekt er en fryd at opleve. Subtile effekter bidrager til en flelse af lethed og en fornemmelse af, at en magtfuld kraft er lige ved hndenApp Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: http://developer.android.com/design/get-started/principles.html#enchant-me 18. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Enchant Me - Fortryl mig Rigtige objekter er sjovere end knapper og menuer Tillad folk at rre og manipulere objekter direkte i din app. Det reducerer den ndvendige kognitive indsats for at udfre en opgave, samtidig med at det er mere flelsesmssigt tilfredsstillende.App Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: http://developer.android.com/design/get-started/principles.html#enchant-me 19. APP DESIGN KURSUS - et kursus i digital design og konceptudviklingDesign principper Enchant Me - Fortryl mig Lad mig gre det til mit eget Folkholder af at tilfje et personligt prg, fordi det gr at de fler sig hjemme og har kontrol. Giv fornuftige, smukke standarder, men overvej ogs sjove, valgfrie tilpasninger, der ikke forhindrer de primre opgaver.App Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: http://developer.android.com/design/get-started/principles.html#enchant-me 20. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Enchant Me - Fortryl mig Lr mig at kende Lr folks prferencer over tid. I stedet for at bede dem om at trffe de samme valg igen og igen, skal du placere tidligere valg inden for rkkevidde.App Design 2012 - Charlotte Lrke Weitze - Lektion 4Kilde: http://developer.android.com/design/get-started/principles.html#enchant-me 21. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Hold det kort Brug korte stninger med enkle ord. Folk er tilbjelige til at springe over stninger, hvis de er lange.App Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: http://developer.android.com/design/get-started/principles.html#simplify-my-life 22. APP DESIGN KURSUS - et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Billeder er hurtigere end ord Overvej at bruge billeder til at forklare ideer. Billeder tiltrkker folks opmrksomhed, og kan vre meget mere effektive end ord.App Design 2012 - Charlotte Lrke Weitze - Lektion 4Kilde: http://developer.android.com/design/get-started/principles.html#simplify-my-life 23. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Bestem for mig, men lad mig f det sidste ord Gt s godt du kan og foretag en handling for brugeren snarere end at sprge frst. Alt for mange valg og beslutninger gr folk utilfredse.App Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: http://developer.android.com/design/get-started/principles.html#simplify-my-life 24. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Vis kun hvad jeg har brug for, nr jeg har brug for det Folk bliver overvldede, nr de ser for meget p n gang. Bryd opgaver og oplysninger op i sm letfordjelige bidder. Skjul valgmuligheder som ikke er afgrende i jeblikket, og undervis folk hen ad vejen i forlbet.App Design 2012 - Charlotte Lrke Weitze - Lektion 4Kilde: http://developer.android.com/design/get-started/principles.html#simplify-my-life 25. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Jeg br altid vide, hvor jeg er Giv folk tillid til, at de selv kan finde rundt. Gr steder i din app tydelige og brug overgangene til at vise relationer mellem skrmene. Giv feedback p de opgaver, som er i gang.App Design 2012 - Charlotte Lrke Weitze - Lektion 4Kilde: http://developer.android.com/design/get-started/principles.html#simplify-my-life 26. APP DESIGN KURSUS - et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Mist aldrig mine ting Gem de ting, som folk har givet sig tid til skabe, og lad dem adgang til tingene fra hvor som helst. Husk indstillinger, personlige prferencer, og kreationer p tvrs af telefoner, tablets og computere. Det gr synkronisering til den nemmeste sag i verden.App Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: http://developer.android.com/design/get-started/principles.html#simplify-my-life 27. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Hvis det ser ens ud, br det reagerer p samme mde Hjlp folk med at f je p funktionelle forskelle ved at gre dem visuelt forskellige snarere end distinkte. Undg funktioner/ omrder, der ligner hinanden, men reagerer forskelligt p samme input.App Design 2012 - Charlotte Lrke Weitze - Lektion 4 Kilde: http://developer.android.com/design/get-started/principles.html#simplify-my-life 28. APP DESIGN KURSUS- et kursus i digital design og konceptudviklingDesign principper Simplify My Life - Forenkl mit liv Afbryd mig kun, hvis det er vigtigt Skn folk for uvigtige bagateller, - ligesom en god

Search related