Realtime Prototyping | "mokk.me - Das Tool f¼r alle F¤lle"

download Realtime Prototyping | "mokk.me - Das Tool f¼r alle F¤lle"

of 71

  • date post

    25-Jan-2015
  • Category

    Design

  • view

    2.797
  • download

    3

Embed Size (px)

description

Die Entwicklung von mobilen Applikationen stellen Informationsarchitekten vor eine neue Herausforderung. Um diese zu meistern haben wir ein Tool entwickelt, dass die Grenzen zwischen Konzeption und Umsetzung verschmelzen lässt. Herausgekommen ist dabei mokk.me (http://www.mokk.me).

Transcript of Realtime Prototyping | "mokk.me - Das Tool f¼r alle F¤lle"

  • 1. IA-KonferenzRealtime Prototyping Ein Tool fr alle Flle Mnchen, 20. Mai 2011http://www.flickr.com/photos/polvero/3466964233/

2. 2,2 Mrd. EUR Umsatz und 10 Mio.verkaufte Smartphones, 400.000 Android und 366.000 iPhoneAktivierungen pro Tag, >300.000 iPhone Apps, >200.000 AndroidApps, 4,5 Mrd. App Installationen,10 Mrd. App Downloads im iTunes-Store 3. #1 Mobiles Internet ist berall 4. Beim Kaffee trinkenhttp://www.flickr.com/photos/alexandremainguenaud/5400861326/ 5. Auf dem Weg zur Partyhttp://www.flickr.com/photos/chrisjl/5664339020/ 6. Beim Kamelrennenhttp://www.flickr.com/photos/39708943@N07/4526333882/ 7. Whrend dem Schlafenhttp://www.flickr.com/photos/29071099@N05/3084995941/ 8. #2 Das Nutzungsverhalten ist anders 9. Viel Informationen auf engem Raumhttp://www.flickr.com/photos/recompose/2303691635/ 10. Eingeschrnkte Bedienunghttp://www.flickr.com/photos/alachia/4916667666/ 11. Die User sind fokussierterhttp://www.flickr.com/photos/39708943@N07/4526333882/ 12. Was bedeutet das fr uns? 13. Das Projekt: Die Mobile App 14. Wir starteten sofort mit unseren Tools:Flow-ChartsSitemapsWireframes 15. Wireframes 16. Login Prozesssimyo12:34 PM Guthaben auaden Auadung fehlgeschlagenFalsche Zahlungsmethodesimyosimyo 12:34 PMsimyo 12:34 PMsimyo 12:34 PM simyo12:34 PMsimyo12:34 PMsimyo12:34 PM home simyozurck simyozurck simyo homesimyozurcksimyohome simyoRufnummerIhr Guthaben 15,- Euro AuadenIhr GuthabenIhr GuthabenIhr GuthabenIhr Guthaben 9,95! 34,95!Lorem ipsum dolor sit amet, conseteturPasswortsadipscing elitr, sed diam nonumy eirmodtempor invidunt ut labore et dolore magnaaliquyam erat.Danke 34,95! 34,95! 9,95!DankeEinloggen Auadung erfolgreichAuadung fehlgeschlagenIhre Guthabenauadung war Besttigen Ihre Guthabenauadung war leider 15,- Auaden15,- Auadenknnen ab soforterfolgreich. Siemit Ihrem neuen Guthaben15,- Auaden 15,- Auaden Bitte versuchennicht erfolgreich. Auadung leider nicht mglichSie es erneut.lostelefonieren. um Ihr Guthaben mobile auaden zuDas kann sich sehen lassen: simyo bietet die knnen, mssen Sie [blubb] alsgnstigste Handy-Flatrate fr Gesprche ins30,- AuadenAbbrechen 30,- Auaden 30,- Auaden 30,- AuadenZahlart whlen.deutsche Festnetz. http://bit.ly/cWZrwZOK OK5:17 AM Oct 22nd Via TweetDeck Bitte loggen Sie sich auf50,- Auaden 50,- Auaden 50,- Auaden 50,- Auadenwww.simyo.de ein und wechseln Sie Ihre Zahlart auf [blubb]simyo12:34 PM Verbindungensimyosimyo12:34 PMsimyo 12:34 PM simyo12:34 PMsimyo12:34 PMhomesimyozurck simyozurck simyo zurck simyo01.10.2010 | 14:47 Uhr0174 |0176 / 4567894 00:00:22 0,53 !Oktober Oktober Oktober01.10.2010 | 14:47 UhrPasswort0176 / 4567894 00:00:22 0,53 !Gesamtsumme: 23,98 ! Einzelgesprche Einzelgesprche01.10.2010 | 14:47 UhrEinloggen 0176 / 4567894 00:00:22 0,53 ! 01.10.2010 | 14:47 Uhr Einzelgesprche 0176 / 456789400:00:22 0,53 ! 9,53 ! 01.10.2010 | 14:47 Uhr 00:45:45 Min 0176 / 4567894 00:00:22 0,53 !Q W E RT Z U I O P 01.10.2010 | 14:47 Uhr 0176 / 456789400:00:22 0,53 !01.10.2010 | 14:47 Uhr SMS-Verbindungen1,98 !00:00:22 0,53 !0176 / 4567894A S D FG H J K L 22 SMS01.10.2010 | 14:47 Uhr 0176 / 456789400:00:22 0,53 !01.10.2010 | 14:47 Uhr 00:00:22 0,53 !Y X CV B N M X MMS-Verbindungen0,00 !01.10.2010 | 14:47 Uhr0176 / 4567894 0 MMS 0176 / 4567894 00:00:22 0,53 ! _123 LeerzeichenReturn01.10.2010 | 14:47 Uhr Daten 12,47 ! 00:00:22 0,53 ! 0176 / 4567894 weitere x Eintrge laden 50000 Kilobytes 01.10.2010 | 14:47 Uhr Mobilzahlungen0176 / 456789400:00:22 0,53 ! 0,00 ! simyo12:34 PM TarifoptionenBasic Tarif Falsche Zahlungsmethode Bessimyosimyo 12:34 PMsimyo12:34 PMsimyo 12:34 PMsimyo12:34 PMsimyo12:34 PMsimyo 12:34 PM simhomesimyozurck simyo zurck simyo zurcksimyozurcksimyozur zurck simyoLoginvorgang luft Ihr Tarif: simyo Tarif Ihr Tarif: simyo TarifIhr Tarif: Basic TarifIhr TaFLAT SMS bestellen Ihr Tarif: simyo TarifFLAT SMS bestellen Lorem ipsum dolor sit amet, consetetur sadipscingLorem ipsum dolor sit amet, consetetur sadipscing Lorem ipsum dolor sit amet, consetetur sadipscing LoremLorem ipsum dolor sit amet, consetetur Lorem ipsum dolor sit amet, consetetur sadipscingelitr, sed diam. Lorem ipsum dolor sit amet, consetetur elitr, sed diam. elitr, sed diam. elitr, sed diam. elitr, ssadipscing elitr, sed diam nonumy eirmod sadipscing elitr, sed diam nonumy eirmod Kostenstoppmonat:tempor invidunt ut labore et dolore magna Kostenstoppmonat:Kostenstoppmonat: tempor invidunt ut labore et dolore magnaKoste von 07.09. bis 06.10.2010aliquyam erat.von 07.09. bis 06.10.2010von 07.09. bis 06.10.2010_ Lorem ipsum dolor sit amet, consetetur aliquyam erat. von 07sadipscing elitr, sed diam.Danke _ Lorem ipsum dolor sit amet, consetetur Flat simyo Flat simyo_ Lorem ipsum dolor sit amet, consetetur Bestellung leider nicht mglich Fl Besttigen Lorem ipsum dolor sit amet, Flat simyo sadipscingconsetetur sadipscing elitr, sed um die FLAT SMS Tarifoption mobile Flat FestnetzFlatdiam nonumy eirmod temporFestnetz bestellen zu knnen, mssen Sie [blubb] FlDas kann sich sehen lassen: simyo bietet dieinvidunt ut labore et dolore magna Flat Festnetz als Zahlart whlen. BestelltAbbrechenBestellt BestelltBegnstigste Handy-Flatrate fr Gesprche ins aliquyam erat.www.simyo.dedeutsche Festnetz. http://bit.ly/cWZrwZBitte loggen Sie sich auf www.simyo.de ein5:17 AM Oct 22nd Via TweetDeck Flat SMS Flat SMS Flat SMSund wechseln Sie Ihre Zahlart auf [blubb] FlOK Bestellt Daten 1GBDaten 1GBDaten 1GB Da aktivaktivaktiv aktPrepaidHomesimyo12:34 PM Tell a FriendlogoutsimyoEinladung fehlgeschlagensimyo 12:34 PM simyo 12:34 PMsimyo12:34 PMsimyo 12:34 PM simyo 12:34 PM Ihr Guthaben 15.- zurcksimyo senden zurck simyo sendenzurck simyo senden zurck simyo zurcksimyo senden 9,95!Sitemap aua Freunden empfehlen:Freunden empfehlen: Freunden empfehlen: Freunden empfehlen: denRechtliche Hinweise1 Lorem ipsum dolor sitName Max Muster |Name amet, consetetur sadipscing elitr, sed diam Name Datenverbrauchnonumy eirmod tempor invidunt ut labore etE-Mail oder Rufnummer Lorem ipsum dolor sit amet E-Mail oder Rufnummer 600 MB 1 GB E-Mail oder Rufnummer E-Mail oder RufnummerDanke Einladung fehlgeschlagen2 Lorem ipsum dolor sitLorem ipsum dolor sit amet, conseteturSenden SendenSenden dolor sit amet, Lorem ipsumsadipscing elitr, sed diam nonumy eirmodSendenconsetetur sadipscing elitr, sedBitte berprfen Sie ob sie allediam nonumy eirmod tempor Felder richtig ausgefllt haben.Button 1Button 2 Button 3 Ihre Vorteile invidunt ut labore et dolore magna Ihre Vorteile Ihre Vorteile Ihre Vorteile erat.aliquyam3 Lorem ipsum dolor sit_ Lorem ipsum dolor sit amitLorem ipsum dolor sit amet, consetetur _ Lorem ipsum dolor sit amit_ Lorem ipsum dolor sit amit Q Lorem ipsum dolor sit amit _WER TZU I O P_ Lorem ipsum dolor sit amit _ Lorem ipsum dolor sit amit _ Lorem ipsum dolor sit amit_ Lorem ipsum dolor sit amit sadipscing elitr, sed diam nonumy eirmod_ Lorem ipsum dolor sit amit _ Lorem ipsum dolor sit amit_ Lorem ipsum dolor sitOK amit_ Lorem ipsum dolor sitOK amitButton 4 Button 5Button 6 _ Lorem ipsum dolor sit amit _ Lorem ipsum dolor sit amit_ Lorem ipsum dolor sit amit_ Lorem ipsum dolor sit amitA SDFGH J K Limpressum Rechtliche HinweiseRechtliche Hinweise Rechtliche Hinweise BY X C V N M XRechtliche Hinweise_123Leerzeichen Returnhome auaden verbindung morePostpaid 17. simyo Mobile App - Wireframe Overview Login Ebene 0 simyo 12:34 PM simyo12:34 PMsimyo 12:34 PM Spezialflle und Satusmeldungen simyo12:34 PM simyosimyosimyo simyo Rufnummer0174 |Loginvorgang luft 0174 |Haben Sie sich vertippt? Passwort Passwort Passwort und Sie,PasswortBitte berprfenRufnummerIhr ob sie Ihre richtig eingegeben haben.Einloggen EinloggenEinloggen OKQ W E R T Z U I O PQ W E R TZ U I O P Das kann sich sehen lassen: simyo bietet die A S D F G H J K L Das kann sich sehen lassen: simyo bietet die A S D F GH J K L gnstigste Handy-Flatrate fr Gesprche insgnstigste Handy-Flatrate fr Gesprche ins deutsche Festnetz. http://bit.ly/cWZrwZdeutsche Festnetz. http://bit.ly/cWZrwZY X C V B N M XY X C VB N M X 5:17 AM Oct 22nd Via TweetDeck 5:17 AM Oct 22nd Via TweetDeck_123Leerzeichen Return_123 LeerzeichenReturn Guthaben auadenVerbindungsbersichtIdeen und Funktionen entwickeln Ebene 1simyohome 12:34 PMsimyosimyohome12:34 PM simyosimyohome12:34 PM simyoOktober Ihr GuthabenIhr Guthaben9,95 34,95Gesamtsumme: 23,98 Einzelgesprche 18. simyo Mobile App - Wireframe OverviewLoginDashboard PrepaidPostpaid Ebene 0 simyo 12:34 PM simyo12:34 PMsimyo12:34 PM Spezialflle und Satusmeldungen simyo12:34 PM simyo12:34 PMsimyo12:34 PM logoutsimyologoutsimyosimyo simyo simyosimyoIhr GuthabenLetzte Monatsrechnung15.- Rufnummer0174 | Loginvorgang luft0174 |Haben Sie sich vertippt?9,95 auaden 9,95 Passwort Passwort Datenverbrauch Datenverbrauch Passwort und Sie,PasswortBitte berprfenRufnummerIhr ob sie Ihre richtig eingegeben haben.600 MB1 GB 600 MB 1 GBEinloggen EinloggenEinloggen OKQ W E R T Z U I O PQ W E R TZ U I O P Button 1 Button 2 Button 3Button 1Button 2 Button 3 Das kann sich sehen lassen: simyo bietet die A S D F G H J K L Das kann sich sehen lassen: simyo bietet die A S D F GH J K L gnstigste Handy-Flatrate fr Gesprche insgnstigste Handy-Flatrate fr Gesprche ins deutsche Festnetz. http://bit.ly/cWZrwZdeutsche Festnetz. http://bit.ly/cWZrwZY X C V B N M XY X C VB N M XButton 4 Button 5 Button 6Button 4Button 5 Button 6 5:17 AM Oct 22nd Via TweetDeck 5:17 AM Oct 22nd Via TweetDeck_123Leerzeichen Return_123 LeerzeichenReturn impressumGuthaben auaden VerbindungsbersichtTarifoptionen Tell A Friend Rechnungensimyo 12:34 PMsimyo 12:34 PMsimyo12:34 PM simyo12:34 PM simyo12:34 PM simyo 12:34 PM simyo12:34 PMsimyo12:34 PM Ebene 1home simyohome simyohome simyohomesimyozurck simyo zurcksimyo senden zurcksimyo senden home simyo Ihr GuthabenIhr GuthabenOktoberIhr Tarif: simyo TarifIhr Tarif: simyo Tarif Freunden empfehlen:Freunden empfehlen: Rechnungen Lorem ipsum dolor sit amet, consetetur sadipscing Lorem ipsum dolor sit amet, consetetur sadip