Design og funktionel prototype



Relaterede dokumenter
Multiple choice eksamen i Interaktionsdesign d. 26. marts 2012 KORREKTE SVAR ER MARKERET MED FED SKRIFT. Navn (skriv tydeligt med blokbogstaver)

Automatisering Af Hverdagen

DKK Rally-lydighed, Øvede-klassen. 40. Fristende 8-tal

II. Herefter fortsætter delprøven som en samtale mellem de to prøvedeltagere.

1. Indledning. 2. Laswell s fem spørgsmål. Hvem (afsender) Siger hvad (budskab)

Undervisningsmateriale - Rapport

Multiple Choice eksamen i Interaktionsdesign d. 2. april 2013

Filmmanual for tillidsvalgte. Lav dine egne film til Sociale Medier

Katalog sådan opdaterer du dine oplysninger til Danhostel-kataloget. Version 1.0 INDHOLDSFORTEGNELSE

Tredje kapitel i serien om, hvad man kan få ud af sin håndflash, hvis bare man bruger fantasien

Bevægelses analyse med SkillSpector. Version 1.0 Sidste opdatering: 14/

Computerens anatomi. Flashklip for børn

Det sprogpædagogiske kørekort 2012/2013. Modul 6: Video for viderekomne

Sådan laver du en billed-lyd fortælling med Soundslides Plus / Ole Rode Jensen, oktober 2011

Ergonomisk vurdering af nyt røntgenudstyr Radiologisk Afdeling, Aarhus Universitetshospital, Nørrebro Gade

Storyboard. Velkommen til. På de følgende sider, vil du blive

Spanielskolens Grundtræning 7-12 måneder.

Cecilie Maria Nielsen, Mathias Fornitz Eriksen og Martin Arnetoft klasse

Differentialregning Infinitesimalregning

Skrivebordet Windows 10

Stolelifte til lige trapper. Handicare 1000 Simplicity serien

Manual til overføring af fotografier fra kamera til harddisk.

MILJØMENTOR LAV DIN EGEN FILM M AR IAGERFJORD KO M M U N E

Dokumentation af næsehorn der jager giraf der kører på en motorcykel

In a dark, dark Town

Sign of safety SOS. Pædagogisk dag 26. marts 2013

Indholdsfortegnelse. Vokal Command v.1 manual

1-1 Usability evaluering af den simple udgave

OVERBLIK OVER CENTRALE BEGREBER PÅ KURSET

IHCTablet Manual. For IHCTablet version D903222_ Scneider Electric A/S Danmark

Instruktion i kommandoerne.

Dokumentation af programmering i Python 2.75

Simon Mikkelsen & Phillip Thomsen

Spanielskolens Grundtræning 7-12 måneder.

Installér din Officepakke 2013

Kamera LEIF SMIDT IOS 9 oktober 2015

QUICKGUIDE TIL XMEDIA

LUS LæseUdviklingsSkema

Vejledning til effektmåling af Arbejdsmarkedsuddannelser under De systemfælles redskaber - til efteruddannelsesudvalg

Arbejde med foto og video

Brugervejledning Viki, Vik, Viktor & Viktoria

Ukiftning af forreste Trækaksler Toyota Landcruiser HJ

STRANDPARKSKOLEN. Thomas Koppels allé 10, 2450 København SV STØT DIT BARNS LÆSEINDLÆRING

Forladt. Mathias Amsinck Kalhauge.

IntDesign - Kap 7. Kap s Usability goals

Tastevejledning Windows XP

Brug Photo Story 3 en let introduktion

Adobe Elements Lektion 2

L Æ R I N G S H I S T O R I E

Sådan bruger du bedst e-mærket

WORKFLOW & PRODUKTION

HVORFOR PROFILER? TELEFONI TILPASSET DIN HVERDAG

Vurdering af digitalt læringsmiddel:

SERIES DANSK INDEKS MED LEDNING MODEL MONTERING TRÅDLØS MODEL MONTERING BATTERI TYPE & LEVETID KUNDESERVICE-CENTRE

Den mundtlige dimension og Mundtlig eksamen

Indholdsfortegnelse. Indholdsfortegnelse.. side 2. Adgang til webgraf 3. Opslag adresse Styring af layout.. 5. Zoom funktioner..

Diagrammer visualiser dine tal

Det er en dejlig dag i Paradisparken, og solen skinner. Magnus er tidligt oppe og har fuld fart på. Han har fået en ny spændende ide: Han vil tælle

Den automatiske sanseforventningsproces

VELKOMMEN TIL PHOTO STORY FOR WINDOWS

2016 Sebastian Trabjerg Tenniskonsulenten.dk. All rights reserved. Denne E- bog må kun benyttes til personligt brug.

Bachelorprojekt Bilag 4 fil nr. 3 Tysk Karin Rostgaard Henrichsen Studienummer:

RUTruteplanlægningsvejledning. Folkekirkens Nødhjælp Sogneindsamling 2015

Løbetræning for begyndere 1

3.s. i Fasten d Luk.11,14-28.

Forældre Loungen Maj 2015

25282 Hæve/Sænke skammel Design synsvinkel: Bruger synsvinkel: Produktion, konstruktion: Andre overvejelser:

Kom godt i gang med OneDrive

Indhold. Brug Beo4 fjernbetjeningen, 3. Detaljeret beskrivelse af knapperne på Beo4, 4 Daglig betjening og avancerede funktioner med Beo4 knapper

B A R N E T S K U F F E R T

Øvelser i Begynderklassen.

Quickguide til Waoo! TV-funktioner

JAR nyhedsbrev fra Region Nordjylland

DcH Bjerringbro. D - Programmet. Gældende fra marts TU og KU

VIDEO 2 TANTRACURE. Afspændingsteknikken

Sikkerhed på Android. Der kan være forskelle i fremgangsmåden på de forskellige Android modeller.

GUIDE TIL OPRETTELSE AF ARTIKLER I JOOMLA - FRONTEND

Dokumentation. Grafisk Design

Forældreundersøgelse

Rally Lydighed Øvelsesvejledning

Digital eksamen for studerende

Sådan vælger du den rette bil

Sådan bruger du Spor. Schultz

grafisk produktion & workflow

Indholdsfortegnelse resultat- & kritikprogrammet.

Forslag til arbejdsgang ved tilrettelæggelse af en WebQuest

PLANLÆG, SAMMENSÆT OG DEL UNDERVISNINGSMATERIALE. Fremtidens løsning til distribution af digitalt undervisningsmateriale

Digital Video Recorder Brugermanual

============================================================================

Kom/IT rapport Grafisk design Anders H og Mikael

Elektronikken bag medicinsk måleudstyr

Design Brief. Indledning. Formål og metode. Kontekst. Analyse af rummet. Urban Interventions 2012 Design Brief

Manual til PRO DK180

Udspring. - Inspiration til udspringsaktiviteter (svømmeskolen, tweens og teens)

Michael Svennevig: TEATER I TRÆSTUBBEN. 119 s. 98,- kr. Forlaget Epigraf.

Lav dine egne striber med online-værktøjer! - en manual fra Skolekonsulenterne.dk

METODESAMLING TIL ELEVER

3.0 Velkommen til manualen for kanalen Shift Introduktion til kanalen Hvad er et spot? Opret et nyt spot 2

Transkript:

Design og funktionel prototype 2.1) Minus scenarie Der bliver sendt nye billeder til rammen og Hans ønsker at se billederne, men billederne rotere for langsomt så Hans går op og bruger touch funktionen til at rotere til næste billede og går tilbage til sofaen. Næste billede roterer også for langsomt så Hans bliver irriteret, da han skal op og skifte til næste billede igen. Så han vælger at blive stående tæt på skærmen for at se billederne, hvilket resulterer i, at han får ondt i hovedet/øjnene fordi det er nødvendigt at stå tæt på en stor ramme og se billedet Plus scenarie Arne er på ferie ved en strand og tager et billede og sender det til rammen. Hans forældre sidder foran rammen og ser det nye billede der bliver sendt. De observerer at Arne har tabt sin pung og at den ligger i sandet på billedet. De skynder sig at ringe til Arne og han slipper for at bruge timevis på at lede efter pungen på stranden. 2.2) Konceptuel model Hovedmetaforen/analogien er, at designet skulle repræsentere det familiære ved et almindeligt fotoalbum, hvori delingen af billeder med andre er en relativ smal sag. Analogien ved at bladre på touch skærmen bringer associationer til at man vha. touch screen funktionen bladrer i fotoalbummet for at se det næste billede. En interface-metafor kunne (igen) være tanken om enten en fysisk eller digitalt fotoalbum. På den ene side er en fin beskrivelse af, hvordan interfacet var tiltænkt at det skulle virke. Men på den anden side kunne det virke restriktivt og mindske lysten for en del brugere, da det kunne skabe associationer med det bøvlede ved at oprette et online/digitalt fotoalbum. De centrale begreber i vores konceptuelle model er Interaktionstyper, Interfacetyper og metaforer/analogier. Metaforerne og analogierne bruges til bedre at kunne formidle hvordan designeren (vores) idé/mentale model skal opfattes og bearbejdes af brugeren. Interaktionstyperne og interfacetyperne, som nævnes senere i afleveringen, er andre måder for designeren til at kunne udforme sin konceptuelle model efter. I forbindelse med den konceptuelle model sammensatte vi en low fidelity prototype, afbilledet af vores mentale model af, hvordan vi opfattede designet. Prototypen blev fremvist for andre fra holdet for først og fremmest at få synkroniseret vores mentale model af designet med potentielle brugeres model og opfattelse. Samt bare generelt respons og evt. muligheder som vi eventuelt havde overset (f.eks. grundet i forbindelse med valget af 2 interviews vs. et spørgeskema).

De aktiviteter som rammen understøtter er, at se et slideshow af billederne på rammen, modtage nye billeder fra en ekstern kilde, manipulér billederne med mulighed for f.eks. at kunne rotere og stoppe billede slideshowet samt se et overblik af alle/mange billeder på en gang. Interaktionstyper Fra bogen opstilles der 4 overordnede interaktionstyper: Instruktion, konversation, manipulation exploration. Af de 4 interaktionstyper vurderede vi, at den der passede bedst til vores Design er manipulation. Grunden til dette er, at man først og fremmest vha. vores touch screen styrer slagets gang ved at manipulere med skærmen. Selve fremgangsmåden ved touch skærmen vil, efter en kort introduktion, være ligetil for stort set alle brugere. Også dem der normalt ikke er IT-kyndig. Dette hænger ganske glimrende sammen med vores tidligere etablerede Usability goal: Learnability. Da associationer mellem rammen og et fysisk fotoalbum forekommer, ville fremgangsmåden også virke yderst logisk efter de indledende knæbøjninger. Derved opnås det andet Usability goal: Memorability. Grunden til at vi ikke har valgt instruktion interaktionstypen er, at jo flere kommandoer og knapper der er for at kunne navigere rundt i systemet ville det højest sandsynligt komme i konflikt med nogle af vores user experience goals samt usability goal et: Learnability. De user experience goals vi har valgt, som ikke stemmer overens med den (mulige) indlæringskurve det kunne kræve at sætte sig ind i system, er User friendly & Simplicity. Kort sagt, så kan det virke afskræmmende og nedsætte lysten til at bruge systemet. Grunden til at vi heller ikke har valgt interaktionstypen konversation bliver også forklaret i næste afsnit omkring interfacetyper, hvor vi har opsat fordele og ulemper omkring brugen af samtale/stemmeaktivering. Et andet problem i forbindelse med konversation er, at de input muligheder man har, kan være yderst begrænset alt efter hvordan det er implementeret. Til sidst har vi interaktionstypen exploration. Den blev heller ikke valgt fordi, at vi vurderede at det ikke som sådan havde nogen positiv indflydelse på vores Design. Under interfacetyper har vi også vurderet fordele og ulemper i forbindelse med brugen af noget gesture/motion control til at styre systemet/rammen. 2.3) Interfacetyper Vi har kigget på lidt forskellige valgmuligheder af interfaces til vores ramme heriblandt bevægelse, lyd, fjernbetjening, knapper under skærmen og touch. Bevægelse Rammen kan finde finde på at reagere på tilfældige bevægelser i rummet. Tager lidt plads at sætte sensorer op på.

Man behøver ikke bevæge sig for at skifte billede. Lyd Rammen kan finde finde på at reagere på tilfældige lyde i rummet. Hvis man inverterede funktionen, så rammen skiftede billede når der ikke var noget lyd i rummet. Ville det virke mærkelig, hvis man skulle få alle i rummet til at stoppe med at sige noget for at få billedet til at skifte. Man behøver ikke bevæge sig for at skifte billede. Fjernbetjening Hvis rammen selv skifter billede automatisk, så vil det forhåbentlig sjældent være nødvendigt manuelt at skifte billede og herved bliver fjernbetjeningen måske lidt overflødig Det ville være irriterende at have endnu en fjernbetjening at holde styr. Man ønsker måske ikke at have den til at ligge frit fremme Knapper under skærmen Det kan virke afskrækkende hvis der er en masse knapper. Vores erfaringer siger at mange aldrig for lært at bruge knapperne. Det gør skærmen større der skal bruges mere plads Det virker intuitivt at bruge, hvis det er designet rigtigt. Det fylder ikke ret meget mere end bare skærmen Touch Skærmen kan blive lidt fedtet.

Af bl.a. overstående grunde kom vi frem til at Touch ville være det bedst valg. Mere specifict: så touch den ting som hænger bedst sammen med vores User experience goals. Fx er touch user friendly, da det generelt er meget intuitivt hvad med skal gøre ved brugen af touch. Fx hvis man se billeder slide fra højre mod venstre. Så giver det god mening at tage ens finger og prøve at bladre til højre for at komme til forrige billede. Touch kan gøre interfacet meget simpelt da det nærmest gør interfacet usynligt (Simplicity goal). 2.4) Storyboard Storyboard illustration af Designet.

Low fidelity protoype Uddrag fra vores kortbaserede prototype. Skanningskvaliteten er lidt tvivlsom på de første 2-3 billeder, men forhåbentlig er mening ikke helt forsvundet.

Evaluering I forbindelse med evalueringen af vores kortbaserede prototype med de andre grupper nåede vi frem til følgende punkter/faldgruber/? Flere af ideerne er slået sammen under fælles punkter og derefter forklaret. 1) Mulig video og højtalere. Der var et ønske om en mulighed for at kunne afspille og dele videoer vha. rammen. I forbindelse med videomuligheden blev der, logisk nok, foreslået integreringen af højtalere. 2) Billedmanipulation. En glimrende idé omkring muligheden for at kunne manipulere med billederne. Vi havde selv tænkt på idéerne såsom multi-touch samt muligheden for at stoppe billede cyklussen ved at tappe på skærmen. De andre idéer var muligheden for at kunne zoome ind på det givne billede og dreje det. 3) Sikkerhed. En vinkel vi ikke selv havde kigget så meget på var sikkerheden omkring billeddelingen og rammen. Ville det være muligt for andre at kunne sende og derved uploade uønskede billeder? Skulle man kunne låse sin ramme med et login eller måske en bekræftelsesmenu hvor man godkender hvilke billeder der skal vises/gemmes i rammen. Hvad ville der ske, hvis et billede uploadet fra f.eks. en computer blev slettet? Ville det stadigvæk eksistere i rammen eller ville det også blive slettet? Flash prototype Vi vil bruge touch skærm, men af arbejdsmæssige grunde har vi sat pinke knapper ind for at teste funktionaliteten. Disse vil så blive erstattet med usynlige knapper senere evt. med slide. På nuværende stadie vil det være muligt at trykke i toppen af skærmen for at få et overview frem hvor der kan bladres igennem thumpnails af billederne. Findes et ønsket billede kan det trykkes og brugeren vil blive ledt til det pågældende billede. På nuværende tidspunkt vil programmet ikke gå videre fra andre end "isbjørn" billedet (frame 1). Billedskiftning virker nu med hardcoded billeder, og formår at "wrappe" rundt når den når til enden af billedrækken. Modtaget billede er defineret som en knap, men har endnu ingen funktion. Alle knapper styres pt. via musen.