Institutionen för datavetenskap Department of Computer and Information Science

Storlek: px
Starta visningen från sidan:

Download "Institutionen för datavetenskap Department of Computer and Information Science"

Transkript

1 Institutionen för datavetenskap Department of Computer and Information Science Examensarbete Mobilen först Framställning av en design för Östgötatrafikens mobila hemsida med fokus på användarna av Anna Larsson LIU-IDA/LITH-EX-A--13/023--SE Linköpings universitet SE Linköping, Sweden Linköpings universitet Linköping

2 Institutionen för datavetenskap Department of Computer and Information Science Examensarbete Mobilen först Framställning av en design för Östgötatrafikens mobila hemsida med fokus på användarna Anna Larsson LIU-IDA/LITH-EX-A 13/023 SE Linköping 2013 Handledare: Examinator: Anders Fröberg ida, Linköpings universitet Linus Engback Sogeti Barbro Kindgren Sogeti Erik Berglund ida, Linköpings universitet Institutionen för datavetenskap Linköpings universitet Linköping

3

4 Sammanfattning Östgötatrafiken är ett länstrafikbolag i Östergötland och har idag en hemsida, en mobil hemsida och appar. De har sett att användningen av deras mobila hemsida och deras appar har ökat. För att skapa en bättre användarupplevelse samt för att minska de underhålls- och utvecklingskostnader som kommer med många system är en responsiv hemsida ett bra alternativ för dem. En responsiv hemsida innebär att ett system anpassar sig efter den skärmstorlek som den enhet som används har. Vad som visas och hur det visas beror på om det är en dator, en mobiltelefon eller en surfplatta som används. För att skapa en modern och innovativ hemsida valdes att fokusera på den mobila upplevelsen och att designa systemet för mobiltelefonen först. Syftet med studien var då att ta reda på vad användarna vill göra på Östgötatrafikens hemsida på mobilen samt att ta fram ett designförslag för systemet. Studien utfördes med fokus på användarna. Det första som gjordes var därför en användarstudie med hjälp av enkäter, intervjuer och observationer. Genom detta skapades en bild av användaren och dess behov på Östgötatrafikens hemsida via mobilen. En kravanalys gjordes för att ta reda på vad som var viktigt för användarna och för att se vad som kan förbättras och förändras med hemsidan. Ett designförslag ritades upp med hjälp av wireframes för de två viktigaste funktionerna. Funktionen Reseplaneraren låter användaren söka resor. I denna funktion har användarna fått fler valmöjligheter och sökresultatet visualiseras på ett mer lättöverskådligt sätt än tidigare. Funktionen Realtidskartan är ett nytt koncept som har skapats för att visualisera trafikinformation på ett modernt sätt. I kartan kan användaren se sin position för att få veta vilka hållplatser som finns i närheten. Användaren kan också se på kartan vart olika fordon är just då och om några trafikproblem finns för en tur. Utifrån användarstudien, kravanalysen och litteratur skapades ett användarvänligt system som låter användarna enkelt och snabbt utföra uppgifter. Detta bekräftades i det användbarhetstest som utfördes där ett högt resultat erhölls i den SUS-enkät som genomfördes. SUS-enkäten mäter systemet effektivitet och tillfredsställelse. Detta resultat är en del i det arbete som behöver göras för att skapa en responsiv sida till Östgötatrafiken. iii

5 Tack Denna studie är ett examensarbete på civilingenjörsprogrammet i informationsteknologi på Linköpings Universitet. Studien utfördes på Sogeti och jag vill tacka Helena Rosengren för att jag fick möjligheten att utföra examensarbetet där. Jag vill även tacka mina handledare Linus Engback och Barbro Kindgren på Sogeti för den hjälp och det stöd jag har fått under arbetets gång. Ett stort tack vill jag även ge till Jonas Landh på Östgötatrafiken för hjälpen med enkäten och intervjuer och för det trevliga bemötandet. Till sist vill jag tacka min familj och sambo för allt stöd jag har fått under utbildningens fem år. Linköping, Maj 2013 Anna Larsson iv

6 Innehåll Figurer Tabeller vii viii I Introduktion 1 Inledning Syfte Östgötatrafiken Problemformulering Avgränsningar Begrepp Disposition II Litteraturstudie 2 Kravhantering Intressenter Processer Utforskningsfas Användbarhet 11 4 Interaktionsdesign Designprinciper v

7 vi INNEHÅLL 5 Mobil design Mobilt användande Wireframes 19 7 Responsiv design 20 III Forskningsmetodik 8 Metod Enkät Intervju Observation Användbarhetstest SUS-enkät IV Resultat 9 Användarstudie Enkät Observation Intervju Sammanställning av användarstudie Krav Wireframes Reseplaneraren Realtidskarta Användbarhetstest Resultat av test Designförslag 65 V Avslutning 13 Diskussion Användarstudien Kravanalysen Designprocessen Användbarhetstestet Designförslaget Fortsatt arbete Slutsats 78

8 Litteraturförteckning 79 A Enkät 84 B Användbarhetstest 88 Figurer 5.1 Interaktion: vart föremål ska placeras för högerhänta Responsiv design: media queries Responsiv design: bilder ska fokusera på innehållet Resultat på frågan Hur ofta reser du med Östgötatrafiken i procent Resultat på frågan När reser du med Östgötatrafiken? i procent Resultat på frågan Hur ofta använder du hemsidan via mobilen eller appen? i procent Resultat på frågan Har du någon gång under det senaste halvåret gått in på Östgötatrafikens hemsida på en mobiltelefon eller använt Östgötatrafikens app? i procent Åldersfördelning på de svarande Resultat på frågan Vilka funktioner har du använt på hemsidan via mobilen eller via appen det senaste halvåret? i procent Antal som svarade mycket viktigt på frågan Hur viktigt tycker du det är att följande funktioner finns på Östgötatrafikens hemsida via mobilen? i procent Analys av frågan Hur viktigt tycker du det är att följande funktioner finns på Östgötatrafikens hemsida via mobilen? Startvy för Reseplaneraren Avancerad sökning Senaste sökning Karta med möjlighet att välja från och till Kalendervy Vy för sökt resa Vy för sökt resa, utvidgad Vy för sökt resa, med byten Startvy för Realtidskarta vii

9 10.10Vy för aktuell plats Vy för buss Vy för trafikinformation Vy för hållplatsen Linköpings resecentrum Vy för mer information på Linköpings resecentrum Vy för filtrering Karta med linjer Uppgiftsframgång i användbarhetstestet SUS-värdet för de fem testpersonerna Designförslag för startvyn till Reseplaneraren Designförslag för vyn Senaste sökning Designförslag för startvyn för Realtidskartan Designförslag för vyn med hjälptext Tabeller 9.1 Krav för Trafikinformation Krav för Reseplanerare Krav för Kartfunktion Krav för Mina sidor Krav för Information Krav för Övrigt viii

10 Del I Introduktion

11

12 1 Inledning Användningen av mobiltelefoner och surfplattor bara ökar och ökar. Det kommer fler och fler skärmar, i olika storlekar och med olika upplösningar. Detta gör att ett företag som vill nå ut till sina kunder idag skapar system för många olika enheter till sina kunder, till exempel på datorer, mobiltelefoner och surfplattor. För ett företag som har en hemsida eller app för varje enhet innebär det höga utvecklings- och underhållskostnader. Detta problem går att lösa med hjälp av responsiv design. Responsiv design innebär att ett enda system anpassar sig efter vilken skärmstorlek som används och visar innehållet på bästa sätt för just den storleken. Wroblewski (2011) har skapat uttrycket Mobile first, med det menar han att webbsidor och appar ska byggas för mobila enheter först, innan systemet byggs för datorer och surfplattor. Detta skapar möjligheter att vara innovativ och kreativ, men det kräver också att innehållet prioriteras. För att ta reda på vad användarna vill göra i systemet så behöver en kravanalys genomföras. Enligt Kotonya and Sommerville (1998) kommer användarna inte att använda systemet om inte systemet uppfyller deras krav, därför är det viktigt att en gedigen analys genomförs med ett stort fokus på användarnas behov. 1.1 Syfte Syftet med detta arbete är att göra en undersökning kring en ny hemsida till Östgötatrafiken där fokus ligger på den mobila designen utifrån Wroblewskis (2011) filosofi att bygga webbsidor för mobilen först. Slutresultatet ska vara en kravlista på det användaren vill göra på hemsidan i mobilen och ett designförslag byggt med hjälp av wireframes av hur sidan skulle kunna se ut. 3

13 4 1 Inledning Östgötatrafiken Östgötatrafiken är ett länstrafikbolag i Östergötland och har idag en hemsida, en mobil hemsida och appar. Det är många system som ska fungera på flera olika skärmar. Ett responsivt system skulle hjälpa Östgötatrafiken genom att de får färre kanaler att underhålla. Att göra en omdesign skapar även ett tillfälle att arbeta för en bättre användarupplevelse för kunderna. Östgötatrafiken använder sig idag av följande begrepp på sina webbsidor och i sina appar: Reseplaneraren Användaren kan söka en resa här Trafikinformation Visar information om störningar i trafiken Mina sidor En portal för användarna där de till exempel kan spara sina vanligaste sträckor och köpa biljetter Östgötatrafiken har ungefär besökare på hemsidan 1 och ungefär besökare på den mobila hemsidan 2 i snitt under en månad under Problemformulering Vad vill användarna göra på en mobiltelefon på Östgötatrafikens hemsida? Hur vill användarna förbättra och anpassa Östgötatrafikens hemsida i mobilen. Hur skulle Östgötatrafikens hemsida i mobilen kunna designas utifrån vad användarna vill göra? 1.3 Avgränsningar Denna studie har endast fokuserat på den mobila designen. För att skapa ett helt system behövs design för fler delar, även för datorer och surfplattor. Designen har bara ritats upp med hjälp av wireframes och inte implementerats, därför är det inte säkert att det är möjligt att realisera designen. Vissa förändringar kan behöva göras för att systemet ska fungera. Studien har haft en tidsbegränsning på 20 veckor. Detta har inneburit att endast ett urval av användarna har kunnat kontaktas och att endast en iteration av användbarhetstester har utförts. Studien har utgått ifrån Linköping och är anpassad efter de färdmedel som finns i de centrala delarna av staden. Dock bör resultatet vara realiserbart på hela Östergötland och liknande länstrafikbolag efter mindre justeringar

14 1.4 Begrepp Begrepp Följande begrepp används i rapporten, vad begreppet syftas på i denna rapport förklaras nedan. Mobiltelefon Med mobiltelefon avses en smartphone med touchskärm. Mobil enhet En mobil enhet kan vara en mobiltelefon, en surfplatta eller en mindre dator som är mobil. Surfplatta En surfplatta är en handdator som har en touchskärm. Dator En dator är avsedd för att användas vid ett skrivbord. För att interagera med en dator används en mus och ett tangentbord. App En app är ett program som användaren kan ladda ner till sin mobiltelefon eller surfplatta. Upplösning Upplösning är ett mått på hur många pixlar per längdenhet som kan visas. Grafisk manual En grafisk manual innebär att det finns regler för vilka färger och stilar som ska användas. 1.5 Disposition Rapporten är indelad i fem delar: Introduktion, Litteraturstudie, Forskningsmetodik, Resultat och Avslutning. Del 1 är introduktion till studien och innehåller kapitlet Inledning där bland annat studiens syfte och avgränsningar gås igenom. Del 2 är en litteraturstudie med sex kapitel. Där beskrivs litteratur kring bland annat kravhantering och mobil design. Del 3 redovisar den forskningsmetodik som använts. Kapitlet beskriver forskningsmetoder och fyra olika undersökningsmetoder. Del 4 redogör det resultat som har funnits i studien. Det är uppdelat i fyra kapitel, de kapitel som redogörs är Användarstudie, Wireframes, Användbarhetstest och Designförslag. Del 5 som är en avslutning av studien innehåller två kapitel. Det första kapitlet Diskussion, diskuterar resultatet av studien och det andra kapitlet Slutsats, presenterar slutsatser och besvarar problemformuleringen.

15 Del II Litteraturstudie

16

17 2 Kravhantering Krav definierar vad systemet ska göra och kan även beskriva vilka förutsättningar systemet har. Eriksson (2008) anser att krav bör tas fram både för vad systemet ska göra och hur det ska utföras. Detta görs genom att dela upp kraven i olika typer, han beskriver funktionella och ickefunktionella krav. Funktionella krav redogör vad något ska göra, dessa krav kan beskrivas utifrån indata och utdata. Ickefunktionella krav redogör hur systemet ska fungera, dessa krav har betydelse för hur användarna uppfattar systemet. De ickefunktionella kraven behandlar användbarhet, tillförlitlighet, prestanda och underhållbarhet. Kotonya and Sommerville (1998) anser också att det är viktigt att ta fram krav både för vad systemet ska göra och hur det ska utföras. Systemets design beskriver hur något ska göras och författarna nämner följande argument för att specificera designen samtidigt som övriga krav definieras. Ofta används en specifik plattform som har en viss design Viss design för arkitekturen är nödvändig för att förstå relationer för systemet i stort Av budgetskäl kan det vara bra att arbeta med designen samtidigt som kraven tas fram När nya system tas fram idag blir det ofta problem på grund av att kraven inte har varit tillräckligt bra enligt Kotonya and Sommerville (1998). Om kraven inte är rätt framtagna kan det innebära att användarna blir missnöjda och inte använder systemet. För att förbättra ett system behöver ytterligare krav- och utvecklingsprocesser göras vilket medför ökade kostnader. Kotonya and Sommerville (1998) hävdar att det är dyrare att behöva rätta till fel i efterhand än att lägga ner tid på att skapa bra krav från början. Författarna har därför tagit 8

18 2.1 Intressenter 9 fram fyra punkter som bör tänkas på under kravprocessen för att undvika problem och otillräckliga krav: Kraven bör beskriva användarnas behov Krav är ofullständiga Det är svårt att ändra ett krav i efterhand Missförstånd mellan kunden och utvecklare sker ofta Även Eriksson (2008) beskriver flera problemområden, dessa handlar om att användarna, beställarna och kravinsamlarna har svårt att förstå varandra. De problem som Kotonya och Sommerville beskriver stämmer överens med de problem som Eriksson redogör för. 2.1 Intressenter Det finns flera olika typer av intressenter till ett system. Enligt Kotonya and Sommerville (1998) är det följande: Utvecklare Slutanvändare Ansvarig för systemet Utomstående experter, till exempel myndigheter Experter på systemets område Dessa intressenter har alla olika bakgrund och olika tekniska kompetenser. Samarbetet mellan rollerna, personernas personlighet och deras status i gruppen kommer att påverka vilka krav som tas fram och hur slutprodukten blir (Kotonya and Sommerville, 1998). Det är därför viktigt att värva rätt personer till projektet. 2.2 Processer Kotonya and Sommerville (1998) beskriver flera olika processer för kravhantering. Oavsett process gås fyra olika faser igenom: 1. Utforskning 2. Analys och förhandling 3. Dokumentering 4. Verifiering Eriksson (2008) använder sig av metoden Stjärnan, där gås sex faser igenom: 1. Insamling

19 10 2 Kravhantering 2. Strukturering 3. Prioritering 4. Dokumentering 5. Kvalitetssäkring 6. Förvaltning De olika författarnas steg är lika, skillnaden är att Eriksson har delat upp processen i fler steg, men samma innehåll finns i Kotonya och Sommervilles process. Processen av Kotonya and Sommerville (1998) innebär att det första steget utforskar vilka krav som finns utifrån intressenter, dokument och marknadsstudier. I det andra steget analyseras i detalj de krav som framkommit. Dessa krav ska förhandlas och godkännas. Dokumentering är den tredje fasen och i den ska de krav som accepterats skrivas ner. I det sista steget ska dokumentationen verifieras. Syftet är att kontrollera att kraven är konsekventa och fullständiga och det är även en möjlighet att se till att alla inblandade förstår det som står i dokumentet. (Kotonya and Sommerville, 1998) I denna studie gås endast det första steget från Kotonya and Sommerville (1998) process igenom och utifrån Eriksson (2008) modell så används det första och andra steget. Det är endast de stegen som kommer att beskrivas mer detaljerat och Kotonya and Sommerville (1998) benämning utforskningsfas används Utforskningsfas Utforskningsfasen börjar med att definiera syfte och mål för systemet. Efter det ska kraven samlas in utifrån de olika intressenterna. I utforskningsfasen finns det fyra dimensioner att ta hänsyn till enligt Kotonya and Sommerville (1998). De olika dimensionerna är: Branschen Kunskap inom området som systemet utvecklas i. Problemet Kunskap i det specifika problemet. Företaget Kunskap i hur systemet påverkar företagets affärsmål. Intressenterna Förståelse för alla intressenters mål och deras behov av systemet. Målet med fasen är att få med alla fyra dimensioners krav för att skapa en produkt som de olika intressenterna är nöjda med och vill använda. Det är extra viktigt att få med användarnas krav eftersom de inte kommer att använda produkten om dem inte är nöjda med den. För att bearbeta den information som samlats in under utforskningsfasen kan informationen beskrivas i olika delar och roller. Namn kan sättas på delarna och rollerna för att göra det tydligt vad som menas och hur det fungerar (Kotonya and Sommerville, 1998). En struktur som är lätt att överblicka bör skapas.

20 3 Användbarhet För ett människocentrerat interaktivt system är användbarhet viktigt. Enligt ISO-normen (1998) definieras användbarhet så här: Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå specifika mål på ett ändamålsenligt, effektivt och för användaren tillfredsställande sätt. Enligt Benyon et al. (2005) ger ett system med hög grad av användbarhet möjlighet att göra uppgifter effektivt. Det ger även användaren möjlighet att lära sig systemet på ett enkelt sätt. Benyons beskrivning stämmer överens med den definition som ISO har. För att åstadkomma en hög grad av användbarhet bör fokus vara på följande tre punkter som Gould m.fl. (1987) har utvecklat och som beskrivs av Benyon et al. (2005): Lägg fokus på användarna och deras uppgifter. Det är viktigt att förstå vem användaren är och vilket problem systemet ska lösa. Låt användarna få utvärdera systemet under utvecklingens gång. Arbeta i en iterativ process. Upprepa de olika faserna som genomförs eftersom det är svårt att göra allt rätt från början. Gould m.fl. (1987) har även insett utifrån de tre tidigare punkterna att en fjärde punkt behövs; det är viktigt att de faktorer som påverkar användbarheten bör influeras av varandra. 11

21 4 Interaktionsdesign Interaktionsdesign innebär att designa hur en användare interagerar med ett system. Ett interaktivt system kräver hög kvalité och att systemet anpassar sig efter människorna och deras behov. Benyon et al. (2005) beskriver att följande fyra objekt bör arbetas med när ett interaktivt system designas: Designen Vad är design och hur ska den användas? Design kan innebära flera saker när ett system utvecklas, till exempel ska en design göras för layouten för sidan och en design för färgschemat. Teknik Vilka olika typer av enheter och komponenter finns det? Enheter och människor talar olika språk och en svårighet ligger i att kombinera dessa språk. Hänsyn till indata och utdata till systemet bör tas. Indata handlar om hur människor matar in data, det kan till exempel vara genom att trycka på skärmen eller genom att prata till systemet. Utdata handlar om att fundera över storleken på skärmen, det kan också vara att fundera på om resultatet ska visas genom en video eller som text. Människor Vilka ska använda systemet och hur förbättrar produkten deras liv? Alla människor är olika och vill använda tekniken på olika sätt. Interaktiva system är enheter som svarar på handlingar utförda av människor. Benyon et al. (2005) beskriver att en nyckelprincip är att designa produkter så att användarna direkt ska förstå hur det ska användas och att de ska förstå vad de kan göra med produkten. Aktiviteter Vad kommer människorna göra med systemet och i vilken miljö? Aktiviteten kan ske på olika sätt, till exempel kan den göras frekvent eller sällan, det kan användas i ett led av flera olika aktiviteter eller då användaren har gott om tid eller är under tidspress. (Benyon et al., 2005) 12

22 4.1 Designprinciper 13 Det är viktigt att vara människocentrerad när ett interaktivt system designas. Det innebär att systemet anpassar sig efter människan och låter den vara kreativ och flexibel. Fokus bör vara på vad människor vill göra istället för vad tekniken kan göra. Motsatsen är att vara maskincentrerad och ett system designas då så som en maskin fungerar. (Benyon et al., 2005) Med hjälp av de fyra objekten ovan kan en analys utföras som Benyon et al. (2005) kallar en PACT-analys. Det innebär att designern ska hitta den nivå på tekniken som underlättar de aktiviteter användarna vill göra i olika områden. Analysen undersöker den aktuella situationen, försöker hitta förbättringsmöjligheter och visualiserar framtida möjligheter. 4.1 Designprinciper Benyon et al. (2005) har sammanställt en lista med designprinciper. Innehållet kommer ifrån flera förespråkare inom design. Principerna är uppdelade i tre kategorier. Designprincip 1-4 handlar om inlärning, princip 5-9 handlar om effektivitet och princip handlar om anpassning. 1. Synlighet De funktioner som är tillgängliga och som används ska visas. Detta kan göras genom ljud och markeringar. Det är lättare att se än att försöka komma ihåg vad som finns. 2. Konsekvent Var konsekvent med hur systemet fungerar. Systemet ska kunna likna andra system både i stil och hur uppgifter utförs. 3. Familjärt Använd ett språk som användarna känner igen. Metaforer kan användas för att förklara saker. 4. Tydlighet Designa saker så användaren förstår vad det är för något. Var tydlig med vad saker har och vad de kan användas till. 5. Navigering Visa information om hur navigeringen fungerar. Det går att göra genom kartor och informationsskyltar. 6. Kontroll När det är möjligt, låt användarna ha kontroll. Visa tydligt vad systemet hanterar och vad som händer utanför. Användarna känner kontroll när systemet är konsekvent.

23 14 4 Interaktionsdesign 7. Återkoppling Ge fort återkoppling till användaren för att visa att aktiviteten har registrerats. 8. Återställning Låt användarna återhämta eller ångra sig från misstag och fel. 9. Begränsningar Låt begränsningar finnas så att användarna inte kan göra saker som dem inte borde. Varningar bör finnas när en användare gör kritiska saker som inte går att ångra. 10. Flexibilitet Skapa ett flexibelt system. Låt användarna göra saker på flera sätt och ge användarna möjlighet att påverka utseende och beteenden. 11. Stil Designa systemet på ett attraktivt sätt. 12. Gemytlighet Skapa ett system som är familjärt och vänligt. Designa ett artigt system som ger ett bra intryck.

24 5 Mobil design Wroblewski (2011) har skapat uttrycket Mobile first vilket innebär att hemsidor ska byggas för mobiler först. Detta gör att man tvingas att fokusera och prioritera efter de begränsningar som finns. Det skapar möjligheter att vara innovativ och kreativ. Wroblewski (2011) motiverar uttrycket med tre argument. Det första argumentet är att användningen av mobiltelefoner ökar explosionsartat. Det andra argumentet innebär att för att kunna designa för mobilen krävs det att fokus är på det som är viktigt, all information kommer inte att få plats. Det sista argumentet handlar om att det finns mer kapacitet då det första som görs är designen för mobilen, designern behöver inte begränsas till det sättet som webbsidor brukar designas på. Genom dessa argument menar Wroblewski (2011) att en design för mobiltelefonen är det första som ska göras, sedan görs designen till surfplattor och datorer. För att bygga en bra mobil upplevelse bör följande tre komponenter uppmärksammas enligt Fling (2009): Kontext Arkitektur för information Visuell design För att förstå kontexten behöver designern förstå vem användaren är och hur produkten kommer att användas. Designern behöver även förstå varför användaren kommer använda produkten. Kontexten som systemet ska användas i behöver analyseras och beaktas under hela designarbetet (Fling, 2009, Wroblewski, 2011). 15

25 16 5 Mobil design Användarna fokuserar på att hitta den information som de söker, alltså är arkitekturen för informationen viktig enligt Fling (2009). Arkitekturen ska därför arbetas med och organiseras så att användarna så fort som möjligt kan hitta den information som eftersöks. Den visuella designen avgör hur länge användaren vill använda produkten (Fling, 2009). Wroblewski (2011) introducerar begreppet one eyeball and one thumb. Han menar att användarna oftast bara utnyttjar ett öga och en tumme när de använder sin mobiltelefon. Detta innebär att vi behöver designa utifrån det. Det kräver att det är en enkel design där det går fort att utföra en uppgift (Wroblewski, 2011). Användaren ska inte behöva möta några hinder på grund av systemets utformning. Dessa tre komponenter är inte unika för mobil design utan stämmer överens med det som Benyon et al. (2005) beskriver i kap 4 kring interaktiva system. Han beskriver fyra objekt, dessa är design, teknik, människor och aktiviteter. Kontexten innebär att förstå användaren och hur de använder produkten, alltså hänger det ihop med Benyons människor. Arkitektur för design innebär att användaren vill ha ett system som hen hittar i och vet hur det fungerar, detta stämmer överens med Benyons aktiviteter. Visuell design handlar om systemets yttre vilket hänger ihop med Benyons design. Benyons fjärde objekt är ej med som ett objekt eftersom tekniken är alltid på mobilen. Det innebär att författarnas objekt/komponenter stämmer överens med varandra och det är alltså samma komponenter som designern bör ta hänsyn till oavsett teknik. Skärmstorlek En stor skillnad mellan att använda en mobiltelefon och en dator är skärmstorleken. Tidigare när en design för en dator har skapats så har ofta en fast bredd på designen använts, men det skapar idag problem då webbsidan ska fungera för många olika skärmstorlekar. Webbsidan kan då inte anpassa sig på ett snyggt sätt till alla storlekar. Skärmar har inte bara olika storlekar utan även olika upplösning och pixeldensitet. En lösning på detta problem är att ha en fri design som beror på procentsatser, då kan innehållet enkelt anpassa sig efter hur mycket plats som finns. (Fling, 2009) Innehållet behöver även anpassas för en mobiltelefon då allt inte kan få plats. Det är angeläget att endast de viktigaste funktionerna finns på skärmen eftersom det inte finns plats för överflödig information. Det är därför viktigt att prioriteringar görs. (Wroblewski, 2011) Interaktion De flesta mobiltelefoner idag använder sig av touch, alltså att fingrarna styr vad som ska göras. Det finns flera gester som går att göra med fingrarna och vilka som ska användas i ett system bör bestämmas i designprocessen. (Wroblewski, 2011) Eftersom fingrar är oprecisa och finns i olika storlekar bör saker göras tillräckligt stora för att användarna ska träffa dem. Enligt Wroblewski (2011)

26 17 ska saker göras ännu större än vad man tror. Vilken typ av händelse som sker avgör storleken på föremålet. För föremål som inte är jättekritiska föreslår Apple att de ska vara cirka 44x44 points, vilket innebär cirka 7x7 mm (Clark, 2010). Microsoft rekommenderar en storlek på 9x9 mm och Nokia föreslår 7-8 mm för höjd och bredd beroende på avståndet till nästa föremål (Microsoft, 2012, Wroblewski, 2010). Sammanfattningsvis så är ett föremål som är 7-9 mm högt och brett att föredra. Dock kan själva texten på föremålet vara mindre, det viktiga är att ytan att trycka på är i den nämnda storleken (Wroblewski, 2011). Om händelsen är kritisk bör föremålet vara ca 1-2 mm större för att undvika feltryckningar och även området mellan föremålen bör vara större (Wroblewski, 2011). De flesta människor är högerhänta och använder då främst höger tumme för att manövrera med mobiltelefonen. Enligt Wroblewski (2011) bör föremål placeras från vänster till höger och i mitten eller i nedre delen av skärmen. Figur 5.1 visar vart det är lättast att trycka (mörkgrönt), lätt (ljusgrön) och svårast att trycka (gult). Wro- Figur 5.1: Vart föremål ska placeras för högerhänta. (Baserad på blewski, 2011, s.72)

27 18 5 Mobil design 5.1 Mobilt användande Enligt Wroblewski (2011) kan interaktionen med en mobiltelefon kategoriseras på fyra olika sätt. De fyra kategorierna är: 1. Uppslagsverk Användaren vill snabbt ha ett svar på en fråga, ofta relaterad till personens plats. 2. Utforska/Leka Användaren har tid över och vill göra något som distraherar. 3. Statusuppdatering Användaren vill uppdatera sig om det senaste. 4. Skapa Användaren vill åstadkomma något och det ska gå fort. Dessa fyra sätt beskriver med vilket syfte en användare använder sin mobiltelefon. Det är lättare att anpassa innehållet i ett system till en specifik typ av användare. (Wroblewski, 2011)

28 6 Wireframes Wireframes är ett verktyg för att visualisera en design på ett enkelt sätt. En wireframe är en skiss av vart olika element ska vara placerade (Miller, 2013). Enligt Fling (2009) är syftet att visa hur användaren ska interagera med produkten. Kadlec (2013) instämmer och tillägger att det även skapar en möjlighet att se vilket innehåll som ska vara med. Genom att använda wireframes i ett tidigt skede kan en gemensam bild av projektet skapas (Miller, 2013). Designen kan skapas på olika detaljnivåer. Det bör bestämmas tidigt hur lik designen ska vara slutprodukten. Detta beror på hur mycket kunskap kunden har eftersom om designen har få detaljer behöver kunden och designern kunna fantisera fram en egen bild av produkten (Vegh, 2010). Om det är för mycket detaljer kan användaren distraheras av den färg och form som valts (Miller, 2013). Wireframes kan skapas på olika sätt, till exempel genom webbaserade program eller genom att rita på papper. Om ett datorprogram används är det vanligt med drag-and-drop -funktioner, det innebär att de moduler som ska finnas i vyn dras ifrån en meny dit den ska ligga. I vissa program går det även att ställa in olika skärmstorlekar för att kunna skissa hur sidan ser ut i olika storlekar. Det går även då att bestämma vilket innehåll som ska visas för de olika storlekarna för en responsiv sida. I systemet kan användaren testa att använda systemet precis som det kommer fungera när det är implementerat på riktigt. Det går att gå steg för steg igenom olika uppgifter vilket innebär att det är en bra miljö att göra tester på. 19

29 7 Responsiv design Idag är det vanligt att skapa olika webbsidor för olika enheter. Det kan innebära att det finns en webbsida för datorn, en för mobilen och en för surfplattan. Fördelen med detta är att innehållet anpassas efter den enhet som används, men det krävs mer tid och pengar att uppdatera och underhålla alla dessa olika webbsidor. Med hjälp av responsiv design kan en webbsida skapas som anpassar sig efter den skärmstorlek som används. Designen anpassar vilket material som visas beroende på vilken enhet som används, alltså om det är en mobil eller dator, och beroende på hur stor skärmen är. Det är då bara en webbsida som behöver underhållas. (Wroblewski, 2012) Enligt Marcotte (2011) och Kadlec (2013) innehåller responsiv design tre huvudingredienser. 1. En flexibel layout 2. Media queries 3. Flexibla bilder och medier En flexibel layout innebär att storleken på objekten bestäms i procent. Huvudkolumnen kan till exempel ha 60 % av utrymmet, en annan kolumn 30 % och en tredje kolumn 10 %. Detta gör att innehållet kan anpassa sig efter det utrymme som finns. Även storleken på texter och rubriker kan använda procent. Genom att sätta en storlek till en basenhet så kan andra texter sedan anpassa sina storlekar i förhållande till den, denna enhet kallas em. (Kadlec, 2013) En flexibel layout innebär också att ett rutnätssystem används. Rutnätet ger webbsidan balans och hjälper till att strukturera innehållet. Antalet kolumner som ska finnas bör avgöras av det innehåll som ska finnas på sidan, det kan vara 20

30 21 till exempel tre eller tolv stycken beroende på vad som är viktigt att visa och hur stor plats det tar att visa det. (Kadlec, 2013) Media queries innebär att det som ska finnas under vissa omständigheter definieras. Systemet kan ta reda på vilken skärmstorlek och upplösning som användaren har och sedan anpassa innehållet som ska finnas och hur det ska visas för just den skärmstorleken och upplösningen. För att bestämma hur innehållet ska visas kan brytpunkter användas för att skapa gränser för de olika skärmstorlekarna. Det går då att använda de traditionella mått som finns för mobiltelefoner och datorer. Ett alternativ till dessa brytpunkter är att låta innehållet bestämma när det kan brytas eller flyttas. Flödet på sidan får då bestämma vilka brytpunkter de olika enheterna ska ha. (Kadlec, 2013) Figur 7.1 visar hur media queries kan hjälpa till att bestämma vart olika innehåll ska finnas, beroende på den skärmstorlek och upplösning som finns, på bilden visas en dator, en surfplatta och en mobiltelefon. I figuren visas hur de olika områdena har olika storlekar och arrangeras på olika sätt beroende på enhet. Figur 7.1: Visar hur media queries kan definiera vart olika element ska vara placerade på olika enheter. Bilder gör att användarna får en bättre upplevelse av systemet enligt Kadlec (2013), men detta skapar ett problem när dessa bilder ska laddas ner i mobilen. Användarna vill att det ska gå snabbt att ladda ner en sida och om stora bilder finns så gör det att det tar längre tid för sidan att hämtas. Det finns flera

Utvärdering. Användbarhetstest: Vad ska ni göra? Användbarhetstestning kontra heuristisk utvärdering. Användbarhetstestning

Utvärdering. Användbarhetstest: Vad ska ni göra? Användbarhetstestning kontra heuristisk utvärdering. Användbarhetstestning Användbarhetstest: Vad ska ni göra? Utvärdering Mattias Arvola Institutionen för datavetenskap Användbarhetstest med pappersprototyp 4 eller 6 användare som testar 3 eller 5 uppgifter Balansera ordningen

Läs mer

Interaktionsdesign som profession. Föreläsning Del 2

Interaktionsdesign som profession. Föreläsning Del 2 Interaktionsdesign som profession Föreläsning Del 2 Vikten av att göra research Varför behöver vi göra research? En produkt blir aldrig bättre än den data som denna baseras på Men Vi har redan gjort en

Läs mer

Föreläsning 2: Datainsamling - Observation, enkät, intervju. Att läsa: Kapitel 7 i Rogers et al.: Interaction design

Föreläsning 2: Datainsamling - Observation, enkät, intervju. Att läsa: Kapitel 7 i Rogers et al.: Interaction design Föreläsning 2: Datainsamling - Observation, enkät, intervju Att läsa: Kapitel 7 i Rogers et al.: Interaction design Stjärnmodellen Analys Utvärdering Implementation Prototyper Krav Design 100326 Datainsamling

Läs mer

Användbarhetstestning

Användbarhetstestning Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Användbarhetstestning Användare utför realistiska uppgifter i prototypen/systemet Observationer, tänka högt kompletteras med intervjuer

Läs mer

Fö: Användbarhetsutvärdering

Fö: Användbarhetsutvärdering Fö: Användbarhetsutvärdering Samla in, analysera och presentera användbarhetsmått Heuristisk utvärdering Användbarhetstestning Upplägg Heuristisk utvärdering Heuristiker Utvärderare Gå igenom systemet

Läs mer

Användbarhetstestning. Användbarhetstestning. Användbarhetstestning. Användbarhetstestning. Användbarhetstestning vs heuris7sk utvärdering

Användbarhetstestning. Användbarhetstestning. Användbarhetstestning. Användbarhetstestning. Användbarhetstestning vs heuris7sk utvärdering Användbarhetstestning Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Uppgiften: Del 2: Användbarhetstestning Ni ska användbarhetstesta prototypen med minst en användare per

Läs mer

Riktlinjer för brukarundersökningar inom Umeå kommun

Riktlinjer för brukarundersökningar inom Umeå kommun Riktlinjer för brukarundersökningar inom Umeå kommun Dokumenttyp Riktlinjer Dokumentnamn Riktlinjer för brukarundersökningar inom Umeå kommun Fastställd/upprättad 2010-11-25 Dokumentägare Johan Gammelgård

Läs mer

Sluta gissa börja testa workshop alla pratar ux, 28 nov 2013

Sluta gissa börja testa workshop alla pratar ux, 28 nov 2013 Sluta gissa börja testa workshop alla pratar ux, 28 nov 2013 DAYTONA COMMUNICATION AB Riddargatan 17D, 114 57 Stockholm, Sweden Phone +46 8 579 397 50, Fax +46 8 579 397 55 www.daytona.se, info@daytona.se

Läs mer

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ

Läs mer

Utveckling av Läsaren

Utveckling av Läsaren Utveckling av Läsaren Projektet steg för steg Läsaren har utvecklats sucessivt till att bli den anpassningsbara och situationsoberoende tjänst den är idag. Tabellen nedan visar hur utvecklingen har skett

Läs mer

Metoder för datainsamling

Metoder för datainsamling Metoder för datainsamling Föreläsning 16/10-2002 Christina von Dorrien Kapitel 9.4, 12-13 Användarcentrerad designmetodik Analysera användare, användningssituation och uppgift Testa och utvärdera designförslag,

Läs mer

Anvisningar till rapporter i psykologi på B-nivå

Anvisningar till rapporter i psykologi på B-nivå Anvisningar till rapporter i psykologi på B-nivå En rapport i psykologi är det enklaste formatet för att rapportera en vetenskaplig undersökning inom psykologins forskningsfält. Något som kännetecknar

Läs mer

Föreläsning 2: Datainsamling - Observation, enkät, intervju. Att läsa: Kapitel 7 i Rogers et al.: Interaction design

Föreläsning 2: Datainsamling - Observation, enkät, intervju. Att läsa: Kapitel 7 i Rogers et al.: Interaction design Föreläsning 2: Datainsamling - Observation, enkät, intervju Att läsa: Kapitel 7 i Rogers et al.: Interaction design Stjärnmodellen Analys Utvärdering Implementation Prototyper Krav Design 130409 Datainsamling

Läs mer

Identifiera kundbehov En sammanfattning och analys av kapitel 4 i boken Product Design and Development

Identifiera kundbehov En sammanfattning och analys av kapitel 4 i boken Product Design and Development Identifiera kundbehov En sammanfattning och analys av kapitel 4 i boken Product Design and Development Grupp 6 Ali Abid Kjell Nilsson Patrick Larsson Mälardalens högskola KN3060, Produktutveckling med

Läs mer

Identifiera kundbehov KPP306, Produkt och processutveckling, 15hp

Identifiera kundbehov KPP306, Produkt och processutveckling, 15hp 2008 02 21 Identifiera kundbehov KPP306, Produkt och processutveckling, 15hp PM, Seminarie SEM1, 3hp Kapitel 4 Seminariegrupp 7 Författare: Robin Hellsing Robin Jarl Handledare: Rolf Lövgren Sammanfattning

Läs mer

Survey and analysis of morningpapers

Survey and analysis of morningpapers Institutionen för Naturvetenskap, miljö och teknik Rapport 1,5 HP JMM Höstterminen 2014 Survey and analysis of morningpapers En enkätundersökning av medievanor på morgonen. Är papperstidningen på väg att

Läs mer

Piteå kommuns anvisningar för undersökningar i kvalitetsarbetet

Piteå kommuns anvisningar för undersökningar i kvalitetsarbetet Piteå kommuns anvisningar för undersökningar i kvalitetsarbetet Dokumentnamn Dokumenttyp Fastställd/upprättad Beslutsinstans Piteå kommuns anvisningar för undersökningar i kvalitetsarbetet Välj dokumenttyp

Läs mer

ATT ARBETA MED VEKTORGRAFIK

ATT ARBETA MED VEKTORGRAFIK ATT ARBETA MED VEKTORGRAFIK Helene Brogeland Vektorgrafik och animation VT 2014 2014-04-29 Inledning Före aktuell kurs hade jag bara en vag uppfattning av innebörden av vektorgrafik och hade aldrig jobbat

Läs mer

Designkoncept Field Study Organizer

Designkoncept Field Study Organizer 1 Designkoncept av Simon Strandh. Digital Design, Högskolan Kristianstad Designkoncept Field Study Organizer Den tänkta applikationen är designad i syfte att användas som ett dokumentationsstöd under fältstudier.

Läs mer

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se

Läs mer

Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1

Responsiv webbplats. Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 2014-02-17 1 Responsiv webbplats Tips på hur innehållet ska ses över för en bra användarupplevelse på alla skärmstorlekar 1 Vad är responsivt? Det betyder att webbplatsen känner av vilken skärmstorlek användaren surfar

Läs mer

Framsida På framsidan finns:

Framsida På framsidan finns: Framsida På framsidan finns: Rubriken på hela arbetet Namnet på den eller de som gjort arbetet Klass Någon form av datering, t.ex. datum för inlämning eller vilken termin och vilket år det är: HT 2010

Läs mer

TestForum 2014 2014-04-09. Robert Magnusson, Nordic Medtest, Karlstad Lars Palm, Temagon AB / Future Position X, Gävle

TestForum 2014 2014-04-09. Robert Magnusson, Nordic Medtest, Karlstad Lars Palm, Temagon AB / Future Position X, Gävle TestForum 2014 2014-04-09 Robert Magnusson, Nordic Medtest, Karlstad Lars Palm, Temagon AB / Future Position X, Gävle NMT:s definition av testning Testning är en empirisk, teknisk undersökning i syfte

Läs mer

Marknadsundersökning. Mälardalens Högskola Handledare: Rolf Lövgren Produkt och processutveckling, KPP306 Individuell inlämningsuppgift, INL1

Marknadsundersökning. Mälardalens Högskola Handledare: Rolf Lövgren Produkt och processutveckling, KPP306 Individuell inlämningsuppgift, INL1 Marknadsundersökning 2010 Denna essä behandlar marknadsundersökningar ur ett produktutvecklingsperspektiv för att försöka finna en lämplig process för att ta reda på kundernas behov och önskemål. Mälardalens

Läs mer

UTVÄRDERING - VAD, HUR OCH VARFÖR? MALIN FORSSELL TOVE STENMAN

UTVÄRDERING - VAD, HUR OCH VARFÖR? MALIN FORSSELL TOVE STENMAN UTVÄRDERING - VAD, HUR OCH VARFÖR? MALIN FORSSELL TOVE STENMAN KORT OM RAMBÖLL OCH UTVÄRDERING Ca 60 konsulter i Stockholm, totalt 500 i Europa Ca 80 utvärderingar varje år i Sverige Stora utvärderingar,

Läs mer

Tänka-högt metoden versus Enkätundersökning

Tänka-högt metoden versus Enkätundersökning Chalmers tekniska högskola, IT-universitetet 2004-01-12 MDI Interaktionsdesign Designmetodik, 3 p HT-03 Tänka-högt metoden versus Enkätundersökning Sofia Torberntsson Kursansvariga: Hanna Landin Staffan

Läs mer

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

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

Läs mer

Operatörer och användargränssnitt vid processtyrning

Operatörer och användargränssnitt vid processtyrning Operatörer och användargränssnitt vid processtyrning Normativa och beskrivande analyser Uppsala universitet @ 2003 Anders Jansson Sammanfattning kap. 1 Sociotekniska system Många olika grupper av användare

Läs mer

Bild 1: Översikt över faserna i projektarbetet

Bild 1: Översikt över faserna i projektarbetet Projektarbete kring system X Det här dokumentet beskriver uppgiften samt innehåller mallar för de rapporter som ska lämnas in. Bild 1 visar ordning och ungefärligt förhållande för tidsåtgång mellan de

Läs mer

INDIVIDUELL INLÄMNINGSUPPGIFT

INDIVIDUELL INLÄMNINGSUPPGIFT INDIVIDUELL INLÄMNINGSUPPGIFT Sofia Aronsson ANVÄNDBARHET OCH GRAFISK DESIGN MIS 13, Nackademin Yrkeshögskola Lärare: Ellinor Ihlström Inledning... 3! Analys... 3! Hitta... 3! Förstå... 5! Använda... 6!

Läs mer

MÄRKSPRÅK OCH STILMALLAR II EXAMINATIONSUPPGIFT 2 HELENE BROGELAND

MÄRKSPRÅK OCH STILMALLAR II EXAMINATIONSUPPGIFT 2 HELENE BROGELAND MÄRKSPRÅK OCH STILMALLAR II EXAMINATIONSUPPGIFT 2 HELENE BROGELAND 1 Innehåll Inledning... 3 Framework... 3 Val av ramverk... 3 Arbetet med Bootstrap... 4 Preprocessorer... 5 Val av preprocessor... 5 Arbetet

Läs mer

KVANTITATIV FORSKNING

KVANTITATIV FORSKNING KVANTITATIV FORSKNING Teorier innehåller begrepp som byggstenar. Ofta är kvantitativa forskare intresserade av att mäta företeelser i verkligheten och att koppla denna kvantitativa information till begrepp

Läs mer

Hur kvalitetssäkra komplexa IT-lösningar och vad är egentligen test?

Hur kvalitetssäkra komplexa IT-lösningar och vad är egentligen test? Hur kvalitetssäkra komplexa IT-lösningar och vad är egentligen test? Sätterstrand Business Park 2014-05-27 Peter Furster Robert Magnusson 2014-01-30 Varför Nordic MedTest? Sjukvården drabbas allt för ofta

Läs mer

Användbarhetstestning. Samla in, analysera och presentera användbarhetsmått

Användbarhetstestning. Samla in, analysera och presentera användbarhetsmått Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Title/Lecturer OCTOBER 7, 2015 2 Användbarhetstestning Test med pappersprototyp Title/Lecturer OCTOBER 7, 2015 3 Varför testa?

Läs mer

Välkommen till Studiekanalen.se

Välkommen till Studiekanalen.se Välkommen till Studiekanalen.se Det här produktbladet beskriver besökarens (elevens) väg till utbildningen, hur de matchas mot rätt skola och utbildning. Det beskriver även hur utbildningsanordnaren kan

Läs mer

14 Utvärdering och kvalitetsarbete

14 Utvärdering och kvalitetsarbete 14 Utvärdering och kvalitetsarbete Vad är en utvärdering och vilken nytta har du som distanslärare av en sådan? I Högskoleförordningen 1 kap 14 finns följande text angående kursutvärderingar: 14 Högskolan

Läs mer

Skillnader mellan design för tryck och webbdesign

Skillnader mellan design för tryck och webbdesign Vad är en webbtext? Webbtexter är inte en specifik texttyp i likhet med protokoll, rapporter eller artiklar. Istället kan webbtexter vara precis vilken texttyp som helst, och det enda som förenar dem är

Läs mer

Datainsamling. Daniel Bosk. data.tex 1914 2014-08-26 13:33:45Z danbos

Datainsamling. Daniel Bosk. data.tex 1914 2014-08-26 13:33:45Z danbos 1 Datainsamling Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. data.tex 1914 2014-08-26 13:33:45Z danbos 2 Litteratur Du ska inför övningen ha läst

Läs mer

Sociala nämndernas förvaltning 2015-02-11 Dnr: 2015/161-IFN-012 Yvonne Pettersson - snsyp01 E-post: yvonne.pettersson@vasteras.se

Sociala nämndernas förvaltning 2015-02-11 Dnr: 2015/161-IFN-012 Yvonne Pettersson - snsyp01 E-post: yvonne.pettersson@vasteras.se TJÄNSTESKRIVELSE 1 (1) Sociala nämndernas förvaltning 2015-02-11 Dnr: 2015/161-IFN-012 Yvonne Pettersson - snsyp01 E-post: yvonne.pettersson@vasteras.se Kopia till Gunilla Westberg Individ- och familjenämnden

Läs mer

Genomgång utav KURT Kursvärderingssystemet för Linköpings Universitet

Genomgång utav KURT Kursvärderingssystemet för Linköpings Universitet Genomgång utav KURT Kursvärderingssystemet för Linköpings Universitet Överblick Varför kursvärdering? Samtliga kurser inom den grundläggande utbildningen vid LiU ska utvärderas med stöd av det elektroniska

Läs mer

Titel: Undertitel: Författarens namn och e-postadress. Framsidans utseende kan variera mellan olika institutioner

Titel: Undertitel: Författarens namn och e-postadress. Framsidans utseende kan variera mellan olika institutioner Linköping Universitet, Campus Norrköping Inst/ Kurs Termin/år Titel: Undertitel: Författarens namn och e-postadress Framsidans utseende kan variera mellan olika institutioner Handledares namn Sammanfattning

Läs mer

Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012.

Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012. PROJEKT: DICE Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012. UPPDRAG Uppgiften är att arbeta med den första delen av teknikutvecklingsprocessen d.v.s.

Läs mer

ENGELSKA. Ämnets syfte. Kurser i ämnet

ENGELSKA. Ämnets syfte. Kurser i ämnet ENGELSKA Det engelska språket omger oss i vardagen och används inom skilda områden som kultur, politik, utbildning och ekonomi. Kunskaper i engelska ökar individens möjligheter att ingå i olika sociala

Läs mer

Användbarhet och Webbutveckling för mobila enheter. Behovsanalys

Användbarhet och Webbutveckling för mobila enheter. Behovsanalys Användbarhet och Webbutveckling för mobila enheter Behovsanalys Kurshemsidan Böcker mobilutveckling Dokumentation/Inlämningar Kommer på hemsidan (tills på måndag?) Nästa vecka: Planeringsdokument (Scrum)

Läs mer

Webbsystems inverkan på innehåll och användbarhet på webbplatser - oppositionsrapport

Webbsystems inverkan på innehåll och användbarhet på webbplatser - oppositionsrapport Webbsystems inverkan på innehåll och användbarhet på webbplatser - oppositionsrapport Respondenter: Emma Henriksson och Ola Ekelund Opponenter: Eva Pettersson och Johan Westerdahl Sammanfattande omdöme

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Nya Medier. Gränssnitt, Interaktivitet och Digital kod Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar

Läs mer

Utforma säkerhetsprocesser

Utforma säkerhetsprocesser Utforma säkerhetsprocesser www.informationssäkerhet.se 2 Upphovsrätt Tillåtelse ges att kopiera, distribuera, överföra samt skapa egna bearbetningar av detta dokument, även för kommersiellt bruk. Upphovsmannen

Läs mer

Analys av BI-system och utveckling av BIapplikationer

Analys av BI-system och utveckling av BIapplikationer Computer Science Fredrik Nilsson, Jonas Wånggren Daniel Strömberg Analys av BI-system och utveckling av BIapplikationer Opposition Report, C/D-level 2005:xx 1 Sammanfattat omdöme av examensarbetet Vi tycker

Läs mer

Utvecklingsm odell och utvecklingsm etod för att skapa god kom m unikation

Utvecklingsm odell och utvecklingsm etod för att skapa god kom m unikation Kurs: Designm etodik, 3 p Delm om ent: Datum : 2 0 0 3-1 2-1 8 Utvecklingsm odell och utvecklingsm etod för att skapa god kom m unikation Nils Järgenstedt [ it3 jani@ituniv.se] Innehållsförteckning INLEDNING...

Läs mer

Utveckling av ett grafiskt användargränssnitt

Utveckling av ett grafiskt användargränssnitt Datavetenskap Opponenter: Daniel Melani och Therese Axelsson Respondenter: Christoffer Karlsson och Jonas Östlund Utveckling av ett grafiskt användargränssnitt Oppositionsrapport, C-nivå 2010-06-08 1 Sammanfattat

Läs mer

Förvaltningsberättelse för Åtgärder i Vatten budgetåret 2014

Förvaltningsberättelse för Åtgärder i Vatten budgetåret 2014 FÖRVALTNINGSBERÄTTELSE 1 (9) Datum 2015-01-28 Förvaltningsberättelse för Åtgärder i Vatten budgetåret 2014 Godkännande Godkänd av Roll/Befattning Datum Uppdateringshistorik Version Ansvarig Datum Kommentar

Läs mer

Funktioner: Starta och spara Notebook. Använda penna och finger. Använda bilder från Galleriet.

Funktioner: Starta och spara Notebook. Använda penna och finger. Använda bilder från Galleriet. Innehåll: Den interaktiva skrivtavlans roll i klassrummet. Berättande Funktioner: Starta och spara Notebook. Använda penna och finger. Använda bilder från Galleriet. 1 Användningsområden leta / använda

Läs mer

Första hjälpen år. Nyhetsrapportering s. 9 Enkätundersökning s. 10

Första hjälpen år. Nyhetsrapportering s. 9 Enkätundersökning s. 10 Första hjälpen år 7 Innehåller regler och mallar för: Muntligt framförande s. 2 Intervju s. 3 Datorskrivna arbeten s. 4 Bokrecension s. 5 Fördjupningsarbeten s. 6 Labbrapporter s. 7 Källor s. 8 Nyhetsrapportering

Läs mer

TDP022 Interaktiva system

TDP022 Interaktiva system TDP022 Interaktiva system Ämnesintroduktion Interaktiva System Aseel Berglund, aseel.berglund@liu.se Eva Ragnemalm, eva.ragnemalm@liu.se IDA 1 2 Department of Computer and Information Science (IDA) Linköpings

Läs mer

Generella gränssnitt

Generella gränssnitt LINKÖPINGS UNVERSITET Generella gränssnitt En studie i att designa generella gränssnitt för mobiler, surfplattor och datorer Författare: Erik Claesson Kurskod: 729G30 Examinator: Magnus Bång Handledare:

Läs mer

Snabbstartsguide. Visa eller växla mellan onlinekonton Klicka på ditt konto-id för att ändra inställningar eller växla mellan konton.

Snabbstartsguide. Visa eller växla mellan onlinekonton Klicka på ditt konto-id för att ändra inställningar eller växla mellan konton. Snabbstartsguide Microsoft OneNote 2013 ser annorlunda ut jämfört med tidigare versioner, så vi har skapat den här guiden för att hjälpa dig minimera din inlärningskurva. Växla mellan pekskärm och mus

Läs mer

Måldriven, informationscentrerad webbdesign

Måldriven, informationscentrerad webbdesign Måldriven, informationscentrerad webbdesign Linus Forsell Digitala Distributionsformer vid Högskolan Väst, Trollhättan, Sverige linus.forsell@student.hv.se 1 Abstrakt I den här essän kommer måldriven och

Läs mer

Kursplanen i matematik 2011 - grundskolan

Kursplanen i matematik 2011 - grundskolan Kursplanen i matematik 2011 - grundskolan MATEMATIK Matematiken har en flertusenårig historia med bidrag från många kulturer. Den utvecklas såväl ur praktiska behov som ur människans nyfikenhet och lust

Läs mer

InfoBox. Jessica Helenius Umeå Universitet Dept of Informatik Höst - 2011 helenius.jessica@gmail.com

InfoBox. Jessica Helenius Umeå Universitet Dept of Informatik Höst - 2011 helenius.jessica@gmail.com InfoBox Jessica Helenius Höst - 2011 helenius.jessica@gmail.com Marie Stenmark Höst 2011 marie.stenmark@hotmail.com ABSTRAKT I detta grupparbete har gruppen valt att utveckla en informationsenhet, som

Läs mer

Kursen presenterar olika perspektiv inom beteendevetenskap med fokus på metod. Praktisk övning i datainsamlingstekniker ges.

Kursen presenterar olika perspektiv inom beteendevetenskap med fokus på metod. Praktisk övning i datainsamlingstekniker ges. Beteendevetenskaplig metod Kursen presenterar olika perspektiv inom beteendevetenskap med fokus på metod. Praktisk övning i datainsamlingstekniker ges. Kursens mål är att ge kännedom om beteendevetenskaplig

Läs mer

Our Mobile Planet: Sverige

Our Mobile Planet: Sverige Our Mobile Planet: Sverige Insikter om den mobila kunden Maj 2012 Detaljerad översikt Smartphones har blivit en oumbärlig del av vår vardag. Smartphones genomslag har ökat till 51% av befolkningen och

Läs mer

Innehåll INNEHÅLL. Teckenförklaring... 2. Komma igång

Innehåll INNEHÅLL. Teckenförklaring... 2. Komma igång 2015 INNEHÅLL Teckenförklaring.... 2 Innehåll Komma igång Starta programmet.... 4 Ställ in skärm/projektor... 5 Slå på fönsterläge.... 5 Laddningsskärm.... 6 Ämnesmodul.... 7 Ämnesområde... 8 Ämnesdel....

Läs mer

Arbetet började med en ganska rejäl research och uppräkning av situationer, användare och kvaliteter.

Arbetet började med en ganska rejäl research och uppräkning av situationer, användare och kvaliteter. [Avsiktligt tom.] Med hjälp av några exempel ur min egen designpraktik (och mina studenters) ska jag försöka lyfta fram några saker som utmärker interaktionsdesign för mig. Ett studentarbete under ganska

Läs mer

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Grupparbete ACSD Projektplanering för ett Patientjournalsystem Grupparbete ACSD Projektplanering för ett Patientjournalsystem Uppsala Universitet Institutionen för Informationsteknologi Användarcentrerad Systemdesign Grupp 8, ht03 Christian Rick, rick@bahnhof.se Frida

Läs mer

Kunskapsprojektering

Kunskapsprojektering Kunskapsprojektering Grupp 4 Johan Ekbäck, johek922@student.liu.se Camilla Nyberg, camny794@student.liu.se Gustav Svensson, gussv055@student.liu.se Mikael Söderberg, mikso869@student.liu.se Michael Thörning,

Läs mer

TropicBox INNEHÅLLSFÖRTECKNING. 1. Sammanfattning. 2. Innehållsförteckning. 3. Utgångspunkter. 4. Användarstudie. 5. Koncept och visualisering

TropicBox INNEHÅLLSFÖRTECKNING. 1. Sammanfattning. 2. Innehållsförteckning. 3. Utgångspunkter. 4. Användarstudie. 5. Koncept och visualisering är en applikation som gör det möjligt för dig att enkelt reglera värmen i huset. Därefter ska man kunna följa statistiken över sin elförbrukning och dess kostnader. Möjligheten att ställa värmen inom en

Läs mer

Analysen syftar till att ge en god gestalt. Kontinuerlig växling mellan delar och helhet.

Analysen syftar till att ge en god gestalt. Kontinuerlig växling mellan delar och helhet. Beteendevetenskaplig metod Kvalitativ analys Eva-Lotta Sallnäs Ph.D. CSC, Kungliga Tekniska Högskolan evalotta@csc.kth.se Kvalitativ databearbetning Analysen syftar till att ge en god gestalt. Kontinuerlig

Läs mer

2012-01-12 FÖRSLAG TILL KURSPLAN INOM KOMMUNAL VUXENUTBILDNING GRUNDLÄGGANDE NIVÅ

2012-01-12 FÖRSLAG TILL KURSPLAN INOM KOMMUNAL VUXENUTBILDNING GRUNDLÄGGANDE NIVÅ Matematik, 600 verksamhetspoäng Ämnet handlar bland annat om mängder, tal och geometriska figurer. Matematiken har en flertusenårig historia med bidrag från många kulturer. Den utvecklas såväl ur praktiska

Läs mer

Kvalitativ intervju en introduktion

Kvalitativ intervju en introduktion Kvalitativ intervju en introduktion Olika typer av intervju Övning 4 att intervjua och transkribera Individuell intervju Djupintervju, semistrukturerad intervju Gruppintervju Fokusgruppintervju Narrativer

Läs mer

Inlämningsuppgift 1. Inlämningsuppgift 1. Metod. Tester. Högskolan i Kristianstad: Interaktionsdesign I. 2010-09-17, Per-Ola Olsson

Inlämningsuppgift 1. Inlämningsuppgift 1. Metod. Tester. Högskolan i Kristianstad: Interaktionsdesign I. 2010-09-17, Per-Ola Olsson Inlämningsuppgift 1 Metod Jag har valt att studera några av de vanliga funktionerna på en mobiltelefon, sk smartphone. Vi använde min iphone 3GS med ios 4.1 och språket inställt på svenska. Testerna genomfördes

Läs mer

Den gröna påsen i Linköpings kommun

Den gröna påsen i Linköpings kommun Den gröna påsen i Linköpings kommun Metod- PM 4 Thea Eriksson Almgren Problem I Linköping idag används biogas för att driva stadsbussarna. 1 Biogas är ett miljövänligt alternativ till bensin och diesel

Läs mer

1d, Individuellt Designkoncept, GPS-navigering för cykel i stadsmiljö

1d, Individuellt Designkoncept, GPS-navigering för cykel i stadsmiljö 1d, Individuellt Designkoncept, GPS-navigering för cykel i stadsmiljö Design & Struktur Applikationen är designad för att användas som ett navigeringssystem för cyklister i stadsmiljö. Eftersom cyklister

Läs mer

Migrera till PowerPoint 2010

Migrera till PowerPoint 2010 I den här guiden Microsoft Microsoft PowerPoint 2010 skiljer sig rent utseendemässigt mycket, så vi har skapat den här guiden för att hjälpa dig att snabbare lära dig programmet. Här kan du läsa om de

Läs mer

Skriv! Hur du enkelt skriver din uppsats

Skriv! Hur du enkelt skriver din uppsats Skriv! Hur du enkelt skriver din uppsats Josefine Möller och Meta Bergman 2014 Nu på gymnasiet ställs högra krav på dig när du ska skriva en rapport eller uppsats. För att du bättre ska vara förberedd

Läs mer

Mus- och touchinteraktioner

Mus- och touchinteraktioner Mikael Samuelsson Mus- och touchinteraktioner för responsiv webbutveckling Mouse- and Touch Interactions for responsive web development Informatik C-uppsats Termin: 13-05-28 Handledare: Examinator: Lennart

Läs mer

Bonus Rapport Kommersiell Design KTH

Bonus Rapport Kommersiell Design KTH Bonus Rapport Kommersiell Design KTH Johan Holmström & Lars Åkesson Introduktion Denna rapport beskriver projektet och delmomentet Kommersiell Design i kursen Interaktionsdesign 2 på KTH i Stockholm. Detta

Läs mer

GYMNASIEARBETE PÅ EKONOMIPROGRAMMET

GYMNASIEARBETE PÅ EKONOMIPROGRAMMET GYMNASIEARBETE PÅ EKONOMIPROGRAMMET EXAMENSMÅLEN för programmet ska styra gymnasiearbetets utformning och innehåll. GA ska utgå från programmets CENTRALA KUNSKAPSOMRÅDEN Samhällsekonomi Företagsekonomi

Läs mer

Kursplan för Matematik

Kursplan för Matematik Sida 1 av 5 Kursplan för Matematik Inrättad 2000-07 SKOLFS: 2000:135 Ämnets syfte och roll i utbildningen Grundskolan har till uppgift att hos eleven utveckla sådana kunskaper i matematik som behövs för

Läs mer

Får jag använda Wikipedia?

Får jag använda Wikipedia? Får jag använda Wikipedia? Wikipedia är ett unikt uppslagsverk som skapas av sina läsare. Det innebär att vem som helst kan skriva och redigera artiklar. Informationen på Wikipedia kan vara vinklad eller

Läs mer

Förbered och planera bildmanuset

Förbered och planera bildmanuset Del av Kapitel 4: Förbered och planera bildmanuset I detta kapitel kommer du att: Omvandla ditt manus till ett bildmanus Lägga till bildmanusguider Planera för de bilder som ska visas på skärmen Skriva

Läs mer

BAS A01 Baskurs för universitetsstudier! Jeanette Emt, Filosofiska institutionen! Att skriva uppsats

BAS A01 Baskurs för universitetsstudier! Jeanette Emt, Filosofiska institutionen! Att skriva uppsats BAS A01 Baskurs för universitetsstudier! Jeanette Emt, Filosofiska institutionen! Att skriva uppsats ATT SKRIVA UPPSATS inte bara en sak utan (minst) tre Förarbete Förarbete forskningsprocessen Förarbetet

Läs mer

Nevenka Silfverhielm

Nevenka Silfverhielm Nevenka Silfverhielm 52 miljoner användare och 231 manår senare är vi säkra: Det roligaste vi vet är att skapa produkter och tjänster som ger effekt Om inuse 45 medarbetare i Stockholm, Göteborg och Malmö.

Läs mer

APPARAT SLUTRAPPORT. 1. Inledning

APPARAT SLUTRAPPORT. 1. Inledning APPARAT SLUTRAPPORT 1. Inledning Diskussioner kring smartphoneanvändande har ökat i takt med att användandet av mobil teknik har vuxit i utbredning. Nya sociala beteenden, beroendebeteenden och avkopplingsbeteenden

Läs mer

Datatal Flexi Presentity

Datatal Flexi Presentity Datatal Flexi Presentity En snabbguide för Presentity Innehållsförteckning 1. Login 2 2. Hänvisa 3 2.1 Att sätta hänvisningar 3 2.2 Snabbknappar 4 2.3 Windows gadget 5 3. Samtal 5 4. Status 6 4.1 Exempel

Läs mer

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson

Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet - Webbredaktörens skrivhandbok av Karin Guldbrand & Helena Englund Hjalmarsson Klarspråk på nätet är en praktisk handbok för dig som någon gång skriver text för webb, surfplattor och

Läs mer

Sänk kostnaderna genom a/ ställa rä/ krav och testa effektivt

Sänk kostnaderna genom a/ ställa rä/ krav och testa effektivt Sänk kostnaderna genom a/ ställa rä/ krav och testa effektivt Kravhantering / Testprocess - Agenda AGENDA Grundläggande kravhanteringsprocess. Insamling, dokumentation, prioritering, Test och förvaltning

Läs mer

Kärcher Fleet. Fokusera på att nå skinande resultat. Vi sammanfattar de åt dig.

Kärcher Fleet. Fokusera på att nå skinande resultat. Vi sammanfattar de åt dig. Kärcher Fleet Fokusera på att nå skinande resultat. Vi sammanfattar de åt dig. Ökat perspektiv för större framgång. Från den globala marknadsledaren inom rengöringsteknik kommer Kärcher Fleet - det innovativa

Läs mer

Sammanställning och resultat av popup-undersökningen Hittar du det du söker?

Sammanställning och resultat av popup-undersökningen Hittar du det du söker? Rapport 2013-12-17 Sammanställning och resultat av popup-undersökningen Hittar du det du söker? KS 2013/0964 Om undersökningen Från och med den 21 oktober till och med den 30 november 2013 genomfördes

Läs mer

Konverteringsskola Del 3: Vad är användbarhet?

Konverteringsskola Del 3: Vad är användbarhet? Konverteringsskolans andra del behandlade vikten av att lära känna sina besökare. Vi kommer nu att arbeta vidare med besökarna i åtanke och fokusera på hur pass väl de kan använda webbplatsen. Om webbplatsen

Läs mer

Using SharePoint Workflow

Using SharePoint Workflow Datavetenskap Opponent(er): Anders Olsson Marcus Karlsson Respondent(er): Harald Quist Creating a Help Desk Using SharePoint Workflow Oppositionsrapport, C-nivå 2009:xx 1 Sammanfattat omdöme av examensarbetet

Läs mer

Wise Business Support Ms Office Kursinnehåll För nybörjare och därefter

Wise Business Support Ms Office Kursinnehåll För nybörjare och därefter Wise Business Support Ms Office Kursinnehåll För nybörjare och därefter Mohammad Honarbakhsh 2013 01 11 073 784 22 74 mo.honar@wisebs.com www.wisebs.com Ms Office Ms Word, Ms Outlook, Ms PowerPoint, Ms

Läs mer

Konstruera och anskaffa

Konstruera och anskaffa Konstruera och anskaffa www.informationssäkerhet.se 2 Upphovsrätt Tillåtelse ges att kopiera, distribuera, överföra samt skapa egna bearbetningar av detta dokument, även för kommersiellt bruk. Upphovsmannen

Läs mer

utbildning Översikt av funktioner i #fakta

utbildning Översikt av funktioner i #fakta utbildning Översikt av funktioner i #fakta innehåll 1. Säljstödet #fakta 2. Logga in 3. Projekt 4. Vyer 5. Rapportvyn 6. Frågeställningar 7. Diagram 8. Svarsalternativ 9. Interaktiv HTML 10. Aktionsknappar

Läs mer

Boken. Kap 2.1-2.4 Kap 11.3

Boken. Kap 2.1-2.4 Kap 11.3 Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever

Läs mer

KÖPA MARKNADSUNDERSÖKNING. En guide för dig som överväger att göra en marknadsundersökning

KÖPA MARKNADSUNDERSÖKNING. En guide för dig som överväger att göra en marknadsundersökning KÖPA MARKNADSUNDERSÖKNING En guide för dig som överväger att göra en marknadsundersökning INNEHÅLLSFÖRTECKNING INNEHÅLLSFÖRTECKNING... 2 INLEDNING... 3 BEHÖVER NI VERKLIGEN GENOMFÖRA EN UNDERSÖKNING...

Läs mer

ibooks Author Komma igång

ibooks Author Komma igång ibooks Author Komma igång Välkommen till ibooks Author, ett lätt sätt att skapa snygga och interaktiva Multi-Touch-böcker för ipad och Mac. Börja med proffsiga Apple-designade mallar med mängder av eleganta

Läs mer

Kursplan ENGELSKA. Ämnets syfte. Mål. Innehåll. Insikt med utsikt

Kursplan ENGELSKA. Ämnets syfte. Mål. Innehåll. Insikt med utsikt Kursplan ENGELSKA Ämnets syfte Undervisningen i ämnet engelska ska syfta till att deltagarna utvecklar språk- och omvärldskunskaper så att de kan, vill och vågar använda engelska i olika situationer och

Läs mer

Skriftlig redovisning av gymnasiearbetet

Skriftlig redovisning av gymnasiearbetet Skriftlig redovisning av gymnasiearbetet Gymnasiearbetet ska förbereda eleven för högskolestudier. Det innebär att gymnasiearbetet utförs och redovisas med arbetssätt och redovisningsformer som liknar

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 TERMINOLOGI I Polopoly används ett antal grundläggande begrepp för publicering och hantering av information, eller innehåll som det också benämns. Nedan följer en kort genomgång av denna grundläggande

Läs mer