Tid for ømhet
Det hjelper lite med kurs og kompetanse hvis vi ikke har tid. Juristen skriver dårlig, vi sender ham på skrivekurs. Saksbehandlerne eier ikke språkøre, vi arrangerer et kurs i nettskriving. [...]
Prototyping av mobilapper på 1-2-3 – uten programmering! 3
Mobilprototyping via Dropbox er en kjapp måte å få tankene dine om mobilappen testa ut, og uten programmering. Slik gjør du:
- Lag grensesnittskisser med riktige proporsjoner for mobilenheten (f.eks. iPhone, iPad, Android eller Blackberry).
- Legg bildefilene på Dropbox og åpne dem i Dropbox-appen på mobilenheten.
- Sjekk at elementer er store nok, står langt nok fra hverandre, at sekvenser virker logiske, at ikke skjermbilder er overfylte, etc.
Dette er enkelt og kjapt å gjøre, og du kan teste kontinuerlig og gjennom hele designprosessen:
- Test håndtegnede konseptskisser
- Test wireframes
- Test grafisk design
Man kan selvfølgelig bruke andre tjenester enn Dropbox, kom gjerne med tips til alternativer.
Metoden har klare begrensninger, siden selve interaksjonen ikke virker. Men man kan komme ganske langt, og eliminere potensielle problemer tidlig i prosessen.
Hvordan prototyper og tester du mobilapper i ulike stadier av utviklingen?
Kari er sivilingeniør, har studert interaksjonsdesign og kognitiv psykologi, og har forska på brukergrensesnitt i over 20 år før hun begynte i Netlife Research i 2008. Hun jobber med alt fra strategi til prototyping og testing av brukergrensesnitt, og liker seg aller best når hun får et skikkelig komplekst domene i fanget.
Terje Pedersen, 25.11.2010 18:39
http://balsamiq.com/ er et bra verktøy for å tegne brukergrensesnitt skisser.
Pingback: → Tweets that mention Prototyping av mobilapper på 1-2-3 – uten programmering! | IAllenkelhet -- Topsy.com
Kari Hamnes, 26.11.2010 09:36
Jepp, mange gode verktøy for wireframing og prototyping der ute etterhvert.
Her bruker vi vel i hovedsak håndtegning/papirprototyping, Visio, Protoshare, Axure, OmniGraffle, Photoshop, litt Keynote og sist, men definitivt ikke minst HTML-prototyping. Men sikkert mange andre verktøy jeg ikke vet om, folk har ulike preferanser :-)
Wireframes Magazine er et fint sted å holde øye med, og UX Booth har en fin oversikt over gode wireframing verktøy. Både Mashable og Smashing Magazine bidrar med inspirasjon og tips innen dette området.
De fleste seriøse verktøyene støtter wireframing for ulike mobilplattformer (gjennom ulike stencils, bl.a.). Det finnes også haugevis med prototypingsverktøy og maler for f.eks. iPhone og Android.
For mobile berøringsgrensesnitt vil jeg også anbefale LukeWs ressurser, se for eksempel hans Touch Gesture Reference Guide. Se også LukeWs sin presentasjon om Mobile First på Webdagene 2010.