Introduktion till användbarhet för mobila enheter

Relevanta dokument
Introduktion till människa datorinteraktion och interaktionsdesign

Den kompletta studiehandledningen för kursen DT126G Användbarhet för mobila enheter

Den kompletta studiehandledningen för kurserna DT157G/IG025G Människa datorinteraktion och IU127G Interaktionsdesign

Projekt: Utveckling av ett användargränssnitt

Projekt: Utveckling av ett användargränssnitt

Interaktionsdesign, grundkurs (7,5 HP)

Datainsamling. Daniel Bosk. data.tex :33:45Z danbos

Interaktionsdesign, grundkurs (7,5 HP)

Interaktionsdesign (7,5 HP)

Människa-Datorinteraktion

Designkoncept och gränssnittsmetaforer

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson

Fastställa mål. Daniel Bosk. goals.tex :33:45Z danbos

Interaktionsdesign. Användbarhet ISO Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

MAMN25 Interaktionsdesign (7,5 HP)

Vad är interaktionsdesign?

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T

Introduktion till datateknik och datavetenskap

Reflektioner kring designprocessen av Intellitic

Introduktion till informationssäkerhet

Introduktion till MDI

Emotionell interaktion

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

Introduktion till MDI

Konverteringsskola Del 3: Vad är användbarhet?

MDI-fk 2D1622 introduktion till kursen & ämnet. MDI-gruppen på KTH. Kursen i sitt sammanhang

Datavetenskap. Beteendevetenskap MDI. Design

Fö 8. Sammanfattande föreläsning MAMN25

En ny lärplattform Ett projekt i människa-datorinteraktion med fokus på design av användargränssnitt

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

Social interaktion. Daniel Bosk. social.tex :33:45Z danbos

Föreläsning 1 2i1029 / MDI - Människa DatorInteraktion. Vem är jag någonstans? Vad är MDI?

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Föreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design

Människa-datorinteraktion 7,5 p

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.

Design och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion

Christopher Axelsson Andreas Carlson Johanna Edström Patrik Karlsson Lina Nordin Gustaf Stenberg

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man

Utvärdering av läroplattformen Moodle

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

Avdelningen för Människadatorinteraktion

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt

Vad är interaktionsdesign?

Design och konstruktion av användargränssnitt (distans) Avdelningen för Människadatorinteraktion. Gulan Jan Gulliksen Ph D, MSc

SUDOA vt-03 Föreläsningsdatum: MDI - fördjupning

Kursrapport för Formgivning av webbsidor 7,5 hp, HT2014, Campus (31KFW1)

Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?

Användarcentrerad design Structure plane (tredje nivån)

Författare: Juha Söderqvist IT-GUI. Version 1.0. Datum

Medicin och Teknik/ ETIF20 E-hälsa. Känna till och kunna ta hänsyn till aspekter som. Känna till de tekniker som är tillämpbara inom e-

Frågetekniker. Föreläsning 3, Utvärderingstekniker MDI, Lena Palmquist 1. Än en gång: JEdit (Py Kollberg) Loggning. Tolkande dataanalys

Användarcentrerad design Interak3on och informa3on

Kursen: Sjukvårdsarbete. Människa-datorinteraktion 5hp. IT-inst. / MDI-avd. Anders Jansson Lars Oestreicher Bengt Sandblad Bengt Göransson Thomas Lind

Föreläsning 4: Designprocessen

Välkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper

Elektronisk publicering TNMK30

Vem är jag? Välkommen till Människa- Datorinteraktion, Inledande. Era förväntningar på kursen. Vem jag tror Ni är? Fortsättning från denna kurs..

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Design och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion

Forskning och mobil medborgarservice på försök, CIDRE

Idag. Språk. Metaforer. Metaforer 10/3/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ7. Deadline projektgrupper idag

Informatik A. Informatics A

ÖVERSÄTTNINGAR I detta kursmaterial har vi valt att översätta en del engelska beteckningar till svenska. Ex: Feature Egenskap

Introduktion Översikt av kursen och området webbteknik

Hi fi prototyping. Johanna Persson MAM nov 2014

REFLEKTION PÅ STARGATE-PROJEKTET

Utvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför?

Kursen handlar om. Var används datorer och andra IT-stöd? Människa-datorinteraktion 1MD016, 5hp. T ex:

Användarcentrerad systemdesign

Let's Walk, (interaktionsdesign) från början till slut

Design för användbarhet

Användarcentrerad systemdesign

1IK430 Brukarorienterad design

Designmetodik. Systemering med användarfokus Malin Pongolini

Problemet. Brukskvalitet. Användbarhet. Andra ordningens design. Att bedöma en lösnings godhet är en nyckelaktivitet i design

Designprocessen. Kapitel 7 & Kapitel 9

Kursplan Gränssnittsdesign, 100p Läsår

Effektivt Nyttigt Självförklarande Kräver ingen manual Intuitivt Läcker design Vem som helst kan använda det. Ändamålsenligt. Farmor kan använda den!

Välkommen! SA S PSA S Im I puls s Mobilite t t e 8 1

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

IC1007 Människa-dator interaktion: Principer och Design 7,5 hp

Användarcentrerad systemdesign

DESIGNMET MINA REFLEKTIONER KRING DESIGNARBETET I IBRUSH-PROJEKTET INVOLVERING AV ANVÄNDARE HUR ÄR DET ATT HA BARN SOM MÅLGRUPP?

Praktiskt användande av användbarhetstekniker 1 (58)

Avdelningen för Människadatorinteraktion

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

En jämförelse av två webbsidor ur ett MDI-perspektiv SARA SJÖDIN

Kursen handlar om. Var används datorer och andra IT-stöd? T ex: Människa-datorinteraktion (MDI) Inst. för informationsteknologi

BEHOVEN KRING ETT ANVÄNDBART

Människa- datorinteraktion, MDI, vt 2012, Anvisningar för projekt- /grupparbete

Användarcentrerad systemdesign

Användbara system. Persiska viken 3 juli USA befinner sig i konflikt med Irak och Iran. Mitt under striden, forts: Mitt under striden:

Interaktionsteknik 7.5 p 5DV132

TVÅ MDI-kurser. Välkommen till Människa- Datorinteraktion, översikt. Vem är jag? Vem jag tror Ni är? Era förväntningar på kursen. Denna kurs...

Att skapa användbarhet och välja metoder med omsorg

Människa-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011

Transkript:

Introduktion till användbarhet för mobila enheter Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1914 2014-08-26 13:33:45Z danbos

Översikt 1 Formalia Schema Lärplattform Litteratur Examination 2 Introduktion till människa-datorinteraktion Vad är interaktionsdesign? Centrala begrepp Designprocessen Användbarhets- och användarupplevelsemål Designprinciper

Översikt 1 Formalia Schema Lärplattform Litteratur Examination 2 Introduktion till människa-datorinteraktion Vad är interaktionsdesign? Centrala begrepp Designprocessen Användbarhets- och användarupplevelsemål Designprinciper

Schema Schemat nns i det centrala schemasystemet. Schemat har nyligen uppdaterats! Om ni nner några konstigheter, tveka inte att uppmärksamma mig.

Lärplattform Kursen ges med den nya lärplattformen: Lärplattform 2.0. Kursinstansen ska nnas under Mina kurser. Allt material är publicerat, säg till om ni nner fel eller konstigheter.

Litteratur Litteraturen som används på kursen är Interaction Design: Beyond Human-Computer Interaction av Sharp, Rogers och Preece [SRP11], Mobile usability av Nielsen och Budiu, Vetenskapsrådets Forskningsetiska principer inom humanistisk-samhällsvetenskaplig forskning [Vet02], samt riktlinjer och designprinciper för användargränssnitt för Nokia N9 [Nok11], Android [And12] och Apple ios [App12].

Examination Kursen examineras med Två seminarier, samt ett projekt.

Seminariet om designprinciper Läs översiktligt igenom riktlinjerna för användargränssnitt och -upplevelse för de respektive systemen [Nok11; And12; App12]. Undersök likheter och skillnader, den tänkta målgruppen för systemet, samt vilka MDI-aspekter de tagit hänsyn till och hur de har gjort detta. Diskutera slutsatserna under seminariet.

Seminariet om mobilanvändbarhet Läs igenom boken Mobile usability [NB13]. Diskutera innehållet under seminariet.

Projekt Skapa en prototyp för ett gränssnitt. Genomföra alla stegen i interaktionsdesignprocessen: 1 ta fram krav och mål, 2 reektera över designalternativ, 3 ta fram en prototyp, och 4 utvärdera prototypen. Med iterationer av vissa moment. Presentera prototypen och tillvägagångssättet i en rapport och en muntlig presentation.

Översikt 1 Formalia Schema Lärplattform Litteratur Examination 2 Introduktion till människa-datorinteraktion Vad är interaktionsdesign? Centrala begrepp Designprocessen Användbarhets- och användarupplevelsemål Designprinciper

Förhållandet till andra områden 2 Källa: [SRP11, sidan 10].

Vad är interaktionsdesign? [D]esigning interactive products to support the way people communicate and interact in their everyday and working lives [SRP11, sidan 9]. The design of spaces for human communication and interaction [Win97, sidan 160; via SRP11, sidan 9].

4 Formalia Intro till MDI Referenser Förstå användarens behov Vad är användaren bra och dålig på? Vad kan hjälpa dem i det sätt de för närvarande arbetar? Kvalitativ användarupplevelse. Lyssna på vad användarna vill ha och involvera dem i utvecklingen. Använd beprövade användarcentrerade utvecklingsmetoder.

5 Formalia Intro till MDI Referenser Kärnan i interaktionsdesign Användarna ska involveras i utvecklingen användarcentrerad utveckling. Optimera för användbarhet och användarupplevelse.

6 Formalia Intro till MDI Referenser Användbarhet Användbart, inte användarvänligt! Går ut på att användarens mål ska nås snabbt och eektivt. Användaren ska inte behöva klura ut hur produkten ska användas. Produkten bör vara säker att använda.

7 Formalia Intro till MDI Referenser Användarupplevelse [E]very product that is used by someone has a user experience: newspapers, ketchup bottles, reclining armchairs, cardigan sweaters. [Gar10, sidan 10; via SRP11, sidan 13]. Hur en produkt upplevs vid användning. Hur användaren känner vid användandet av produkten; nöjd, euforisk, besviken. Användande innebär även att se på produkten och hålla i den. Det går inte att designa en användarupplevelse, bara designa för en användarupplevelse.

Designprocessen Särskilda användbarhets- och användarupplevelsemål ska identieras och fastställas för utvecklingen. Processen för interaktionsdesign behöver itereras. 1 Fastställa krav, 2 utvecklingsalternativ, 3 utveckla prototyp, samt 4 utvärdera. Det sista steget är centralt!

Saker att tänka på Assumption is the mother of all fuck-ups. Bäst före: 11.08.12? Äldre människor vill att knappar etc. ska vara större?

Användbarhetsmål Eectiveness Gör systemet det som avses? Låter produkten användaren att lära sig, utföra uppgifter eektivt? Eciency När användaren väl lärt sig, kan den hålla hög produktivitet? Exempel: Amazon one-click. Safety Vilka fel kan uppstå, och hur lätt kan användaren rätta till dem? Exempel: Spara bredvid Avsluta utan att spara. Utility Har produkten alla funktioner som behövs, eller saknas några? Exempel: Ett ritverktyg där man inte kan rita fritt. Learnability Kan användaren lära sig att använda gränssnittet bara genom att utforska det? Memorability Hur hjälper gränssnittet användaren att komma ihåg vad som ska göra? Exempel: Konventioner, guidande gränssnitt.

1 Formalia Intro till MDI Referenser Användarupplevelsemål Delas upp i kategorierna önskvärda, och icke önskvärda. Önskvärda: njutbar, underhållande, hjälpfull, rolig. Icke önskvärda: tråkig, frustrerande, nedlåtande.

2 Formalia Intro till MDI Referenser Designprinciper För att hjälpa oss att nå användbarhetsmålen har följande designprinciper utvecklats: Visibility, Feedback, Constraints, Consistency, och Aordance.

3 Formalia Intro till MDI Referenser Visibility Synliggöra funktioner som användaren ska använda, jämför med en telefonväxel. Instrumenten i en bil har hög synlighet. Vattenkran med sensor som känner av om händerna är under kranen, hög eller låg synlighet? Jämför med vattenkranarna på tåg.

4 Formalia Intro till MDI Referenser Feedback Ge information om vad som genomförs, eller har genomförts. Exempelvis: Laddar..., eller Din förfrågan har skickats iväg. Kan göras bland annat verbalt, taktilt, visuellt, auditivt. Du har plats 32 i kön, vi tar emot ditt samtal så snart vi kan. Eller att knappen trycks ned vid klick.

5 Formalia Intro till MDI Referenser Constraints Vissa operationer kanske ej är genomförbara i vissa situationer. Måste göra det klart för användaren att en funktion inte går att använda. Exempelvis gråa menyalternativ som ej går att klicka på. Jämför med att använda en dialogruta att funktionen ej går att använda.

6 Formalia Intro till MDI Referenser Consitency Samma typ av operation ska utföras på samma sätt. Exempelvis: Ctrl + C fungerar i princip i alla system, Windows som UNIX-lika GUI-system. Systemet blir enklare att lära sig och använda. Kan dock uppstå problem, exempelvis Ctrl + X. Ctrl + V varför X och V? I ett textbaserat gränssnitt är konventionen att Ctrl + C skickar en avbrottssignal (SIGINT) till programmet. Internal consistency: inom applikationen. External consistency: inom systemet. Undersök ordningen på siertangenterna i telefonappen, och kalkylatorappen.

Aordance Handlar om att ge en ledtråd, det ska vara självklart hur ett objekt används. Exempelvis: dörrhandtag, knapp, eller scrollbar. Delas av vissa upp i perceived och real [Nor99; via SRP11]. Perceived kan sägas vara inlärda konventioner, som moderna scrollbars.

8 Formalia Intro till MDI Referenser Referenser I Android Open Source Project. Android Design. 2012. URL: https: //developer.android.com/design/index.html. Apple Inc. ios Human Interface Guidelines. 2012. URL: https://developer.apple.com/library/ios/ documentation/userexperience/conceptual/ MobileHIG/. J. J. Garret. The Elements of User Experience: User-centered design for the web and beyond. 2:a. New Riders Press, 2010. Jakob Nielsen och Raluca Budiu. Mobile usability. Berkeley, Calif.: New Riders, 2013. ISBN: 9780321884480 (Paper).

Referenser II Nokia Corp. Nokia N9 UX Guidelines. Tillgänglig via lärplattformen. 2011. D. Norman. Aordances, conventions and design. I: ACM Interactions Magazine (maj 1999), s. 3842. Helen Sharp, Yvonne Rogers och Jennifer Preece. Interaction Design: Beyond Human-Computer Interaction. 3:e. Chichester: Wiley, 2011. ISBN: 978-0-470-66576-3. Vetenskapsrådet. Forskningsetiska principer inom humanistisk-samhällsvetenskaplig forskning. Stockholm, 2002. URL: http://www.codex.vr.se/texts/hsfr.pdf.

Referenser III Terry Winograd. From computing machinery to interaction design. I: Beyond Calculation: The next fty years of computing. Utg. av P. Denning och R. Metcalfe. Amsterdam: Springer-Verlag, 1997, s. 149162.