Storyboard og Prototype Muck-Up

Udviklingslog (Status & Planer)

01 KM 12/11-2016 Første udkast. Under udarbejdelse (ikke Færdig - klar til review)

Introduktion

• I dette kapitel fortælles om Story board der anvednes i forbindelse med design at store IT-systemer og såkigger vi på Prototyper at en app eller en hjemmeside

Formålet er at give eleverne nogle konkrete værktøjer de kan anvende i designfasen Intensionen er at vise hvor enkelt det fx er at lave en prototype muck-up at en hjemmeside

• Kernestofbeskrivelsen i læreplanerne (både C og B) indeholder en selvstændig pind om interaktionsdesign. Der står: konsekvenser og vigtighed af brugervenligt interaktionsdesign; snitflade mellem det formelle it-system og den sociale verden; simple modeller og designprincipper for systemers præsentationslag.

Forudsætninger

• Det er godt have gennemgået kapitlet om interaktion inden dette kapitel påbegyndes

Materiale

Informatiks generelle udviklingsmodel fungerer fint i forbindelse med interaktionsdesign (arbejdet med at udvikle produktets brugergrænseflade). Læs mere om udviklingsmodeller her http://iftek.dk/fagets-metoder Figuren viser den iterative inkrementerende udviklingsmodel

Det begynder med en idé til en brugergrænseflade og slutter med en færdig brugergrænseflade (effekt). Undervejs bygges brugerfladen langsomt op og testes, modificeres og testes igen. Processen begynder med en simpel papirmodel og slutter med en brugergrænseflade der til forveksling ligner den brugeren vil opleve i det endelige produkt.

Arbejdsgangen - rent lavpraktisk Der er forskellige defacto-standarder til opbygning af brugergrænsefladen. Opbygningen afhænger af den platform den primære bruger anvender (laptop, smartwatch, tablet, smartphone, PC med tre skærme, smartglasses, osv).

Vi antager der skal designes en web-shop hjemmeside til en laptop PC med en 15" skærm. I udviklingsmodellen befinder projektet sig i fasen "Analyse, Design og implementation".

Arbejdet begynder med at velkomstbilledet skitseres på et stykke A4-papir. Det skal være en overordnet skitse uden for mange detaljer. En skitse - altså tegnes i fri hånd (uden lineal). Formålet er at fange idéer og skabe konsensus om produktet. Billeder og tekster skal kun markeres på skitsen - ikke skrives. Brug ikke lineal fordi det øger detaljeringsgraden, udnævner en bestemt person som pennefører og det tager tid - en lineal begrænser kreativiteten og ødelægger arbejdsflowet i processen.

Arbejdet med skitsen udløser en mængde gode spørgsmål i projektgruppen; skal der anvendes top-menu eller side menu. Skal der være et gennemgående baggrundsbillede og skal indkøbskurven sidde i øverste venstre hjørne osv. Gruppen diskuterer de forhold der kommer frem og modificerer løbende papirskitsen.

Billedet viser et eksempel på skitse (fra https://www.flickr.com/photos/49862829@N08/sets/72157624975550411)