53
IT 12 054 Examensarbete 30 hp April 2013 Hur kan en applikation anpassas till Windows Phone? En studie som visar utvecklingsprocessen för en smartphone-applikation. Sandra Nyström Institutionen för informationsteknologi Department of Information Technology

Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

IT 12 054

Examensarbete 30 hpApril 2013

Hur kan en applikation anpassas till Windows Phone En studie som visar utvecklingsprocessen

foumlr en smartphone-applikation

Sandra Nystroumlm

Institutionen foumlr informationsteknologiDepartment of Information Technology

13

Teknisk- naturvetenskaplig fakultet UTH-enheten Besoumlksadress Aringngstroumlmlaboratoriet Laumlgerhyddsvaumlgen 1 Hus 4 Plan 0 Postadress Box 536 751 21 Uppsala Telefon 018 ndash 471 30 03 Telefax 018 ndash 471 30 00 Hemsida httpwwwteknatuusestudent

Abstract

How can an application be adapted to WindowsPhone

Sandra Nystroumlm

The most common types of smartphones in Sweden are iPhone and AndroidDevelopment in the IT feld is constantly changing and Windows Phone is a newoperating system that has been introduced on the Swedish market in 2010 HoweverWindows Phone user interface is quite different from iPhone and Android

The numbers of applications for smartphones are increasing and users are makinggreater demands on better usability Users want the application to be easy tounderstand and fast to bring into play If the application contains a bug or has otheruser problems it can ruin the entire experience If the user does not have a goodexperience of the application the user will quickly stop using the application

Companies that do not have any mobile applications would probably begin with aniPhone application As a second step they want to transfer the iPhone application toan Android and then maybe also to Windows Phone All three platforms havedifferent interface and different development environments This means that in orderto create the same experience for the user the concept and interface has to beadapted to the specifc platform

To show what is important in the development of software and demonstrate how anapplication can appear in Windows Phone a major Swedish four brand namedKungsoumlrnen has been chosen and their application Bakfickan as a prototyp forWindows Phone today Bakfickan is a recipe application only available for iPhone andAndroid The goal for the transformation of Bakfickan to Windows Phone is that thenew application should have as good usability as the present versions for iPhone andAndroid

In this project an expert review and several user tests were made on BakfickaniPhone to see what worked well and what could be improved Based on these resultsBakfickan was developed for Windows Phone Furthermore a new expert review and multiple user tests were made on BakfickanWindows Phone to find out if the usability was good

The study also indicates that it is possible to redo an existing application to a newenvironment as Windows Phone with relatively simple methods However it requiresthat the work is done in close contact with the users in order to provide the bestpossible user experience

Tryckt av Reprocentralen ITCIT 12 054Examinator Lisa KaatiAumlmnesgranskare Bengt SandbladHandledare Andreas Fredriksson

13

Sammanfattning

De vanligaste operativsystemen idag till smartphones i Sverige aumlr iOS och Android Win-dows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden aringr 2010 Win-dows Phone skiljer sig mycket mot de oumlvriga operativsystemen bland annat nns det storaskillnader i anvaumlndargraumlnssnittet

Antalet applikationer till smartphones oumlkar och anvaumlndarna staumlller allt houmlgre krav paringanvaumlndarbarheten Anvaumlndarna vill att applikationen ska vara laumltt att foumlrstaring och att det skagaring fort att slutfoumlra uppgiften Om anvaumlndaren inte har en bra upplevelse av applikationenkommer de snabbt sluta anvaumlnda applikationen

Foumlretag som inte har mobila applikationer vill naumlstan alltid boumlrja med en iPhone-applikation Som andra steg vill de oumlverfoumlra iPhone-applikationen till Android och daumlreftereventuellt till Windows Phone Alla tre plattformarna har olika graumlnssnitt och olika ut-vecklingsmiljoumler Foumlr att skapa samma upplevelse foumlr anvaumlndaren kraumlvs det att konceptoch graumlnssnitt anpassas efter den specika plattformen

Foumlr att visa vad som aumlr viktigt vid utveckling och foumlr att demonstrera hur en applikationkan se ut foumlr Windows Phone har Kungsoumlrnens applikation Bakckan implementeratssom en prototyp till Windows Phone Bakckan aumlr en receptapplikation som idag nns foumlriPhone och Android Maringlet med Bakckan till Windows Phone aumlr att den ska ha minstlika god anvaumlndarbarhet som den har i iPhone och Android

I projektet har expertgranskning och era anvaumlndartester gjorts paring Bakckan iPhonefoumlr att se vad som fungerade bra Av resultatet utvecklades sedan Bakckan till WindowsPhone En ny expertgranskning och era anvaumlndartester gjordes daumlrefter paring BakckanWindows Phone foumlr att faring veta om anvaumlndarbarheten var god

Studien visar att det aumlr moumljligt att med relativt enkla metoder goumlra om en bent-lig applikation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt medanvaumlndarna foumlr att skapa baumlsta moumljliga anvaumlndarupplevelse

13

Inneharingll

1 Introduktion 711 Bakgrund 712 Syfte 713 Problemformulering 7

2 Metod 921 Analys 922 Intervjuer 923 Expertgranskning och anvaumlndartester 924 Implementering och design 925 Jaumlmfoumlrelse 10

3 Teori 1131 Anvaumlndarcentrerad systemdesign 1132 Metoder foumlr att utveckla anvaumlndarbarhet 1133 Smartphone-applikationer 13

4 Plattform foumlr smartphone 1511 iPhone 1512 Android 1613 Windows Phone 16

5 Bakckan 1951 Startsida 1952 Recept 2053 Mjoumll 2054 Maringttomvandlare 2055 Timer 20

6 Implementering 2361 Teknisk beskrivning 2362 Design och sidstruktur 23

7 Testresultat 2971 Granskning Bakckan iPhone 2972 Granskning Bakckan Windows Phone 34

8 Diskussion 4081 Metod 4082 Graumlnssnittet Bakckan Windows Phone 4083 Testresultat 4184 Funktioner 4285 Kungsoumlrnen 4286 Utvaumlrdering av mitt arbete 42

9 Slutsats 44

10 Framtiden 45

3

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 2: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

13

Teknisk- naturvetenskaplig fakultet UTH-enheten Besoumlksadress Aringngstroumlmlaboratoriet Laumlgerhyddsvaumlgen 1 Hus 4 Plan 0 Postadress Box 536 751 21 Uppsala Telefon 018 ndash 471 30 03 Telefax 018 ndash 471 30 00 Hemsida httpwwwteknatuusestudent

Abstract

How can an application be adapted to WindowsPhone

Sandra Nystroumlm

The most common types of smartphones in Sweden are iPhone and AndroidDevelopment in the IT feld is constantly changing and Windows Phone is a newoperating system that has been introduced on the Swedish market in 2010 HoweverWindows Phone user interface is quite different from iPhone and Android

The numbers of applications for smartphones are increasing and users are makinggreater demands on better usability Users want the application to be easy tounderstand and fast to bring into play If the application contains a bug or has otheruser problems it can ruin the entire experience If the user does not have a goodexperience of the application the user will quickly stop using the application

Companies that do not have any mobile applications would probably begin with aniPhone application As a second step they want to transfer the iPhone application toan Android and then maybe also to Windows Phone All three platforms havedifferent interface and different development environments This means that in orderto create the same experience for the user the concept and interface has to beadapted to the specifc platform

To show what is important in the development of software and demonstrate how anapplication can appear in Windows Phone a major Swedish four brand namedKungsoumlrnen has been chosen and their application Bakfickan as a prototyp forWindows Phone today Bakfickan is a recipe application only available for iPhone andAndroid The goal for the transformation of Bakfickan to Windows Phone is that thenew application should have as good usability as the present versions for iPhone andAndroid

In this project an expert review and several user tests were made on BakfickaniPhone to see what worked well and what could be improved Based on these resultsBakfickan was developed for Windows Phone Furthermore a new expert review and multiple user tests were made on BakfickanWindows Phone to find out if the usability was good

The study also indicates that it is possible to redo an existing application to a newenvironment as Windows Phone with relatively simple methods However it requiresthat the work is done in close contact with the users in order to provide the bestpossible user experience

Tryckt av Reprocentralen ITCIT 12 054Examinator Lisa KaatiAumlmnesgranskare Bengt SandbladHandledare Andreas Fredriksson

13

Sammanfattning

De vanligaste operativsystemen idag till smartphones i Sverige aumlr iOS och Android Win-dows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden aringr 2010 Win-dows Phone skiljer sig mycket mot de oumlvriga operativsystemen bland annat nns det storaskillnader i anvaumlndargraumlnssnittet

Antalet applikationer till smartphones oumlkar och anvaumlndarna staumlller allt houmlgre krav paringanvaumlndarbarheten Anvaumlndarna vill att applikationen ska vara laumltt att foumlrstaring och att det skagaring fort att slutfoumlra uppgiften Om anvaumlndaren inte har en bra upplevelse av applikationenkommer de snabbt sluta anvaumlnda applikationen

Foumlretag som inte har mobila applikationer vill naumlstan alltid boumlrja med en iPhone-applikation Som andra steg vill de oumlverfoumlra iPhone-applikationen till Android och daumlreftereventuellt till Windows Phone Alla tre plattformarna har olika graumlnssnitt och olika ut-vecklingsmiljoumler Foumlr att skapa samma upplevelse foumlr anvaumlndaren kraumlvs det att konceptoch graumlnssnitt anpassas efter den specika plattformen

Foumlr att visa vad som aumlr viktigt vid utveckling och foumlr att demonstrera hur en applikationkan se ut foumlr Windows Phone har Kungsoumlrnens applikation Bakckan implementeratssom en prototyp till Windows Phone Bakckan aumlr en receptapplikation som idag nns foumlriPhone och Android Maringlet med Bakckan till Windows Phone aumlr att den ska ha minstlika god anvaumlndarbarhet som den har i iPhone och Android

I projektet har expertgranskning och era anvaumlndartester gjorts paring Bakckan iPhonefoumlr att se vad som fungerade bra Av resultatet utvecklades sedan Bakckan till WindowsPhone En ny expertgranskning och era anvaumlndartester gjordes daumlrefter paring BakckanWindows Phone foumlr att faring veta om anvaumlndarbarheten var god

Studien visar att det aumlr moumljligt att med relativt enkla metoder goumlra om en bent-lig applikation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt medanvaumlndarna foumlr att skapa baumlsta moumljliga anvaumlndarupplevelse

13

Inneharingll

1 Introduktion 711 Bakgrund 712 Syfte 713 Problemformulering 7

2 Metod 921 Analys 922 Intervjuer 923 Expertgranskning och anvaumlndartester 924 Implementering och design 925 Jaumlmfoumlrelse 10

3 Teori 1131 Anvaumlndarcentrerad systemdesign 1132 Metoder foumlr att utveckla anvaumlndarbarhet 1133 Smartphone-applikationer 13

4 Plattform foumlr smartphone 1511 iPhone 1512 Android 1613 Windows Phone 16

5 Bakckan 1951 Startsida 1952 Recept 2053 Mjoumll 2054 Maringttomvandlare 2055 Timer 20

6 Implementering 2361 Teknisk beskrivning 2362 Design och sidstruktur 23

7 Testresultat 2971 Granskning Bakckan iPhone 2972 Granskning Bakckan Windows Phone 34

8 Diskussion 4081 Metod 4082 Graumlnssnittet Bakckan Windows Phone 4083 Testresultat 4184 Funktioner 4285 Kungsoumlrnen 4286 Utvaumlrdering av mitt arbete 42

9 Slutsats 44

10 Framtiden 45

3

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 3: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Teknisk- naturvetenskaplig fakultet UTH-enheten Besoumlksadress Aringngstroumlmlaboratoriet Laumlgerhyddsvaumlgen 1 Hus 4 Plan 0 Postadress Box 536 751 21 Uppsala Telefon 018 ndash 471 30 03 Telefax 018 ndash 471 30 00 Hemsida httpwwwteknatuusestudent

Abstract

How can an application be adapted to WindowsPhone

Sandra Nystroumlm

The most common types of smartphones in Sweden are iPhone and AndroidDevelopment in the IT feld is constantly changing and Windows Phone is a newoperating system that has been introduced on the Swedish market in 2010 HoweverWindows Phone user interface is quite different from iPhone and Android

The numbers of applications for smartphones are increasing and users are makinggreater demands on better usability Users want the application to be easy tounderstand and fast to bring into play If the application contains a bug or has otheruser problems it can ruin the entire experience If the user does not have a goodexperience of the application the user will quickly stop using the application

Companies that do not have any mobile applications would probably begin with aniPhone application As a second step they want to transfer the iPhone application toan Android and then maybe also to Windows Phone All three platforms havedifferent interface and different development environments This means that in orderto create the same experience for the user the concept and interface has to beadapted to the specifc platform

To show what is important in the development of software and demonstrate how anapplication can appear in Windows Phone a major Swedish four brand namedKungsoumlrnen has been chosen and their application Bakfickan as a prototyp forWindows Phone today Bakfickan is a recipe application only available for iPhone andAndroid The goal for the transformation of Bakfickan to Windows Phone is that thenew application should have as good usability as the present versions for iPhone andAndroid

In this project an expert review and several user tests were made on BakfickaniPhone to see what worked well and what could be improved Based on these resultsBakfickan was developed for Windows Phone Furthermore a new expert review and multiple user tests were made on BakfickanWindows Phone to find out if the usability was good

The study also indicates that it is possible to redo an existing application to a newenvironment as Windows Phone with relatively simple methods However it requiresthat the work is done in close contact with the users in order to provide the bestpossible user experience

Tryckt av Reprocentralen ITCIT 12 054Examinator Lisa KaatiAumlmnesgranskare Bengt SandbladHandledare Andreas Fredriksson

13

Sammanfattning

De vanligaste operativsystemen idag till smartphones i Sverige aumlr iOS och Android Win-dows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden aringr 2010 Win-dows Phone skiljer sig mycket mot de oumlvriga operativsystemen bland annat nns det storaskillnader i anvaumlndargraumlnssnittet

Antalet applikationer till smartphones oumlkar och anvaumlndarna staumlller allt houmlgre krav paringanvaumlndarbarheten Anvaumlndarna vill att applikationen ska vara laumltt att foumlrstaring och att det skagaring fort att slutfoumlra uppgiften Om anvaumlndaren inte har en bra upplevelse av applikationenkommer de snabbt sluta anvaumlnda applikationen

Foumlretag som inte har mobila applikationer vill naumlstan alltid boumlrja med en iPhone-applikation Som andra steg vill de oumlverfoumlra iPhone-applikationen till Android och daumlreftereventuellt till Windows Phone Alla tre plattformarna har olika graumlnssnitt och olika ut-vecklingsmiljoumler Foumlr att skapa samma upplevelse foumlr anvaumlndaren kraumlvs det att konceptoch graumlnssnitt anpassas efter den specika plattformen

Foumlr att visa vad som aumlr viktigt vid utveckling och foumlr att demonstrera hur en applikationkan se ut foumlr Windows Phone har Kungsoumlrnens applikation Bakckan implementeratssom en prototyp till Windows Phone Bakckan aumlr en receptapplikation som idag nns foumlriPhone och Android Maringlet med Bakckan till Windows Phone aumlr att den ska ha minstlika god anvaumlndarbarhet som den har i iPhone och Android

I projektet har expertgranskning och era anvaumlndartester gjorts paring Bakckan iPhonefoumlr att se vad som fungerade bra Av resultatet utvecklades sedan Bakckan till WindowsPhone En ny expertgranskning och era anvaumlndartester gjordes daumlrefter paring BakckanWindows Phone foumlr att faring veta om anvaumlndarbarheten var god

Studien visar att det aumlr moumljligt att med relativt enkla metoder goumlra om en bent-lig applikation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt medanvaumlndarna foumlr att skapa baumlsta moumljliga anvaumlndarupplevelse

13

Inneharingll

1 Introduktion 711 Bakgrund 712 Syfte 713 Problemformulering 7

2 Metod 921 Analys 922 Intervjuer 923 Expertgranskning och anvaumlndartester 924 Implementering och design 925 Jaumlmfoumlrelse 10

3 Teori 1131 Anvaumlndarcentrerad systemdesign 1132 Metoder foumlr att utveckla anvaumlndarbarhet 1133 Smartphone-applikationer 13

4 Plattform foumlr smartphone 1511 iPhone 1512 Android 1613 Windows Phone 16

5 Bakckan 1951 Startsida 1952 Recept 2053 Mjoumll 2054 Maringttomvandlare 2055 Timer 20

6 Implementering 2361 Teknisk beskrivning 2362 Design och sidstruktur 23

7 Testresultat 2971 Granskning Bakckan iPhone 2972 Granskning Bakckan Windows Phone 34

8 Diskussion 4081 Metod 4082 Graumlnssnittet Bakckan Windows Phone 4083 Testresultat 4184 Funktioner 4285 Kungsoumlrnen 4286 Utvaumlrdering av mitt arbete 42

9 Slutsats 44

10 Framtiden 45

3

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 4: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

13

Sammanfattning

De vanligaste operativsystemen idag till smartphones i Sverige aumlr iOS och Android Win-dows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden aringr 2010 Win-dows Phone skiljer sig mycket mot de oumlvriga operativsystemen bland annat nns det storaskillnader i anvaumlndargraumlnssnittet

Antalet applikationer till smartphones oumlkar och anvaumlndarna staumlller allt houmlgre krav paringanvaumlndarbarheten Anvaumlndarna vill att applikationen ska vara laumltt att foumlrstaring och att det skagaring fort att slutfoumlra uppgiften Om anvaumlndaren inte har en bra upplevelse av applikationenkommer de snabbt sluta anvaumlnda applikationen

Foumlretag som inte har mobila applikationer vill naumlstan alltid boumlrja med en iPhone-applikation Som andra steg vill de oumlverfoumlra iPhone-applikationen till Android och daumlreftereventuellt till Windows Phone Alla tre plattformarna har olika graumlnssnitt och olika ut-vecklingsmiljoumler Foumlr att skapa samma upplevelse foumlr anvaumlndaren kraumlvs det att konceptoch graumlnssnitt anpassas efter den specika plattformen

Foumlr att visa vad som aumlr viktigt vid utveckling och foumlr att demonstrera hur en applikationkan se ut foumlr Windows Phone har Kungsoumlrnens applikation Bakckan implementeratssom en prototyp till Windows Phone Bakckan aumlr en receptapplikation som idag nns foumlriPhone och Android Maringlet med Bakckan till Windows Phone aumlr att den ska ha minstlika god anvaumlndarbarhet som den har i iPhone och Android

I projektet har expertgranskning och era anvaumlndartester gjorts paring Bakckan iPhonefoumlr att se vad som fungerade bra Av resultatet utvecklades sedan Bakckan till WindowsPhone En ny expertgranskning och era anvaumlndartester gjordes daumlrefter paring BakckanWindows Phone foumlr att faring veta om anvaumlndarbarheten var god

Studien visar att det aumlr moumljligt att med relativt enkla metoder goumlra om en bent-lig applikation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt medanvaumlndarna foumlr att skapa baumlsta moumljliga anvaumlndarupplevelse

13

Inneharingll

1 Introduktion 711 Bakgrund 712 Syfte 713 Problemformulering 7

2 Metod 921 Analys 922 Intervjuer 923 Expertgranskning och anvaumlndartester 924 Implementering och design 925 Jaumlmfoumlrelse 10

3 Teori 1131 Anvaumlndarcentrerad systemdesign 1132 Metoder foumlr att utveckla anvaumlndarbarhet 1133 Smartphone-applikationer 13

4 Plattform foumlr smartphone 1511 iPhone 1512 Android 1613 Windows Phone 16

5 Bakckan 1951 Startsida 1952 Recept 2053 Mjoumll 2054 Maringttomvandlare 2055 Timer 20

6 Implementering 2361 Teknisk beskrivning 2362 Design och sidstruktur 23

7 Testresultat 2971 Granskning Bakckan iPhone 2972 Granskning Bakckan Windows Phone 34

8 Diskussion 4081 Metod 4082 Graumlnssnittet Bakckan Windows Phone 4083 Testresultat 4184 Funktioner 4285 Kungsoumlrnen 4286 Utvaumlrdering av mitt arbete 42

9 Slutsats 44

10 Framtiden 45

3

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 5: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Sammanfattning

De vanligaste operativsystemen idag till smartphones i Sverige aumlr iOS och Android Win-dows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden aringr 2010 Win-dows Phone skiljer sig mycket mot de oumlvriga operativsystemen bland annat nns det storaskillnader i anvaumlndargraumlnssnittet

Antalet applikationer till smartphones oumlkar och anvaumlndarna staumlller allt houmlgre krav paringanvaumlndarbarheten Anvaumlndarna vill att applikationen ska vara laumltt att foumlrstaring och att det skagaring fort att slutfoumlra uppgiften Om anvaumlndaren inte har en bra upplevelse av applikationenkommer de snabbt sluta anvaumlnda applikationen

Foumlretag som inte har mobila applikationer vill naumlstan alltid boumlrja med en iPhone-applikation Som andra steg vill de oumlverfoumlra iPhone-applikationen till Android och daumlreftereventuellt till Windows Phone Alla tre plattformarna har olika graumlnssnitt och olika ut-vecklingsmiljoumler Foumlr att skapa samma upplevelse foumlr anvaumlndaren kraumlvs det att konceptoch graumlnssnitt anpassas efter den specika plattformen

Foumlr att visa vad som aumlr viktigt vid utveckling och foumlr att demonstrera hur en applikationkan se ut foumlr Windows Phone har Kungsoumlrnens applikation Bakckan implementeratssom en prototyp till Windows Phone Bakckan aumlr en receptapplikation som idag nns foumlriPhone och Android Maringlet med Bakckan till Windows Phone aumlr att den ska ha minstlika god anvaumlndarbarhet som den har i iPhone och Android

I projektet har expertgranskning och era anvaumlndartester gjorts paring Bakckan iPhonefoumlr att se vad som fungerade bra Av resultatet utvecklades sedan Bakckan till WindowsPhone En ny expertgranskning och era anvaumlndartester gjordes daumlrefter paring BakckanWindows Phone foumlr att faring veta om anvaumlndarbarheten var god

Studien visar att det aumlr moumljligt att med relativt enkla metoder goumlra om en bent-lig applikation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt medanvaumlndarna foumlr att skapa baumlsta moumljliga anvaumlndarupplevelse

13

Inneharingll

1 Introduktion 711 Bakgrund 712 Syfte 713 Problemformulering 7

2 Metod 921 Analys 922 Intervjuer 923 Expertgranskning och anvaumlndartester 924 Implementering och design 925 Jaumlmfoumlrelse 10

3 Teori 1131 Anvaumlndarcentrerad systemdesign 1132 Metoder foumlr att utveckla anvaumlndarbarhet 1133 Smartphone-applikationer 13

4 Plattform foumlr smartphone 1511 iPhone 1512 Android 1613 Windows Phone 16

5 Bakckan 1951 Startsida 1952 Recept 2053 Mjoumll 2054 Maringttomvandlare 2055 Timer 20

6 Implementering 2361 Teknisk beskrivning 2362 Design och sidstruktur 23

7 Testresultat 2971 Granskning Bakckan iPhone 2972 Granskning Bakckan Windows Phone 34

8 Diskussion 4081 Metod 4082 Graumlnssnittet Bakckan Windows Phone 4083 Testresultat 4184 Funktioner 4285 Kungsoumlrnen 4286 Utvaumlrdering av mitt arbete 42

9 Slutsats 44

10 Framtiden 45

3

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 6: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

13

Inneharingll

1 Introduktion 711 Bakgrund 712 Syfte 713 Problemformulering 7

2 Metod 921 Analys 922 Intervjuer 923 Expertgranskning och anvaumlndartester 924 Implementering och design 925 Jaumlmfoumlrelse 10

3 Teori 1131 Anvaumlndarcentrerad systemdesign 1132 Metoder foumlr att utveckla anvaumlndarbarhet 1133 Smartphone-applikationer 13

4 Plattform foumlr smartphone 1511 iPhone 1512 Android 1613 Windows Phone 16

5 Bakckan 1951 Startsida 1952 Recept 2053 Mjoumll 2054 Maringttomvandlare 2055 Timer 20

6 Implementering 2361 Teknisk beskrivning 2362 Design och sidstruktur 23

7 Testresultat 2971 Granskning Bakckan iPhone 2972 Granskning Bakckan Windows Phone 34

8 Diskussion 4081 Metod 4082 Graumlnssnittet Bakckan Windows Phone 4083 Testresultat 4184 Funktioner 4285 Kungsoumlrnen 4286 Utvaumlrdering av mitt arbete 42

9 Slutsats 44

10 Framtiden 45

3

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 7: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Inneharingll

1 Introduktion 711 Bakgrund 712 Syfte 713 Problemformulering 7

2 Metod 921 Analys 922 Intervjuer 923 Expertgranskning och anvaumlndartester 924 Implementering och design 925 Jaumlmfoumlrelse 10

3 Teori 1131 Anvaumlndarcentrerad systemdesign 1132 Metoder foumlr att utveckla anvaumlndarbarhet 1133 Smartphone-applikationer 13

4 Plattform foumlr smartphone 1511 iPhone 1512 Android 1613 Windows Phone 16

5 Bakckan 1951 Startsida 1952 Recept 2053 Mjoumll 2054 Maringttomvandlare 2055 Timer 20

6 Implementering 2361 Teknisk beskrivning 2362 Design och sidstruktur 23

7 Testresultat 2971 Granskning Bakckan iPhone 2972 Granskning Bakckan Windows Phone 34

8 Diskussion 4081 Metod 4082 Graumlnssnittet Bakckan Windows Phone 4083 Testresultat 4184 Funktioner 4285 Kungsoumlrnen 4286 Utvaumlrdering av mitt arbete 42

9 Slutsats 44

10 Framtiden 45

3

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 8: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

11 Tack till 46

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 9: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figurer

41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagram-met kommer fraringn httpgsstatcountercom 15

42 Arla Koumlkets app foumlr iPhone 1643 Arla Koumlkets app foumlr Android 1744 Application bar foumlr Blockets app foumlr Windows Phone 18

51 Startsidan foumlr Bakckan iPhone 1952 Val av kategori av recept foumlr Bakckan iPhone 2053 Startsidan foumlr ett recept foumlr Bakckan iPhone 2154 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone 2155 Timerfunktion i Bakckan foumlr iPhone 22

61 Siduppbyggnad foumlr Bakckan paring Windows Phone 2462 Foumlrsta sidan foumlr Bakckan paring Windows Phone 2563 Mina favoriter paring Bakckan foumlr Windows Phone 2564 Soumlk efter recept i Bakckan foumlr Windows Phone 2665 Information om ett recept paring Bakckan foumlr Windows Phone 2766 Application bar i Bakckan foumlr Winodws Phone 2767 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone 28

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 10: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Tabeller

71 Expertgranskning Bakckan iPhone 2972 Expertgranskning Bakckan Windows Phone 35

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 11: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 1

Introduktion

11 Bakgrund

Examensrapporten aumlr skriven av Sandra Nystroumlm som laumlser Master i Datavetenskap paringUppsala Universitet Arbetet aumlr gjort paring Valtech AB mellan perioden mars 2012 till sep-tember 2012 Valtech AB aumlr ett konsultfoumlretag som utvecklar webbsidor och applikationertill smartphones

Utvecklingen av mobiltelefoner garingr allt snabbare och antalet mobiltelefoner oumlkar foumlrvar dag som garingr Idag nns oumlver fem miljarder aktiva mobiltelefoner i vaumlrlden [1] Eftersomanvaumlndandet av smartphone har oumlkat alltmer har aumlven antalet applikationer till smarthonesoumlkat De stoumlrsta operativsystemen foumlr smartphones i Sverige aumlr Android och iPhone [2]

Windows Phone aumlr ett nytt operativsystem som kom ut paring svenska marknaden 2011Microsoft har gjort om sitt tidigare operativsystem Windows Mobile fraringn grunden ochskapat ett helt nytt operativsystemWindows Phone som kom ut i butik 2010 Microsoft harsatsat paring att man ska anvaumlnda mobilen socialt Paring startsidan presenteras dina meddelandenfraringn Facebook och andra sociala tjaumlnster saringsom SMS och e-post Microsoft har skapat etthelt nytt anvaumlndargraumlnssnitt baserat paring designspraringket Metro Designen Metro aumlr inspireradav en tunnelbanekarta och applikationerna till Windows Phone ska vara lika tydliga ochrena fraringn oumlveroumldigt inneharingll som en tunnelbanekarta [3]

12 Syfte

Detta examensarbete syftar till att undersoumlka vad som aumlr viktigt vid utveckling av en Win-dows Phone applikation daring applikationen redan nns utvecklad foumlr Android eller iPhoneSmartphone-applikationer utvecklas ofta till iPhone och Android foumlrst och sedan utveck-las de eventuellt till Windows Phone Foumlr att kunna oumlverfoumlra en applikation till WindowsPhone kraumlvs det en ny implementering och helt ny design Hur den nya designen skapasaumlr viktigt foumlr anvaumlndbarheten foumlr Windows Phone applikationen Foumlr att visa vad som aumlrviktigt vid utveckling och visa hur en applikation skulle kunna se ut foumlr Windows Phoneska applikationen Bakckan implementeras som en prototyp Syftet aumlr aumlven att hitta vilkakrav en anvaumlndare har paring applikationen Bakckan och sedan utifraringn dessa utveckla Bakc-kan foumlr Windows Phone Maringlet med Windows Phone Bakckan aumlr att den ska ha minstsamma anvaumlndarupplevelse eller en aumlnnu baumlttre aumln vad som nns paring iPhone och Android

13 Problemformulering

Hur ska en mobilapplikationen som redan aumlr utvecklad implementeras och designasom till Windows Phone foumlr att uppnaring god anvaumlndarbarhet och bra prestanda

Vilka foumlrbaumlttringar skulle behoumlva goumlras till applikationen Bakckan foumlr att uppnaringmer anvaumlndarbarhet

131 Rapportstruktur

Rapporten aumlr indelad i foumlljande avsnitt

7

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 12: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 2 TeoriKapitlet beskriver allmaumlnt vad anvaumlndarcentrerad systemdesign aumlr och olika metoder somkan anvaumlndas foumlr att utveckla ett anvaumlndbart system Vidare beskrivs mer detaljerat vadsom aumlr viktigt att taumlnka paring vid utveckling av anvaumlndarbarhet paring smartphones

Kapitel 3 MetodI detta kapitel utvecklas metoden som anvaumlnts vid utvecklingen av Bakckan till WindowsPhone

Kapitel 4 Mobila PlattformarKapitlet Mobila Plattformar redovisas allmaumlnt om iPhone Android och Windows PhoneVarje operativsystem beskrivs med hur man utvecklar applikationer till det och hur anvaumln-dargraumlnssnittet aumlr uppbyggt

Kapitel 5 BakckanI detta avsnitt visas med bilder och text hur Bakckan ser ut i iPhone och Android

Kapitel 6 ImplementationImplementationsavsnittet inneharingller foumlrst en teknisk beskrivning av Bakckan i WindowsPhone Efter det beskrivs funktionerna i applikationen med tillhoumlrande bilder

Kapitel 7 TestresultatKapitlet resultat visar en expertgranskning och anvaumlndarresultat och moumljliga foumlrbaumlttringarfoumlr Bakckan paring iPhone Efter det redovisas en expertgranskning och anvaumlndarresultat ochmoumljliga foumlrbaumlttringar foumlr Bakckan paring Windows Phone

Kapitel 8 DiskussionRapporten avslutas med en diskussion om hur man utvecklar en applikation till WindowsPhone och om Bakckan i Windows Phone har god anvaumlndarbarhet

8

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 13: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 2

Metod

21 Analys

I boumlrjan av arbetet haumlmtas information om hur designen och implementeringen aumlr gjordfoumlr Bakckan i Android och iPhone Utvecklarna som har gjort applikationen till iPho-ne och Android intervjuades och koden granskades Foumlr att se vad som fungerar bra paringWindows Phone applikationer gjordes en granskning av olika applikationer paring WindowsPhone Granskningen genomfoumlrdes genom att garing igenom olika applikationer och se vadanvaumlndare har gett applikationen foumlr betyg och kommentarer Foumlrundersoumlkningen innefat-tade aumlven laumlsning allmaumlnt om hur applikationer faringr en houmlg anvaumlndarbarhet och faringr ett bramarknadsvaumlrde Designregler som aumlr specika foumlr Windows Phone har aumlven garingtts igenom

22 Intervjuer

Expertintervjuer gjordes med experter med kunskaper inom anvaumlndarbarhet och utvecklaremed kunskap inom omraringdet

23 Expertgranskning och anvaumlndartester

En expertgranskning och era anvaumlndartester gjordes paring Bakckan i tidigt skede i pro-cessen Bakckan aumlr uppbyggt paring liknande saumltt paring Android och iPhone och daumlrfoumlr harendast iPhone-versionen testats Expertgranskningen har gjorts av kunskaperna fraringn ana-lysen om anvaumlndarbarhet foumlr smartphones och intervjuer med experter I granskningen harbaringde designen och prestandan utvaumlrderats fraringn designregler foumlr att kunna skapa en houmlg an-vaumlndbarhet Anvaumlndartesterna utfoumlrdes av tre personer i blandad aringlder daumlr gemensamt foumlranvaumlndarna aumlr att de aumlr intresserade av bakning Anvaumlndarna testade Bakckan paring iPhoneoch var sedan tidigare vana vid att anvaumlnda sig av iPhone Detta gjordes foumlr att minskastressmoment saring som att anvaumlndaren inte aumlr van vid operativsystemet och telefonen

Anvaumlndarna ck utfoumlra tester paring alla funktioner i applikationen och ge kommentarer paringvad de tycker Testerna som gjordes var utformade som verkliga situationer Tex saring varett av testerna att anvaumlnda applikationen till att baka Tiden att utfoumlra uppgiften och antalknapptryck maumlttes foumlr varje funktionstest Testpersonerna som valdes ut var alla foumlrsta-garingngsanvaumlndare av Bakckan och detta foumlr att alla testpersoner ska vara paring samma nivaringfoumlr att kunna goumlra en jaumlmfoumlrelse Det aumlr ocksaring viktigt att applikationen ska garing att anvaumlndafoumlr en anvaumlndare utan tidigare kunskap Av expertgranskningen och anvaumlndarintervjuer-na har moumljliga foumlrbaumlttringar som oumlkat anvaumlndbarheten De saker som har fungerat brahar aumlven tagits med till designen och implementationen av Bakckan till Windows PhoneLiknande expertgranskning och anvaumlndartester som gjordes paring iPhone gjordes sedan paringBakckan foumlr Windows Phone naumlr implementationen var klar Dessa tester var grunden foumlrutvaumlrderingen av Bakckan till Windows Phone Expertgranskningen gjordes av en annanperson aumln mig sjaumllv foumlr att faring en objektiv bedoumlmning

24 Implementering och design

Utifraringn expertgranskningen anvaumlndarintervjuer och analysen gjordes sedan en grundde-sign foumlr Bakckan Windows Phone Grunddesignen var oumlvergripande och klargjorde vilka

9

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 14: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

sidmallar som ska anvaumlndas samt var de olika funktionerna ska placeras Designen visa-des foumlr olika personer med kunskaper inom anvaumlndarbarhet och utveckling inom WindowsPhone Testpersonerna ck ge kommentar paring vad de tycke om loumlsningen Systemet vi-dareutvecklades sedan av dessa kommentarer Implementationen skapades sedan utifraringnskissen Funktionerna implementerades som yttbara kontroller foumlr att de laumltt skulle garingoch ytta vid en omgjord design Under implementationen ck aumlven experter och taumlnkbaraanvaumlndare ge kommentarer om applikationen Design- och implementationsprocessen ite-rerades sedan tills en bra loumlsning hade implementerats En bra loumlsning aumlr naumlr anvaumlndarnaaumlr noumljda och kan anvaumlnda systemet paring ett bra saumltt Naumlr grundimplementation var klargjordes en nare design daumlr faumlrger och bilder valdes Designen kom att goumlras med hjaumllpav en expert inom omraringdet Aumlven under denna process har anvaumlndarna faringtt vara med ochgett sina kommentarer

25 Jaumlmfoumlrelse

Naumlr anvaumlndartesterna och expertgranskning var utfoumlrda foumlr Windows Phone gjordes en ut-vaumlrdering om anvaumlndarbarheten Detta jaumlmfoumlrdes sedan med testerna foumlr Bakckan iPhonefoumlr att faring ett resultat om anvaumlndabarheten

10

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 15: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 3

Teori

Kapitlet behandlar foumlrst oumlvergripande fraringgor om anvaumlndarbarhet och om olika metodersom kan anvaumlnds till anvaumlndarcentrerad systemdesign Daumlrefter beskrivs mer specikt vadsom aumlr bra att taumlnka paring vid utveckling av smartphones

31 Anvaumlndarcentrerad systemdesign

Anvaumlndarcentrerad systemdesign fokuserar paring att goumlra system som tillgodoser anvaumlndarenskrav och foumlrvaumlntningar En anvaumlndarvaumlnlig design ska vara laumltt att foumlrstaring Anvaumlndarna skakunna utfoumlra sina uppgifter och de ska vara noumljda med systemet

Om det satsas paring att skapa en produkt som baringde aumlr anvaumlndbar och anvaumlndarvaumlnligkommer det att resultera i positiva eekter Nedan listas naringgra av de positiva eekter somuppnarings

TidsvinstGenom att arbetsuppgifterna garingr fortare att utfoumlra och att det inte uppstaringr pro-blem som tillfaumllligt stoppar utfoumlrandet av arbetsuppgifterna foumlrbaumlttras tidsvinstenUr ett organisatoriskt perspektiv leder tidsvinsterna till en foumlrbaumlttrad produktivitetfoumlr organisationen

TillfredsstaumlllelseDetta innebaumlr att anvaumlndarna blir mer noumljda daring produkten kraringnglar mindre aumlr laumlt-tare att foumlrstaring laumlttare att anvaumlnda och arbetstiden garingr aringt till att arbeta inte till attfoumlrsoumlka loumlsa problem Detta innebaumlr att organisationen som helhet blir mer eektivoch att de tilldelade resurserna anvaumlnds mer eektivt

Mindre supportAnvaumlndarna behoumlver mindre support daring produkten kraringnglar mindre och att anvaumln-darna foumlrstaringr hur de ska anvaumlnda produkten

Minskad inlaumlrningstidAnvaumlndarna kommer att faring en minskad och eektivare inlaumlrningstid daring produkten aumlrutvecklad efter hur maumlnniskan laumlr tolkar och bearbetar information

Minskade kostnaderDe stoumlrsta kostnaderna kommer att minskas daring behovet av support minskas och attutbildningen av anvaumlndarna tar kortare tid [4]

32 Metoder foumlr att utveckla anvaumlndarbarhet

Processen aumlr iterativ och anvaumlndaren aumlr med i alla stegen Anvaumlndaren aumlr den viktigastefaktorn i processen och ska vara den verkliga anvaumlndaren till systemet Under processenska anvaumlndaren faring vara med och ge feedback och systemet utvecklas daumlrefter tills dess attanvaumlndarna aumlr noumljda med systemet Foumlr att anvaumlndaren ska kunna vara med i alla stegeni processen maringste man ha maringnga kompetenser i projektet [5]

Foumlr att undersoumlka om ett system har god anvaumlndarbarhet granskas det naumlr de riktigaanvaumlndarna arbetar med systemet [6]

11

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 16: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Nedan beskrivs naringgra av de viktigaste metoderna vid utveckling av anvaumlndarbarhetImplementationen av Bakckan till Windows Phone bygger paring de nedan listade metoderna

321 Iterativt arbete

Arbetet sker iterativt och naumlr ett problem upptaumlcks boumlr det utvaumlrderas och implementationboumlr designas om Processen itereras om tills anvaumlndarna aumlr noumljda med systemet Det aumlrsvaringrt foumlr en designer att skapa en loumlsning som fungerar fraringn boumlrjan Det kraumlvs ofta att olikaloumlsningar testas [7]

322 Prototyp

En prototyp aumlr en version av ett system som inte aumlr det slutliga resultatet av det som haringllerparing att utvecklas Det aumlr bra att anvaumlnda prototyper saring fort som moumljligt i processen foumlratt utvaumlrdera funktionalitet och designloumlsningarna med anvaumlndarna Genom att utvaumlrderatidigt i processen farings en tidig respons paring vad som behoumlver aumlndras och vad som fungerarbra En prototyp kan baringde vara en skiss och ett implementerat system Genom att visaprototyper foumlr anvaumlndare faringr de laumltt en bild av hur systemet aumlr taumlnkt att fungera Det gerocksaring utvecklaren en bra bild paring hur laringngt man har kommit med utvecklingen [7]

323 Anvaumlndartester

Anvaumlndartester kan goumlras i olika steg under utvecklingsprocessen I boumlrjan av processenkan anvaumlndarna faring se modeller scenarios eller skisser paring designkoncepten Ett anvaumlndar-test garingr till saring att testpersonerna faringr ett scenario som de ska loumlsa Ett scenario kan varaexempelvis vara Scenario A har intraumlat och du maringste ringa foumlretaget snarast-hitta te-lefonnummer Ett scenario goumlr att anvaumlndaren loumlser problemet paring ett mer naturligt saumlttaumln om anvaumlndaren hade faringtt instruktioner En instruktion skulle exempelvis kunnat varaHitta kontaktuppgifter paring sidan

Naumlr testerna utformas aumlr det viktigt att det aumlr genomtaumlnkt vilken maringlgruppen aumlr ochvad de behoumlver kunna goumlra paring sidan Utifraringn det garingr det sedan att skapa givande an-vaumlndartester Testpersonerna kan aumlven faring svara paring uppgifter om systemet foumlr att faring svar paringanvaumlndarnas foumlrvaumlntningar och erfarenheter av applikationen Det aumlr viktigt naumlr anvaumlndar-testernas goumlras att anvaumlndarna faringr utfoumlra en uppgift och inte bara faringr en demonstrationeller en foumlrtitt av designen Testet oumlvervakas av en testoumlvervakare som kan spela in testetom den vill Testoumlvervakarens uppgift aumlr faring testpersonen att taumlnka houmlgt och granska dessbeteende En observatoumlr kan anvaumlndas i testet foumlr att i tysthet foumlra anteckningar Det kanvara svaringrt foumlr en testoumlvervakare att hinna med att se allt sjaumllv och hinna anteckna Det aumlrdaumlrfoumlr ofta bra att ha med sig naringgon som hjaumllp och som kan vara med att anteckna Andrahjaumllpmedel som kan anvaumlndas aumlr manus instruktioner prototyper och pre-och post-testfraringgeformulaumlr anvaumlnds ocksaring foumlr att samla in synpunkter paring produkten som testas

I slutet av utvecklingsprocessen utfoumlrs ett betatest av systemet Ett betatest goumlrs i enverklig miljouml men ska inte vara den slutliga produkten Efter betatestet ska aumlndringar somupptaumlcks fortfarande aringtgaumlrdas

Syftet med anvaumlndartester aumlr att se hur maumlnniskor fungerar paring ett realistiskt saumltt saring attutvecklarna kan se problemomraringden och vad folk gillar Utifraringn det kan en design skapaseller vidareutvecklas foumlr att skapa en houmlgre anvaumlndarbarhet

12

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 17: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

324 Expertgranskning

Expertgranskning goumlrs av personer med erfarenheter paring design och utveckling av anvaumlndar-graumlnssnitt De garingr igenom systemets samtliga delar och letar efter designproblem Expertengaringr igenom hela systemet och utvaumlrderar det mot riktlinjer som kan vara style guides check-listor och tumregler foumlr anvaumlndarbarhet Det nns ofta style guides som aumlr specikt gjordafoumlr olika system foumlr att visa hur man baumlst anvaumlnder sig av deras komponenter Exempel paringdet aumlr att iPhone har riktlinjer som visar hur deras komponenter ska anvaumlndas och Androidhar sina Om riktlinjerna inte foumlljs kan en anvaumlndare faring svaringrt att foumlrstaring vad komponenternagoumlr och hur de hittar till olika funktioner

Det nns aumlven mer oumlvergripande guider om anvaumlndarbarhet som garingr att anvaumlnda Saringdankan vara att foumllja en heuristisk utvaumlrdering som Jakob Nielsen och Rolf Molich publiserade1990 Ett heuristisk utvaumlrdering garingr igenom hela systemet graumlnssnitt och testar dess olikafunktioner Testet bestaringr utav 10 punkter och naringgra av punkterna som nns med i testetaumlr Estetisk och minimalistisk design Konsekvens och standarder och Flexibelt ocheektivt att anvaumlnda Foumlr varje riktlinje ges ett betyg mellan 0 till 4 Betygen visar hurstort problemet och hur viktigt det aumlr att det aringtgaumlrdas [8]

Det aumlr viktigt att experten aumlr insatt i arbetsdomaumlnen anvaumlndarna och anvaumlndarnasuppgifter Bara foumlr ett system aumlr raumltt designmaumlssigt och anvaumlndarmaumlssigt behoumlver det intefungera foumlr de som anvaumlnder systemet Det viktigaste aumlr att anvaumlndarna aumlr noumljda och inteatt systemet foumlljer designkoncepten

En expertgranskning garingr oftast fort att utfoumlra men ger saumlllan full information eller insikti anvaumlndarbarhetsproblemen Det kan daumlrfoumlr vara bra att utfoumlra expertgranskningen somett komplement till anvaumlndartesten Om pengar och tid inte nns att utfoumlra anvaumlndartesteraumlr det alltid baumlttre att goumlra en expertgranskning aumln att inte goumlra naringgot alls[9]

33 Smartphone-applikationer

En smartphone-applikation skiljer sig mycket mot en applikation paring PC Nedan listas deviktigaste aspekterna foumlr att utveckla en smartphone-applikation

Liten skaumlrmstorlekStationaumlra och laptops har ofta en stor skaumlrmstorlek vilket goumlr att anvaumlndaren faringr oumlver-blick oumlver mycket information paring en garingng Paring en smartphone aumlr skaumlrmstorleken daumlremotmer begraumlnsad Ofta svaringrt att baringde visa bilder och text samtidigt paring skaumlrmen Det goumlr attinformationen som visas paring skaumlrmen maringste ha houmlg relevans foumlr anvaumlndaren

NedladdningshastighetParing de esta smartphones aumlr nedladdningshastigheten foumlr laringg foumlr att kunna visa informationtillraumlckligt fort Detta kan upplevas tidskraumlvande och irriterande foumlr anvaumlndaren Foumlr attloumlsa problemet kan det exempelvis vaumlljas att ladda data i mindre maumlngder Exempelvis omapplikationen inneharingller en lista raumlcker det att ladda det anvaumlndaren ser foumlrst paring skaumlrmenoch sedan ladda resterande allteftersom

TouchscreenParing smartphones nns ingen mus eller tangentbord paring samma saumltt som paring en pc Genomsaknaden av mus kan det bli svaringrare att trycka paring menyer knappar och hyperlaumlnkar Detaumlr ocksaring svaringrare att scrolla samtidigt som textinmatning tar laumlngre tid Anvaumlndarnas ng-erstorlek skiljer sig mycket aringt saring det aumlr viktigt att knapparna utformas till att passa deesta anvaumlndare

13

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 18: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

SkaumlrmorienteringVissa Smartphones har olika skaumlrmstorlekar och det aumlr viktigt att applikationen passaralla

Telefonen ringer eller andra avbrottApplikationen maringste klara av olika avbrott Ett avbrott kan exempelvis vara att telefonenringer eller ett alarm har startat i telefonen Efter ett avbrott ska anvaumlndaren kunna garingtillbaka till applikationen utan att naringgot har garingtt foumlrlorat

AnvaumlndningenAnvaumlndandet av smartphonen sker ofta under hela anvaumlndarens vardag Ofta anvaumlnds mo-bilen paring taringget paring stan eller hemma i soan Dessa aspekter aumlr viktiga att taumlnka paring Enstationaumlr dator anvaumlnds vid en stillasittande situation och ofta nns bra ljus Det ska garingatt anvaumlnda sin smartphone i de vardagliga situationerna saring det aumlr viktigt att det blandannat garingr laumltt att trycka paring knapparna se i starkt solljus och tar lite batteritid

Inbyggda funktionerEn smartphone inneharingller ofta era bra funktioner saring som GPS kamera och en alarm-funktion Dessa funktioner aumlr ofta bra att ta vara paring vid utveckling av en smartphone-applikation Om inte dessa funktioner anvaumlnds kan en webbsida eventuellt vara ett baumlttrealternativ

InneharingllApplikationens inneharingll och maringl maringste vara noga genomtaumlnkt En applikation till ensmartphone ska loumlsa en specik uppgift annars kan andra loumlsningar vara baumlttre att ut-forma Det aumlr ocksaring viktigt att taumlnka igenom om en smartphoneapplikation ska utvecklaseller om det aumlr baumlttre att utveckla en mobilwebbsida eller en sida som aumlr responsive Enmobilwebbsida eller webbsida som aumlr responsive aumlr en sida som aumlr anpassad foumlr smartpho-nes skaumlrmstorlek

DesignDe olika plattformarna har sina egna anvaumlndargraumlnssnitt Det aumlr viktigt att dessa foumlljsoch anpassar till de olika plattformarna Varje operativsystem har sina egna riktlinjer foumlratt utveckla en anvaumlndbar design Genom att anpassa till plattformen kan anvaumlndarna halaumlttare anvaumlnda sig av funktioner som anvaumlndarna kaumlnner igen sig i [10 11 12]

14

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 19: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 4

Plattform foumlr smartphone

De operativsystemen med est anvaumlndare i dag aumlr Andriod och iPhone Windows Phonehar foumlr naumlrvarande bara 043 av marknaden [13] Figur 41 visar hur stor andel somanvaumlnder de olika operativsystemen Andelen som har Windows Phone aumlr inte saring stori dag men maringnga tror att framtiden aumlndaring ser ljus ut Maringnga anvaumlnder Windows somoperativsystem till sin pc och har en positiv bild av Microsoft Genom att maringnga aumlrpositiva till Microsoft kan det goumlra steget att byta till Windows Phone laumlttare Houmlsten2012 kommer Windows 8 som anvaumlnder sig av samma designsystem som Windows Phoneatt slaumlppas Om anvaumlndarna laumlr sig tycka om Windows 8 saring aumlr det troligare att de ocksaringkommer att gilla Windows Phone [14 15]

Figur 41 Diagram oumlver antal anvaumlndare till de vanligaste operativsystemen Diagrammetkommer fraringn httpgsstatcountercom

11 iPhone

iPhone anvaumlnder sig av en optimerad version av operativsystemet Mac OS X Den foumlrstasmartphonen som anvaumlnde sig av operativsystemet slaumlpptes 2007 och den foumlrsta iPad kom2010 [16] [17] iPhone och iPad har samma proportioner paring displayen vilket goumlr att sammaapplikation garingr att anvaumlnda paring baringda enheterna I bland utvecklas speciella loumlsningar foumlriPad foumlr att kunna utnyttja den stoumlrre bildytan

Foumlr att utveckla applikationer till iPhone anvaumlnds programmeringsspraringket Objective CObjective C aumlr ett objektorienterat spraringk som bygger paring programmeringsspraringket C Foumlr

15

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 20: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

att kunna utveckla en applikation behoumlvs Macintoshprogrammet Xcode Xcode erbjuderkodeditor debugger stimulator och en graumlnssnittsuppbyggare

iPhone applikationer aumlr oftast uppbyggda paring samma saumltt De bestaringr ofta av en menylaumlngst ner paring sidan daumlr huvudfunktionerna visas i en meny Om funktionerna inte faringrplats i nederkanten nns det andra loumlsningar foumlr att placera menyn Ett Alternativ kanvara tex vara att ha en hel sida med de olika alternativen Houmlgst upp paring sidan visasoftast vad applikationen heter eller vilken sida anvaumlndaren benner sig paring [18 19] ArlasiPhone-applikation Arla Koumlkets visas i Figur 42

Figur 42 Arla Koumlkets app foumlr iPhone

12 Android

Android aumlr ett operativsystem som nns foumlr smartphones och surfplattor Foumlr utvecklingav applikationer till Android nns Android SDK som tillhandaharingller verktyg och objekt-modeller Applikationer foumlr Android skrivs vanligtvis i programmeringsspraringket Java menandra programmeringsspraringk kan ocksaring foumlrekomma Androids utvecklingsmiljouml (SDK) in-nefattar bla debugger bibliotek och enhetsemulator Den ociella utvecklingsmiljoumln aumlrEclipse med pluginet Android Development Tools

Androidsappens anvaumlndargraumlnssnitt aumlr till stor del likt iPhones Det som aumlr den stoumlrstaskillnaden aumlr att det aumlr mer fritt var komponenenterna placeras och displayen har olikaproportioner Foumlr att utveckla en applikation till Andriod kraumlvs att haumlnsyn tas till de oli-ka storlekarna som kan foumlrekomma Interaktionsmoumlnstret aumlr likt iPhone Menyn aumlr oftaplacerad paring liknande saumltt och komponterna aumlr vanligtvis desamma [20 21] Arlas Andro-idapplikation Arla Koumlkets visas i guren Figur 43

13 Windows Phone

Utvecklingsverktygen foumlr Windows Phone bygger paring bentliga Microsoftverktyg saring somVisual Studio Expression Blend Silverlight och XNA Framework De esta utvecklareaumlr redan vana vid dessa verktyg saring det goumlr det ofta laumlttare att laumlra sig utveckla appli-kationer till Windows Phone Visual studio aumlr en programutvecklingsmiljouml fraringn Microsoftsom anvaumlnds foumlr att bla skapa Silverlight och XNAprogram som koumlrs paring Windows Phone

16

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 21: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figur 43 Arla Koumlkets app foumlr Android

Visual Studio inkluderar verktygen designer projektsystem och en debugger ExpressionBlend anvaumlnds foumlr att skapa graska graumlnssnitt foumlr Silverlight baserade paring applikationerFoumlr att utveckla applikationer till Windows Phone nns det tvaring olika sorters frameworksSilverlight Framework och XNA Framework Silverlight anvaumlnds foumlr att skapa anvaumlndar-graumlnssnittet foumlr applikationer daumlr anvaumlndarcentrerat inneharingll aumlr viktigt XNA anvaumlnds tillspel som det roumlr sig i med olika haumlndelser [22]

DesignAnvaumlndargraumlnssnittet skiljer sig till stor del jaumlmnfoumlrt med iPhone och Android WindowsPhone bygger paring designspraringket Metro Designen Metro aumlr inspirerad fraringn en tunnelba-nekarta och apparna till Windows Phone ska vara lika tydliga och rena fraringn oumlveroumldigtinneharingll Sjaumllva inneharingllet blir daring det graska i applikationen

Att navigera i Windows Phone paringminner ocksaring om en tunnelbanekarta Anvaumlndarenfaringr blaumlddra svappa mellan sidorna foumlr att hitta information Sidorna aumlr uppbyggda efterrutsystem foumlr att skapa tydlighet och likformighet

Faumlrgvalet kan anvaumlndaren sjaumllv staumllla in genom att garing in paring instaumlllningar och aumlndraTeman som nns att vaumllja paring aumlr moumlrkt eller ljust och 11 accentfaumlrger Maringnga applikationerfoumlljer temat som anvaumlndaren har valt men det aumlr inget krav paring att applikationer maringstefoumllja temat Att foumllja temat kan exempelvis goumlras saring att applikationen har en ljus bakgrundi det ljusa och en moumlrk i det moumlrka temat [23 24]

Navigering och sidmallarApplikationer foumlr Windows Phone anvaumlnder sig ofta av olika sorters sidmallar En sidmallaumlr en mall som hjaumllper utvecklaren att placera ut text och bilder saring designen blir likformigI en applikation nns ofta en kombination av olika sidmallar Att olika sidmallar anvaumlndsi Windows Phone aumlr en stor skillnad mot Android och iPhone daumlr samma sidmall oftastanvaumlnds i hela applikationen Det aumlr viktigt att valet av sidmall aumlr genomtaumlnkt efter detsom ska visas och vad anvaumlndaren ska goumlra paring sidan [25]

De sidmallar som nns foumlr Windows Phone aumlr foumlljande

17

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 22: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

PanoramaAnvaumlnds ofta som foumlrstasidan paring applikationen En panoramasida bestaringr av era sidor somkan svappas horisontellt i mellan Paring varje sida sticker naumlstkommande sida fram lite grannDet goumlr saring att anvaumlndaren foumlrstaringr att att svappa horisontellt foumlr att komma till naumlsta si-da Panoramasidor ska anvaumlnds som en tidnings foumlrstasida Det betyder att den ska goumlraanvaumlndaren intresserad och inte inneharinglla viktiga funktioner

PivotEn pivotsida bestaringr av era sidor men anvaumlndaren kan bara se en sida i taget Det goumlr detmoumljligt att kunna visa data och information till anvaumlndaren Anvaumlndaren kan se rubrikenparing naumlstkommande sida sticka ut lite grann och paring saring saumltt vet anvaumlndaren om att den kansvappa horisontellt

PagesPages aumlr en ensam sida som aumlr bra foumlr att anvaumlnda naumlr en sida raumlcker foumlr att visa infor-mationen eller daumlr input fraringn anvaumlndaren kraumlvs En pagessida aumlr tydlig och det goumlr attanvaumlndaren laumltt hittar det den ska goumlra [26 27]

Application barMenyraden som ofta nns laumlngst ner paring Android och iPhone nns inte i Windows PhoneI staumlllet svappar anvaumlndaren horisontellt mellan de olika funktionerna Daumlr menyraden of-ta ligger i Android och iPhone nns istaumlllet Application bar Application bar aumlr som enmeny med olika funktioner och instaumlllningar som houmlr till sidan som visas Application barkan tex inneharinglla funktioner saring som spara soumlk eller dela Figur 44 visar hur en BlocketApplication bar ser ut [28]

barpng

Figur 44 Application bar foumlr Blockets app foumlr Windows Phone

18

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 23: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 5

Bakckan

Bakckan aumlr en receptapplikation foumlr iPhone och Android Appen inneharingller recept paringbroumld bullar kakor och taringrtor Bilder och tydliga anvisningar ska hjaumllpa anvaumlndaren attskapa fantastiska bakverk och goumlra anvaumlndaren inspirerad till att baka Bakckan har ocksaringandra funktioner som kan vara bra vid bakning tex som timer omvandling av maringtt ochinformation om Kungsoumlrnens mjoumllsorter

iPhone och Androidversionen av Bakckan har liknande grask design paring sina sidoroch har samma funktioner Varje sida inneharingller en meny med menyalternativen StartRecept Mjoumll Maringtt och Timer Nedan beskrivs funktionerna med bilder och text

51 Startsida

Paring startsidan kan anvaumlndaren se Dagens recept Laumlnk till senast visade recept inlagdafavoriter och om Kungsoumlrnen Figur 51 visar en bild paring startsidan

Dagens receptVisar fyra slumpade recept daumlr anvaumlndaren kan blaumlddra bland recepten

Senast visadeVisar en lista med de recept anvaumlndaren senast har varit inne paring

Mina favoriterVisar de recept som anvaumlndaren har lagt till som favoriter

Om KungsoumlrnenVisar kort fakta om Kungsoumlrnen

Figur 51 Startsidan foumlr Bakckan iPhone

19

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 24: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

52 Recept

Foumlrstasidan ger anvaumlndaren moumljlighet att antingen soumlka efter recept utifraringn typ av recepteller paring mjoumllsorter Vid val av en kategori visas en lista med de recept som houmlr till kategorinse Figur 52 Naumlr anvaumlndaren har valt ett recept visas en sida med menyalternativen StartIngredienser och Saring haumlr goumlr du se Figur 53

StartVisar en bild paring bakverket och en kort beskrivning av receptet

IngredienserVisar Ingredienserna till receptet

Saring haumlr goumlr duSteg-foumlr-steg beskrivning av tillagningsstegen Varje steg visar hur man ska goumlra ochvilja ingredienser som houmlr till steget Om anvaumlndaren behoumlver staumllla in timern visasdet med en liten bild paring en klocka och om anvaumlndaren trycker paring knappen saumlttstimern paring

Figur 52 Val av kategori av recept foumlr Bakckan iPhone

53 Mjoumll

Ger anvaumlndaren moumljlighet att blaumlddra bland Kungsoumlrnens olika mjoumllsorter Varje mjoumllsorthar information om naumlringsinneharingll och allmaumln fakta om mjoumllsorten se Figur 54

54 Maringttomvandlare

Omvandlar maringtt och olika sorters bakingredienser

55 Timer

Klocka daumlr man drar i klockvisaren foumlr att starta timern se Figur 55

20

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 25: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figur 53 Startsidan foumlr ett recept foumlr Bakckan iPhone

Figur 54 Information om Kungsoumlrnens olika mjoumllsorter foumlr Bakckan iPhone

21

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 26: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figur 55 Timerfunktion i Bakckan foumlr iPhone

22

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 27: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 6

Implementering

Nedan visas slutresultat av Bakckan foumlr Windows Phone Avsnittet boumlrjar med att be-skriva det tekniska Daumlrefter foumlljer en redovisning av designen och de olika funktionerna

61 Teknisk beskrivning

Funktionerna i applikationen aumlr uppbyggda av User Controls foumlr att det laumltt ska garing attytta dem till andra sidor och foumlr att faring en mer oumlvergripande bild oumlver koden En UserControls aumlr en mindre bit kod som aumlr yttad till en egen l Det garingr sedan att laumlnka tillen User Controlen och visa informationen som User Controlen inneharingller [29]

Maringnga av sidorna bestaringr sedan av listor Listor aumlr ett hjaumllpmedel foumlr att visa datamed Med hjaumllp av listor aumlr det laumltt att visa stoumlrre maumlngder data Recept Soumlk resultatoch Mjoumllsorter visar en bild och rubrik som har laumlsts in fraringn en databas Aumlven menyer aumlrgjorda som listor foumlr att laumltt kunna anpassa styla om utan att behoumlva aumlndra saring mycket[30]

Kungsoumlrnens recept och information om Kungsoumlrnenens mjoumllsorter laumlses in fraringn en XMLl och sparas sedan i en relationsdatabas Naumlr applikationen sedan aumlr i produktion behoumlverappen bara haumlmta recept fraringn databasen Foumlr att uppdatera recept och mjoumllsamlingenskrivs den foumlregaringende databasen oumlver

Recepten i Mina favoriter sparas i en egen databasl foumlr att kunna inneharinglla personliginformation som inte ska foumlrsvinna om recept eller mjoumllsamlingen uppdateras

Dagens recept sparas ocksaring i en egen databasl Dagens receptdatabas inneharingller 16utvalda recept fraringn receptsamlingen De utvalda recepten aumlr taumlnkta att vara recept som aumlrinspirerande foumlr anvaumlndaren Foumlr inspirera inneharingller recepten som aumlr utvalda na bilderRecepten houmlr inte heller till naringgon aringrstid utan aumlr taumlnkta till att passa hela aringret Exempelvisvisas aldrig recept paring lussebullar eftersom receptet tillhoumlr julen Varje dag vaumlljs 4 receptut slumpmaumlssigt fraringn databasen

Timern anvaumlnder sig av en Timespanerpicker fraringn coding4fun En timespanpicker aumlr enkontroll som visar en slider daumlr anvaumlndaren kan staumllla in timmar minuter och sekunderNaumlr timern saumltts paring startas ocksaring ett alarm Alarmet ringer aumlven naumlr anvaumlndaren inte aumlrinne i appen [31]

Anvaumlndaren kan anvaumlnda soumlkfunktionen foumlr att soumlka efter receptnamn Soumlkalgoritmensom anvaumlnds aumlr KnuthMorrisPratt KnuthMorrisPratt aumlr en soumlkalgoritm som soumlkerefter textstraumlngar [32]

62 Design och sidstruktur

Foumlrsta sidan aumlr gjord av sidmallen panoramasida Sidan aumlr gjord foumlr att ge inspiration ochoumlverblick till applikationen Foumlrsta sidan som anvaumlndaren kommer till naumlr applikationenstartar inneharingller en huvudmeny Kommande sidor aumlr extra funktioner som anvaumlndarenkan ha nytta av och inspireras ifraringn

Panoramasidan bestaringr av fyra olika sidor

ReceptUnder recept nns laumlnkarna Alla recept Kategorier Soumlk och Mina favoriter

23

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 28: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Dagens receptVaumlljer ut fyra stycken recept foumlr att ge anvaumlndaren inspiration

TimerVisar en Timer som garingr att staumllla

MjoumllsorterUnder rubriken Mjoumllsorter nns en lista med Kungsoumlrnens mjoumllsorter med laumlnkar tillmer information om varje sort

Varje laumlnk inneharingller sedan funktioner och mer information Navigeringen i Appenbeskrivs i foumlljande Figur 61

Figur 61 Siduppbyggnad foumlr Bakckan paring Windows Phone

Designen som har valts bygger paring Android och iPhone men inneharingller inte lika mycketgraska element Applikationens startsida har en bakgrundsbild i ljusfaumlrg foumlr att man laumlttska kunna laumlsa och se de olika bilderna paring recepten och mjoumllsorterna Oumlvriga sidor har vitbakgrundsfaumlrg oavsett vad anvaumlndaren har valt foumlr tema i smartphonen Texten paring sidornaaumlr gjorda i stoumlrre typsnitt aumln i iPhone och Android foumlr att anvaumlndare som har saumlmre synska kunna anvaumlnda applikationen utan glasoumlgon Textfaumlrgen aumlr aumlven i svart faumlrg foumlr attgoumlra det aumlnnu tydligare Figur 62visar startsidan

24

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 29: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figur 62 Foumlrsta sidan foumlr Bakckan paring Windows Phone

621 Funktioner

Nedans beskrivs de olika funktionerna i Bakckan paring Windows Phone

Mina favoriterVisar de recept som anvaumlndaren har valt att spara som favoriter se Figur 63 Foumlr attspara ett recept trycker anvaumlndaren paring knappen Favoriter i application bar som nns paringreceptsidan

Figur 63 Mina favoriter paring Bakckan foumlr Windows Phone

SoumlkParing soumlksidan kan anvaumlndaren skriva in och soumlka paring receptnamn se Figur 64 Resultatetav soumlkningen uppdateras automatiskt medans soumlktexten skrivs in

25

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 30: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figur 64 Soumlk efter recept i Bakckan foumlr Windows Phone

ReceptInformation om ett recept visas med pivotsida med tre sidor Foumlrsta sidan ingredienslistaoch bild paring receptet Sidan daumlrefter visar Goumlr saring haumlr Daumlr listas alla stegen med ingredien-ser som houmlr till varje steg Om timern behoumlvs staumlllas till receptet nns en knapp vid stegetsom timern houmlr till Knappen startar timern och tiden tickas ner paring knappen Timern aumlrsammankopplad med timern paring foumlrsta sidan av applikationen Samma tid visas paring baringdaoch det garingr endast att ha en timer igaringng aringt garingngen Den tredje sidan kan anvaumlndaren skrivain noteringar om receptet En notering kan exempelvis vara laumlgg i mera smoumlr Figur 65visar hur receptsidan ser ut

Receptsidorna har en application bar med funktionerna maila receptet laumlgg tillta bortfavorit och bakgrundsbelysning se Figur 66 Maila receptet anvaumlnder Smarthonens in-byggda mailfunktion och mailet skickas fraringn adressen som anvaumlndaren har staumlllt in Laumlggtillta bort favorit sparar receptet bland Mina favoriter Bakgrundsbelysningen goumlr attskaumlrmen inte slocknar

Kungsoumlrnens mjoumllsorterEn lista visar Kungsoumlrnens mjoumllsorter Listan inneharingller en bild paring mjoumllet och namnet paringmjoumllsorten Figur 67 visar hur mjoumlllistan ser ut Naumlr anvaumlndaren vaumlljer en mjoumllsort visasen pivotsida som inneharingller en bild och information om mjoumllet

26

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 31: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figur 65 Information om ett recept paring Bakckan foumlr Windows Phone

Figur 66 Application bar i Bakckan foumlr Winodws Phone

27

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 32: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Figur 67 Information om Kungsoumlrnens mjoumllsorter paring Bakckan foumlr Windows Phone

28

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 33: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 7

Testresultat

Testresultaten inneharingller foumlrst en expertgranskning och en sammanfattning av anvaumlndar-tester paring Bakckan iPhone Expertgranskningen garingr igenom applikationen och ser om ap-plikationen foumlljer anvaumlndarriktlinjer Varje riktlinje beskrivs med om det aumlr naringgot problemgradering och moumljlig aringtgaumlrd Graderingen visar paring en skala fraringn 0 till 5 hur stort problemetaumlr Anvaumlndartesterna aumlr uppdelade i scenarios som taumlcker varje funktion i applikationen Itesterna granskas anvaumlndarnas beteende och anvaumlndarna faringr sjaumllva ge kommentarer Me-toderna som har anvaumlndts beskrivs i teoriavsnittet Efter det visas moumljliga foumlrbaumlttringarSedan visas en expertgranskning sammanfattning av anvaumlndartester och moumljliga foumlrbaumltt-ringar foumlr Bakckan Windows Phone

71 Granskning Bakckan iPhone

711 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

Tabell 71 Expertgranskning Bakckan iPhone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Skaumlrmytan aumlr vaumll anvaumlnd Det

nns mycket information paringvarje sida

0 Ingen aringtgaumlrd

Orientering ochnavigering

Laumltt att navigera och hitta hu-vudfunktionerna i applikatio-nen

Varje sida visar alltid vilkensida anvaumlndaren benner sigparing

Svaringrt att hitta ett visst recept

Svaringrt att trycka paring vissa knap-par eftersom de ofta aumlr smaring

4 Laumlgga till en soumlkfunk-tion med ltrering foumlratt laumlttare kunna hittarecept

Goumlra knapparna stoumlrreparing de staumlllen som be-houmlvs

fortsaumltter paring naumlstkommande sida

29

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 34: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Tabell 71 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarKontroll och aringter-koppling

Alla funktioner utom beskriv-ningen av Mjoumll ger feedbacktill anvaumlndaren

Foumlr att faring fram informationom ett visst mjoumll maringste an-vaumlndaren trycka paring mjoumllpake-tet och det kan vara svaringrt attfoumlrstaring

2 Ha en knapp foumlr att visainformation om en mjoumll-sort

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

4 Ny timer funktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Om anvaumlndaren trycker felnns alltid en tillbakaknappparing sidan

Det nns inga hjaumllpfunktio-ner

0 Hjaumllpfunktioner aumlr ingetsom behoumlvs Det aumlr all-tid laumltt som anvaumlndareatt foumlrstaring vad som skagoumlras

Laumlsbarhet Texten aumlr foumlr liten paring recept-sidorna

4 Oumlka textstorleken

Bra anvaumlndningav faumlrger

Faumlrgvalet aumlr bra paring de estatexterna Faumlrgen ger bra kon-trast mot bakgrunden

Paring sidan daumlr anvaumlndaren vaumll-jer Typ av receptMjoumllsorteraumlr texten i en ljus faumlrg ochbakgrunden aumlr moumlnstrad Detgoumlr det svaringrt att laumlsa texten

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Applikationen upplevs roumlrigparing vissa staumlllen Aumlr mycketsom aumlr kosmetisk nt och dettar naumlstan oumlver anvaumlndarvaumln-ligheten av funktionen

3 Ha mindre paring varje si-da och goumlra sidan merstrukturerad

712 Prestanda

Applikationen startar fort och det intraumlar aldrig att den haumlnger sig Det garingr aumlven snabbtatt navigera och faring fram nya recept Recepten aumlr redan lagrade i applikationen saring ingenhaumlmtningstid behoumlvs foumlr att visa recepten

713 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bak-ckan tidigare Tvaring av testpersonerna aumlr 60 aringr och en av testpersonerna aumlr 20 aringr Allatestpersonerna aumlr intresserade av att baka och aumlr vana vid att anvaumlnda sig av att foumllja

30

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 35: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

recept De naumlmner att de oftast hittar recept paring internet

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiftenTvaring av anvaumlndarna ger upp 125 min foumlr den anvaumlndarensom klarar uppgiften

Antal Knapptryck Tvaring av anvaumlndarna ger upp 4 tryck och mycket scrollande foumlrden anvaumlndaren som klarar uppgiften

Antal Feltryck Tvaring av anvaumlndarna ger upp

KommentarerAlla foumlrsoumlkspersoner hade svaringrt att hitta receptet och tvaring av anvaumlndarna gav upp Denaumlmnde alla att de saknade en soumlkfunktion Nu var det svaringrt att veta vilken kategori ettrecept tillhoumlrde Det var aumlven svaringrt att veta vad bakverket hette i receptsamlingen Allaanvaumlndarna tyckte funktionen var snygg graskt

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerFoumlrsoumlkspersonerna letar runt bland de olika kategorierna Det aumlr ingen som anvaumlnder dagensrecept foumlr att se om de kan hitta naringgot de aumlr intresserade av att baka En av anvaumlndar-na naumlmner att det skulle varit bra med en 10 i topp lista Anvaumlndarna har laumltt att foumlljareceptets instruktioner Det som aumlr synd aumlr att recepten som anvaumlndarna vaumlljer har fel ireceptet Ingredienserna staringr era garingnger av samma sort och vissa av ingredienserna saknasi tillagningsbeskrivningen av receptet Anvaumlndarna maringste kontollera era garingnger och laringsaupp skaumlrmen naumlr de vill se vad naumlsta steg aumlr och vilka ingredienser som ska anvaumlndas Foumlratt haringlla reda paring tiden anvaumlnder anvaumlndarna sin egen klocka och inte timern i appen

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 12 sek jo

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndarna tycker att det aumlr en bra funktion att kunna laumlsa om de olika mjoumllsorternaAlla har laumltt att hitta till mjoumllsorterna och sen faring upp information om en viss sort

Anvaumlndartest 4 Omvandla maringttDu vill ta reda paring hur maringnga gram 1 dl vetemjoumll aumlrResultat

31

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 36: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Tid att utfoumlra uppgiften 35 sek

Antal Knapptryck 63 st

Antal Feltryck 0 st

KommentarerAlla anvaumlndare tycker att det aumlr en bra funktion Anvaumlndarna har lite svaringrt att foumlrstaring paringen garingng hur de ska skriva in i omvandlaren Men de loumlser det efter att ha tittat och sett hurdet fungerar En av anvaumlndarna naumlmner att det aumlr lite svaringrt att se sirorna paring knapparnanaumlr bakgrunden aumlr ljus och faumlrgen paring sirorna ocksaring garingr i en ljus faumlrg

Anvaumlndartest 5 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 33 sek

Antal Knapptryck Odenierbart

Antal Feltryck Odenierbart

KommentarerAnvaumlndarna hade svaringrt att staumllla in timern paring en exakt tid Om den exakta tiden foumlr timerninte aumlr saring viktig skulle anvaumlndarna ha laumlttare att anvaumlnda timern Det var ocksaring svaringrt foumlranvaumlndaren att de skulle dra i klockvisaren foumlr att staumllla tiden och inte trycka paring siornasom visade tiden Om timern hade varit laumlttare att staumllla in tror testpersonerna att deskulle anvaumlnt timern naumlr de bakar och anvaumlnder ett recept fraringn appen

Anvaumlndartest 6 Senast visadeDu vill se de tidigare recept som du varit inne paring

Resultat

Tid att utfoumlra uppgiften 5 sek

Antal Knapptryck 33 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att det aumlr en bra funktion De naumlmner att det foumlrekommer att de villse de recept som besoumlks tidigare

Anvaumlndartest 7 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 21 sek

Antal Knapptryck 33 st

32

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 37: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Antal Feltryck 1 st

KommentarerAnvaumlndarna tycker att det aumlr en viktig funktion i appen De tycker att det aumlr ofta som devill kunna spara ett recept foumlr att kunna anvaumlnda det senare

Anvaumlndartest Fakta om KungsoumlrnenDu vill veta lite mera om Kungsoumlrnen

Resultat

Tid att utfoumlra uppgiften 2 sek

Antal Knapptryck 13 st

Antal Feltryck 0 st

KommentarerAlla testpersonerna tycker att det aumlr ointressant att laumlsa om fakta om Kungsoumlrnen och attdet mest kaumlnns som reklam En av anvaumlndarna naumlmner att det hade kunnat vara intressantatt tex veta om mjoumllet kommer fraringn Sverige aumlr det ekologiskt

Oumlvrigt

Medelbetyg 36

Alla anvaumlndarna aumlr noumljda med applikationen Den fungerar bra foumlr att baka och foumlljareceptet Det mest negativa som testpersonerna naumlmner aumlr att timern var svaringr att staumllla inoch att det var synd att de inte saringg fraringn boumlrjan att det gick att staumllla timern direkt fraringnreceptet Det som ocksaring var mindre bra var att det inte fanns naringgon soumlkfunktion Foumlr detestpersoner som var aumlldre var texten svaringr att laumlsa paring appen Det behoumlvdes glasoumlgon foumlr attkunna laumlsa naringgra av texterna Alla anvaumlndarna hade laumltt att hitta funktionerna Layoutenoch den graska designen tyckte testpersonerna var bra Naringgot som ocksaring uppskattadesvar alla illustrativa bilder

714 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskning och anvaumlndartester behoumlvs foumlljande aumlndringar goumlras foumlr att faring enbaumlttre anvaumlndarbarhet

Stoumlrre textTexten aumlr svaringr att laumlsa om anvaumlndaren har en nedsatt syn Textstorleken skulle daumlrfoumlrbehoumlva vara stoumlrre eller garing att aumlndra i Bakckan Aumlven bildernas storlek skulle behoumlva varastoumlrre i listan med recept

TimerTimern aumlr graskt snygg men svaringr att staumllla in foumlr anvaumlndaren Foumlr att goumlra det laumltta-re foumlr anvaumlndarna kommer wp7 egna tidsinstaumlllarfunktion att anvaumlndas Det aumlr svaringrt foumlranvaumlndarna att hitta att det garingr att staumllla timern fraringn ett recept Foumlr att loumlsa problemetska timerknappen vara tydligare och se mer ut som en knapp Om anvaumlndaren staumlller in

33

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 38: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

tiden paring era recept ska anvaumlndaren faring en varning om att en timern redan aumlr satt Genomvarningen foumlrstaringr anvaumlndaren att timern aumlr foumlr senast satta tiden Det minskar ocksaring attanvaumlndaren av misstag staumlller om eller staumlnger av timern

Dagens receptDagens recept slumpar fyra olika recept fraringn receptsamlingen Foumlr att foumlrhindra att receptsom saknar bild eller recept som houmlr till en viss aringrstid visas ska recepten slumpas fraringn ensamling som har valts ut specikt

Omvandla maringttOmvandla maringtt aumlr en bra funktion som maringnga anvaumlnder men den houmlr inte riktigt till Bak-ckan Bakckans specika aumlndamaringl aumlr att kunna soumlka recept och foumlr att kunna anvaumlndarecepten behoumlvs inte en omvandlare Det skulle vara baumlttre att funktionen i en egen appsaring funktionen kommer tas bort fraringn Bakckan

Information om KungsoumlrnenInformationen om Kungsoumlrnen tyckte inte anvaumlndarna var saring intressant att laumlsa saring funk-tionen kommer tas bort

Senast visadeSenast visade recepten kommer tas bort Om anvaumlndaren aumlr intresserad av att komma iharinggett recept nns funktionen favoriter

Information om mjoumllsorter Information om mjoumllsorter och recept som houmlr till en vissmjoumllsort kommer att slarings ihop Om anvaumlndaren laumlser om ett mjoumll saring aumlr det troligt att deaumlr intresserade av att se vilka recept som mjoumllet anvaumlnds till

SoumlkfunktionBakckan har ingen soumlkfunktion och recepten har inte alltid namn som aumlr sjaumllvklara attleta efter Flera av anvaumlndarna hade svaringrt att hitta ett recept saring en soumlkfunktion skulle houmljaanvaumlndarbarheten

72 Granskning Bakckan Windows Phone

721 Expertgranskning

Sammanfattning av generella designaspekter

Graderingar0 Inget problem1 Kosmetiskt problem2 Litet problem laringg prioritet3 Problem boumlr raumlttas till4 Stort problem maringste raumlttas till

34

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 39: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Tabell 72 Expertgranskning Bakckan Windows Phone

Regel SvarProblem Gradering AringtgaumlrdKommentarSkaumlrmdisposition Inget problem Inneharingllet vi-

sas tydligt med en lagomavvaumlgning mellan inneharinglletsstorlek och maumlngden informa-tion paring skaumlrmen

0

Orientering ochnavigering

Ingen snabblaumlnk till huvudme-nyn fraringn sidorna anvaumlnda-ren maringste backa tillbaka ge-nom alla sidor

Det visas inte heller paring under-sidorna att de aumlr just undersi-dor utan anvaumlndaren faringr sjaumllvharinglla reda paring att denne laumlm-nat huvudmenyn och garingtt tillnaringgon undersida

3 Bra med tydliga rubri-ker som visar var manbenner sig och vilkentyp av sida man kommertill om man klickar paringnaringgon laumlnk

Paring alla undersidor boumlrdet nnas en knapp somleder till huvudmenyn

Kontroll och aringter-koppling

Naumlr anvaumlndaren har skrivit inen kommentar i ett recept ochgaringr ifraringn receptsidan kommeringen fraringga upp om anvaumlnda-ren vill spara kommentarenAumlndringen foumlrsvinner daring

3 Bra att klickbara bilderknappar och faumllt aumlndrarutseende naumlr anvaumlnda-ren klickar paring dem

En dialogruta som geranvaumlndaren moumljlighetatt spara en kommentarnaumlr denne laumlmnar sidanboumlr nnas

Inmatning Inmatning fungerar bra i funk-tionen maringttomvandlare I ti-mern aumlr det svaringrt att staumllla intiden

2 Ny timerfunktion Ti-den behoumlver kunna staumll-las in med siror

Fel och hjaumllp Vid inlaumlggning av kommen-tarer maringste anvaumlndaren foumlrstklicka bort tangentbordet ochsedan godkaumlnna inmatningenmed speciell knapp

2 Bra att ett tydligtstandardtangentbordanvaumlnds vid inmatningtill faumllt

Knappen foumlr att sparaborde vara tillgaumlngligutan att behoumlva klickabort tangentbordet

Laumlsbarhet Inget problem 0 Bra kontrast Tydliglistning av inneharingll

fortsaumltter paring naumlstkommande sida

35

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 40: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Tabell 72 fortsaumlttning fraringn foumlregaringende sidaRgel SvarProblem Gradering AringtgaumlrdKommentarBra anvaumlndningav faumlrger

Ingen skillnad i faumlrg paring knap-parna i timern

Bra att ingredienserna i in-struktionerna aumlr markerademed annan faumlrg

Skulle kunna skilja paring knap-parna foumlr att staumllla in respek-tive starta timern genom attmarkera med olika faumlrg

2 Aumlndra antingen bak-grunden eller text faumlr-gen paring sidan Typ av re-ceptMjoumllsorter

Utseende Maringnga recept har ingen spe-cik bild utan anvaumlnder enstandardbild

1 Enhetlig tilltalande de-sign Illustrerande ochinspirerande bilder

Eventuellt skulle erbilder kunna laumlggas in

722 Prestanda

Applikationen garingr igenom alla tester i Windows Phone Marketplace Test Kit WindowsPhone Marketplace Test Kit aumlr ett program som testar applikationens med bla tid fel-hantering och bilder Foumlr att faring laumlgga upp applikationen paring MarketPlace behoumlvs det attapplikationen garingr igenom testerna

Det som aumlndaring aumlr mindre bra aumlr att applikationen laddar laringngsamt naumlr man startar denAnvaumlndaren faringr vaumlnta naringgon sekund innan den kan anvaumlnda applikationen

723 Anvaumlndartester

Testerna gjordes paring tre testpersoner daumlr ingen av testpersonerna har anvaumlnt sig av Bakc-kan tidigare

Anvaumlndarna aumlr av blandad aringlder med aringldrarna 25 aringr 30 aringr och 55 aringr Alla aumlr vana vidWindows Phone En av anvaumlndarna beraumlttar att hon baringde har en iPhone och en WindowsPhone och brukar anvaumlnda baringda telefonerna Ingen av anvaumlndarna har tidigare anvaumlnt sigav receptapplikationer foumlr smartphones

Anvaumlndartest 1 Leta upp ett recept foumlr RulltaringrtaDu aumlr sugen paring att baka en rulltaringrta och vill anvaumlnda applikation Bakckan foumlr att hittaett bra recept

Resultat

Tid att utfoumlra uppgiften 30 sek

Antal Knapptryck 5 st

Antal Feltryck Svaringrt att se vad som aumlr feltryck

36

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 41: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

KommentarerAlla anvaumlndarna hade laumltt att hitta recept till Rulltaringrta Tvaring av anvaumlndarna anvaumlnde sigav soumlkfunktionen och en utav anvaumlndarna hittade receptet via Kategori Anvaumlndarna somanvaumlnde sig utav soumlkfunktionen ck en kortare tid Anvaumlndarna naumlmner att de tycker attdet var bra att det fanns stora bilder till varje recept

Anvaumlndartest 2 Baka valfri kakaVaumllj ett valfritt recept och baka sedan kakan

KommentarerAlla anvaumlndarna blaumlddrar bland de olika kategorierna foumlr att hitta ett recept som de villbaka De naumlmner att det aumlr synd det inte nns bilder till varje recept Anvaumlndarna anvaumlndersig inte av Dagens recept foumlr att faring inspiration Tvaring utav anvaumlndarna anvaumlnder sig av timer-funktionen foumlr att ha koll paring tiden De naumlmner att de tycker det aumlr smart funktion som degaumlrna anvaumlnder sig av Alla anvaumlndarna maringste laringsa upp telefonen era garingnger efter att denhar slocknat Detta upplevs problematiskt naumlr de aumlr mitt uppe i bakningen och har svaringrt atttrycka paring skaumlrmen Naumlr det naumlmns att det nns en knapp foumlr att laringsa skaumlrmen saring den inteslocknar tycker anvaumlndarna att det aumlr en bra funktion som hade underlaumlttat deras bakning

Anvaumlndartest 3 Information om mjoumllsorterDu vill ta reda paring information om Vetemjoumll special

Resultat

Tid att utfoumlra uppgiften 213 sek

Antal Knapptryck 1 + scrollande

Antal Feltryck 0 st

KommentarerAnvaumlndarna har delade aringsiktfer om funktionen aumlr anvaumlndbar Tvaring utav anvaumlndarna saumlgeratt det aumlr en jaumlttebra funktion De beraumlttar att de tycker aumlr intressant att laumlsa om de olikarecepten En av anvaumlndarna tycker att det aumlr nog inte naringgot man laumlser saring ofta om Menom man vill baka naringgot serioumlst saring kan det vara anvaumlndbart

Anvaumlndartest 4 TimerDu har bullar som ska jaumlsa i 10 min Anvaumlnd timern foumlr ha reda paring tiden

Resultat

Tid att utfoumlra uppgiften 25 sek

Antal Knapptryck 2 st

Antal Feltryck 0 st

KommentarerAnvaumlndarna tycker att timern aumlr en bra funktion De hade lite svaringrt foumlrst hitta funktioneneftersom de inte visste att den laringg paring sista sidan paring startskaumlrmen De hade laumltt sen foumlratt staumllla in tiden och starta timern Det som var lite negativt var att de behoumlvde scrolla

37

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 42: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

mycket i timepickern foumlr att faring fram raumltt tid

Anvaumlndartest 5 Mina favoritreceptDu vill spara ett recept som favorit och sedan se vilka som nns sparade

Resultat

Tid att utfoumlra uppgiften 26 sek

Antal Knapptryck 10 st

Antal Feltryck 3 st

KommentarerFoumlrsoumlkspersonerna tycker att de var laumltt att hitta funktionen De hade ocksaring laumltt att foumlrstaringhur de skulle goumlra foumlr att spara ett recept som favorit

Anvaumlndartest 6 NoteringDu vill goumlra en notering i ett receptResultat

Tid att utfoumlra uppgiften 23 sek

Antal Knapptryck 17 st

Antal Feltryck 6 st

KommentarerSamtliga anvaumlndare aumlr lite tveksamma om de skulle anvaumlnt sig av funktionen En av an-vaumlndarna beraumlttar att oftast anvaumlnder hon sig av recept paring internet och daring aumlr man van vidatt inte kunna anteckna Anvaumlndarna hade lite svaringrt att foumlrstaring var man skulle trycka foumlratt spara anteckningen

Oumlvrigt

Medelbetyg 43

Anvaumlndandet aumlr noumljda och svarar att applikationen helt uppfyller deras foumlrvaumlntningar Detycker att var bra att det var saring laumltt att navigera och leta efter recept Det var ocksaring tydligtatt laumlsa texterna och foumllja instruktionerna i ett recept

Det som de tycker aumlr mindre bra aumlr att det hade kunnat vara kul om det fanns bilder tillvarje recept Nu saknades bilder till vissa recept och det var lite traringkigt En av anvaumlndarnaberaumlttar ocksaring att det hade varit kul med aringrstidsrelaterade recept till Dagens recept

Det upplevdes som svaringrt foumlr anvaumlndarna att foumlrstaring vad knapparna gjorde i applikationbar Det blev svaringrt att veta vad Dela-knappen hade foumlr funktion En av anvaumlndarna troddeatt han skulle dela receptet till Facebook Ingen av anvaumlndarna foumlrstod heller vad Autolarings-knappen gjorde En svarade paring fraringgan att det kunde vara saring att man inte kunde trycka paringskaumlrmen

38

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 43: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

724 Moumljliga foumlrbaumlttringar

Utifraringn expertgranskningen och anvaumlndarintervjuerna skulle foumlljande foumlrbaumlttringar behoumlvagoumlras foumlr att oumlka anvaumlndarvaumlnligheten

AnteckningarMaringnga av anvaumlndarna hade svaringrt att fylla i anteckningar till ett recept Det var svaringrt foumlranvaumlndarna att foumlrst foumlrstaring att de maringste trycka paring knappen Aumlndra foumlr att faring upp ett tan-gentbord Det var aumlven svaringrt foumlr anvaumlndarna att trycka paring spara knappen Tangentbordetskymde spara-knappen saring anvaumlndaren maringste foumlrst foumlrstaring att den ska trycka bort tangent-bordet och sedan paring spara knappen En loumlsning paring problemet skulle vara att ha en textrutasom gick att trycka paring foumlr att aumlndra inneharingllet i och sen autospara inneharingllet

Application barNaringgra av namnen till funktionerna i application bar var svaringra foumlr anvaumlndarna att foumlrstaringvad de betydde Namnet Austolarings hade samtliga anvaumlndare svaringrt att foumlrstaring Austolarings aumlr enfunktion som goumlr att skaumlrmen inte slocknar Ett baumlttre namn skulle vara Bakgrundsbelys-ning Funktionen Dela var missvisande mot vad funktionen gjorde Dela-funktionen nnsfoumlr att anvaumlndaren kunna skicka ett mail med receptet Ett baumlttre namn skulle varit Mail

Naringgra funktioner som skulle kunna laumlggas till Application bar paring receptsidan aumlr

Hemknapp paring receptsidanNaumlr anvaumlndarna aumlr inne paring receptsidan och vill tillbaka till foumlrsta sidan kraumlvs dettillbakatryckningar och det aumlr laumltt att anvaumlndaren trycker foumlr maringnga garingnger Ettsaumltt att loumlsa problemet skulle vara ha en knapp som heter Hem i application barKnappen skulle fungera som en genvaumlg till foumlrsta sidan i applikationen

Informations-knappFoumlr att hjaumllpa anvaumlndarna att anvaumlnda applikationen paring optimalast saumltt skulle detkunna nnas en info knapp med tips paring vad de olika funktionerna goumlr Det kan nusvaringrt att veta vad alla knappar goumlr och man har kanske inte sett alla

TimerTimern paring foumlrstasidan skulle kunna visa vilket recept man har staumlllt timern ifraringn genomatt skriva ut receptets namn

39

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 44: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 8

Diskussion

81 Metod

Metoden som valts foumlr att oumlverfoumlra Bakckan till Windows Phone har fungerarat braAnvaumlndare har kunnat vara med under hela processen Detta har gjort att maringnga av deanvaumlndarproblem som har uppkommit har kunnat hittas tidigt i processen och kunnatraumlttas till

I boumlrjan av arbetsprocessen gjordes en pappersbaserad skiss foumlr att faring en oumlverblick oumlverhur funktionerna skulle behoumlva fungera Olika experter inom Windows Phone och anvaumlnd-barhet ck titta paring skissen och ge kommentarer Att rita upp hur funktionerna skulle varaplacerade paring ett ungefaumlr innebar att en tidig oumlverblick gavs oumlver vilka funktioner som skullevara med och hur den foumlrsta implementationen skulle se ut Senare under implementationenaumlndrades mycket fraringn skissen och de esta funktionerna aumlr nu omdesignade och placeradeparing andra staumlllen Det nns skissprogram foumlr att det laumltt ska kunna utvecklas prototypersom ser ut som skiss av Windows Phoneapplikatinen I arbetet anvaumlndes aldrig saringdanaskisser pga arbetstiden foumlr att laumlra sig programmet och att foumlrdelarna inte bedoumlmdes varatillraumlckligt stora Foumlrdelarna med att anvaumlnda skissprogrammet skulle dock kunna vara attdet aumlr laumltt att ge en mer exaktare bild paring hur applikationen ska se ut

I projektet valdes att utveckla varje funktion som en loumls komponent foumlr att laumltt kunnaytta runt Att kunna ytta funktionerna gjorde det laumltt att kunna testa olika versioner ochfaring aringsikter ifraringn taumlnkbara anvaumlndare och experter inom omraringdet Komponenterna gjordestill en boumlrjan enkla och gjorde endast uppgiften det var taumlnkt att de skulle goumlra Att visaanvaumlndarna den halvfaumlrdiga prototypen gav betydligt mera aumln att visa skissen som gjordesi boumlrjan Foumlrdelen med att visa pappersbaserade skisser foumlr testanvaumlndare aumlr de laumlttaretror att det fortfarande garingr att aumlndra saker och de kan komma med nya tankar och ideacuteerNu var det inte ett hinder eftersom maringnga av anvaumlndarna som ck vara med och saumlga vadde tyckte var vana vid utveckling och av it Det gick ocksaring laumltt att visa olika alternativ foumlranvaumlndarna foumlr naumlr det inte kraumlvdes saring mycket arbete att ytta om komponenterna

Eftersom applikationen redan nns utvecklad foumlr iPhone och Android aumlr det viktigt attta vara paring det som fungerar bra och laumlra av det som inte fungerar lika bra Genomfoumlrandetav anvaumlndartester och en expertgranskning paring Bakckan paring iPhone innebar att en brabild gavs paring vad som boumlr tas vara paring och vad som behoumlver goumlras om De funktioner somfungerade bra i iPhone ser liknande ut som i Windows Phone Tex tyckte era anvaumlndareom att stegen var tydligt markerade i receptbeskrivningen och detta aumlr kopierat helt tillWindows Phone

Koden som Bakckan aumlr skriven i iPhone och Android hade kunnat anvaumlndas mera tillatt utveckla Bakckan till Windows Phone Nu aumlr Bakckan i Windows Phone uppbyggthelt fraringn grunden Mycket skiljer spraringken aringt men vissa saker hade kunnat anvaumlndas aumlndaringTex hade databasutformningen kunnat se liknande ut i Windows Phone som i iPhoneoch Android

82 Graumlnssnittet Bakckan Windows Phone

Anvaumlndargraumlnssnittet paring Bakckan paringWindows Phone skiljer sig till stor del mot Bakckanparing iPhone och Android Paring iPhone har anvaumlndaren en bra oumlverblick oumlver vilka funktioner

40

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 45: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

applikationen har genom menyraden som nns paring varje sida Windows Phone har inteden funktionen att det garingr att ha en menyrad I anvaumlndartesterna som gjordes visade detatt maringnga av anvaumlndarna tyckte att det var laumltt att navigera och hitta funktionerna iBakckan paring iPhone Foumlr att loumlsa det i Windows Phone och goumlra det lika laumltt att hittade olika funktionerna placerades de viktigaste funktionerna paring foumlrsta sidan och resten avfunktionerna horisontellt i applikationen Anvaumlndartesterna visade att det gick laumltt atthitta de funktioner som laringg paring foumlrsta sidan De funktioner som laringg paring kommande sidor togdet laumlngre tid att hitta foumlr anvaumlndarna Men alla anvaumlndare hittade funktionen saring det ansesinte utgoumlra naringgot stoumlrre problem Att backa tillbaka var ocksaring naringgot som gick snabbare iBakckan iPhone aumln Windows Phone I applikationen aumlr inte det problemet loumlst Men ettfoumlrslag paring loumlsning skulle vara att placera en snabblaumlnk till foumlrsta sidan Windows Phonehar annars ett tydligt graumlnssnitt och det hjaumllpte till att goumlra funktionerna laumlttlaumlsta

83 Testresultat

Det gjordes tre anvaumlndartester paring Bakckan iPhone och tre stycken paring Bakckan Win-dows Phone Foumlr att anvaumlndartesterna skulle vara statistiskt raumltt skulle er anvaumlndartesterbehoumlvts gjoumlras Pga detta var det svaringrt att dra vissa slutsatser utifraringn anvaumlndartesternaExempelvis var det svaringrt att avgoumlra vilka funktioner som gav ett bra vaumlrde foumlr anvaumlnda-ren Svaren som erhoumllls om funktionen var naringgot som anvaumlndaren skulle kunna taumlnka siganvaumlnda i framtiden kaumlndes ofta som anvaumlndarens personliga smak och daumlrfoumlr svaringra attgeneralisera

Resultatet paring hur god anvaumlndarvaumlnligheten var foumlr viss funktion gav ett mer tillfoumlrlitligtresultat Att exempelvis ingen av anvaumlndarna lyckades staumllla timern raumltt visar raumltt snabbtatt timern inte fungerar som det aumlr taumlnkt Aumlven om det var en tillfaumlllighet att testpersonernasom utfoumlrde testen hade svaringrt med att staumllla timern visar resultatet att detta aumlr en fraringgasom maringste hanteras Bakckan aumlr gjord foumlr att kunna passa de esta anvaumlndare Detska garing att ha lite saumlmre syn eller ha lite stoumlrre ngrar men fortfarande garing att anvaumlndaapplikationen

Anvaumlndartesterna gjordes paring personer som aldrig har sett applikationen tidigare Omdet var ett bra val kan diskuteras Naumlr en applikation anvaumlnds foumlr foumlrsta garingngen blaumlddrarofta anvaumlndaren runt foumlr att se vad den inneharingller Det aumlr inte ofta som anvaumlndaren letarefter en specik funktion utan att veta vad applikationen inneharingller Att raumlkna knapptryckoch tiden att hitta till de olika funktionerna aumlr daumlrfoumlr kanske inte noumldvaumlndig information IBakckan till Windows Phone tog det oftast laumlngre tid att hitta till de olika funktionernaMen det aumlr kanske inget problem om anvaumlndaren foumlrst faringr moumljlighet att navigera runt sjaumllvoch tiden inte aumlr naringgot problem

Till anvaumlndartesterna anvaumlndes inga hjaumllpmedel som att lma anvaumlndaren naumlr denutfoumlrde uppgifterna Att inga hjaumllpmedel anvaumlndes kan ha gjort resultatet lite missvisandeDet blir en onaturlig situation foumlr anvaumlndaren naumlr testaren maringste haumlnga oumlver och sitta naumlrafoumlr att kunna foumllja anvaumlndarens nger paring mobilen Det nns hjaumllpmedel som testaren kananvaumlnda sig av naumlr anvaumlndartester utfoumlrs men i det haumlr arbetes anvaumlndes inga hjaumllpmedel

Expertintervjuerna skulle ha kunnat goumlras av era experter inom Windows Phone ochinom anvaumlndarbarhet Pga tidsbrist och prioritering gjordes dock bara ett test paring varderaapplikation Det nns inte oaumlndligt med tid och resurser och det aumlr daumlrfoumlr viktigt att mansaumltter en graumlns

En kombination gav nu ett bra resultat och visade paring vad som behoumlvt goumlras foumlr attfoumlrbaumlttra applikationerna och vad som fungerade bra

41

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 46: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

84 Funktioner

Om valet var bra att laumlgga till och ta bort vissa av funktionerna kan diskuteras Informationom Kungsoumlrnen fanns i Bakckan paring iPhone och Android men nns inte till Bakckan foumlrWindows Phone Informationen valdes att tas bort pga att testpersonerna tyckte att detvar traringkig information Det staumlmmer kanske att maringnga taumlnkbara anvaumlndare aldrig skullelaumlsa informationen om Kungsoumlrnen Men Kungsoumlrnen kan bedoumlma att det var ett bra saumlttatt ge reklam Ett baumlttre alternativ aumln att ta bort informationen helt skulle kunnat varaatt aumlndra informationen till naringgot mer intressant Informationen kunde exempelvis handlatom Kungsoumlrnens mjoumllsorter om det var ekologiskt framstaumlllt eller var mjoumllet kommer ifraringn

De andra funktionerna som valdes att tas bort var maringttomvandlaren och senast visaderecept De tre foumlrsoumlksanvaumlndarna uppskattade funktionerna och trodde eventuellt att deskulle anvaumlnda funktionerna Men pga tidsaringtgaringngen och vad anvaumlndarna ck ut av funk-tionerna valdes det aumlndaring att ta bort dessa fraringn Bakckan i Windows Phone Anvaumlndarevet ofta inte vad de saknar foumlrraumln de har sett det Att laumlgga till funktionerna i Bakckan iWindows Phone hade aumlven kunnat goumlra att de grundlaumlggande funktionerna blivit svaringrareatt hitta

Funktionerna som valdes att ha kvar har alla givit ungefaumlr samma granskningsresultatsom foumlr Android och iPhone Foumlr att en applikation ska bli nedladdad aumlr det viktigt attden sticker ut fraringn resten Det nns era receptapplikationer idag varfoumlr det aumlr viktigt attapplikationen har naringgot som konkurrenterna inte har Ett bra saumltt att sticka ut kan varaatt erbjuda funktioner som de oumlvriga receptapplikationerna inte har Nu inneharingller baringdeBakckan paring iPhone och Android ganska grundlaumlggande funktioner

Naringgot som baringda har som skiljer sig mot andra applikationer aumlr att det nns en ti-merfunktion i receptet Om Bakckan hade era saringdana funktioner som stack ut skulleanvaumlndarbarheten kunnat oumlka aumlnnu mera Exempel paring funktioner skulle kunna varit att haroumlststyrning foumlr receptet Foumlrsoumlkspersonerna hade svaringrt att komma iharingg stegen i receptetoch det gjorde att de era garingnger ck kolla paring mobilen med kladdiga ngrar Sen huranvaumlndbart det hade varit att kunnat vara att faring receptet upplaumlst aumlr svaringrt att svara paring nuutan att ha gjort naringgra anvaumlndartester Men det hade kunnat vara vaumlrt ett foumlrsoumlk att hittaparing nya anvaumlndbarfunktioner som sticker ut

85 Kungsoumlrnen

Bakckans huvudsyfte aumlr att anvaumlndaren ska bli inspirerad av att baka och vilja anvaumlnda sigav applikationen foumlr att baka och daring givetvis med Kungsoumlrnens mjoumllsorter Kungsoumlrnen villaumlven synas sjaumllva foumlr att anvaumlndaren ska faring en bra bild av foumlretaget I iPhone och Androidhar Kungsoumlrnen sin logga paring varje sida och en splash screen (foumlrsta sidan som visas naumlrapplikationen laddas) med loggan De har aumlven med information om sig sjaumllva och om sinamjoumllsorter I Bakckan paring Windows Phone nns loggan endast med paring splash screenenFoumlr att loggan inte ska ta upp onoumldig plats nns inte loggan med paring resterande sidorKungsoumlrnens mjoumllsorter nns fortfarande med och listas i en lista paring startpanormasidanGenom att visa dessa saker ska anvaumlndarna faring en bra bild av Kungsoumlrnen

86 Utvaumlrdering av mitt arbete

Jag tycker att jag har uppnaringtt maringlen som jag satte upp vid starten av examensarbetetUnder arbetet har jag faringtt aumlndra paring tidsplanen Fraringn boumlrjan var det beraumlknat mycket tidtill hur en applikation utvecklas till Windows Phone Den tiden som var avsatt till att laumlrasig valde jag istaumlllet till att boumlrja utveckla Bakckan till Windows Phone Det var baumlttre att

42

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 47: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

under tiden naumlr naringgot problem uppstod att laumlra sig det daring istaumlllet foumlr att laumlra sig allt fraringnboumlrjan Att goumlra anvaumlndartesterna var svaringrare aumln vaumlntat Det var svaringrt att hitta anvaumlndaresom var vana vid Windows Phone som kunde utfoumlra testerna En bra foumlrsoumlksanvaumlndare skavara en typisk vanlig anvaumlndare Det hade ocksaring varit bra att goumlra era anvaumlndarteser mendet fanns inte riktigt tillraumlckligt med tid till det Ett problem till med anvaumlndartesterna varatt det var svaringrt att granska anvaumlndarnas beteende Allt vart vaumlldigt litet och anvaumlndarentryckte foumlr fort paring skaumlrmen En metod foumlr att loumlsa detta hade varit bra att taumlnkt igenom iboumlrjan av arbetet Foumlrutom ovanstaringende punkter aumlr jag noumljd med arbetet

43

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 48: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 9

Slutsats

Studien visar att Bakckan till iPhone ck ett bra resultat vid anvaumlndartesterna och videxpertgranskningen De funktioner som ck laringgt betyg i testerna foumlr iPhone har faringtt ettbaumlttre betyg i Bakckan foumlr Windows Phone Vissa nya anvaumlndarproblem har dock till-kommit till Bakckan i Windows Phone men anvaumlndbarheten aumlr fortfarande houmlg

Det kan konstateras att en stor del av arbetstiden i projektet gick aringt att laumlra sig huren Windows Phone applikation utvecklas Foumlr en utvecklare som aumlr van vid att utvecklatill Windows Phone hade dock mycket av arbetstiden kunnat sparas in I arbetet ladesaumlven mycket tid paring att granska Bakckan paring iPhone och vaumlrdera vad som aumlr viktig foumlrsmartphoneapplikationer Tiden som lades ner paring det var viktigt foumlr att faring ut saring mycketsom moumljligt av det som redan nns utvecklat En sidoeekt med projektet aumlr daumlrmed attresultatet fraringn granskningen ocksaring kan anvaumlnds foumlr en senare uppdatering foumlr iPhone ochAndroid-applikationen

Det garingr idag aumlnnu inte att saumlga hur stort genomslag det nya operativsystemet WindowsPhone kommer att ha Att slaumlppa en applikation till Windows Phone visar dock att manaumlr i framkant och med i utvecklingen Det kan vara viktigt foumlr ett foumlretag att visa att manaumlr framaringt och intresserad av att vidarutveckla sig Det aumlr aumlven en bra start att redan haen Windows Phoneapplikation om man sedan vaumlljer att utveckla sin app till Windows 8

Studien visar saringledes att det aumlr moumljligt att med ganska enkla metoder goumlra om en appli-kation till Windows Phone Det kraumlvs dock att arbetet sker i naumlra kontakt med anvaumlndarnafoumlr att ge baumlsta moumljliga anvaumlndarupplevelse

44

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 49: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 10

Framtiden

I framtiden om Windows Phone forsaumltta att vaumlxa kommer allt er applikationer behoumlvautvecklas och oumlversaumlttas till Windows Phone I och med det kommer liknande arbete attbehoumlva goumlras foumlr att foumlrbaumlttra utvecklingen av applikationer till Windows Phone Foumlr attoumlversaumltta en applikation till Windows Phone kommer maringnga olika metoder att kunnaanvaumlndas Foumlr de som ska utveckla till Windows Phone kan detta arbete ge hjaumllp medmetoder och anvaumlndaraspekter foumlr smartphones

Foumlr att Bakckan ska komma ut paring Windows Phone Marketplace och garing att ladda nerfoumlr allmaumlnheten skulle vissa foumlrbaumlttringar behoumlvs goumlras Utifraringn expertgranskningen och an-vaumlndartesterna som aumlr gjorda paring Bakckan till Windows Phone nns moumljliga foumlrbaumlttringarbeskrivna Dessa foumlrbaumlttringar skulle behoumlva goumlras foumlr att uppnaring en baumlttre anvaumlndbarhetNya anvaumlndartester skulle sedan eventuellt gjorts paring aumlndringarna som gjorts

Aumlven om en applikation har en houmlg anvaumlndarbarhet och bra nyttovaumlrde behoumlvs detaumlven att applikationen syns paring marknaden Applikationerna syns nu bla paring Kungsoumlrnenswebbsida Foumlr att era ska upptaumlcka applikationen och ladda ner den kan det vara bra attfoumlrsoumlka synas paring er saumltt Ett exempel som skulle kunnat skriva och goumlra reklam om den paringKungsoumlrnens mjoumllpaket Android- iPhone- och Windows Phone-applikationer visas paring varoch ens saumlljsida Daumlr listas ofta applikationerna efter vad anvaumlndaren har valt foumlr kategorioch populaumlritet Om appen inte har blivit nedladdad maringnga garingnger och tex aumlr ny aumlr detviktigt att man satsar paring att marknadsfoumlra sin applikation foumlr att den senare ska kommahoumlgt paring listan

Utveckling har garingtt vaumlldigt fort foumlr smartphones och surfplattor och det aumlr svaringrt attveta vad som haumlnder i framtiden Saring en viktig sak aumlr att hela tiden foumllja med utvecklingensaring att Bakckanapplikationen garingr att anvaumlnda till olika devisers och plattformar I hem-met har det blivit allt vanligare att man har en surfplatta Att ha en receptapplikation paringsurfplattan istaumlllet foumlr paring smartphonen skulle kunna ge maringnga foumlrdelar Maringnga anvaumlndarei anvaumlndartesterna beraumlttade att de inte brukade anvaumlnda receptapplikationer till smartho-nen utan kollade ofta paring internet paring en PC Genom att applikationen fanns foumlr surfplattaocksaring skulle man kunna dra nytta av foumlrdelarna som en PC har tex att skaumlrmen aumlr be-tydligt stoumlrre Bakckan aumlr idag inte utvecklad foumlr naringgon surfplatta saring det skulle kunnavara naringgot att taumlnka paring i framtiden att goumlra

45

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 50: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Kapitel 11

Tack till

Jag vill tacka foumlljande personer

Andreas Fredriksson Valtech AB

Bengt Sandblad Uppsala universitet

Bjoumlrn Andersson Valtech AB

Anna Eriksson Valtech AB

Johannes Edelstam Valtech AB

Patrik Stenmark Valtech AB

Anna Smedslett Valtech AB

Sara Ingmar Student Uppsala universitet

Rebecka Nystroumlm Student Uppsala universitet

Alla som utfoumlrde anvaumlndartesterna foumlr Bakckan paring iPhone och Android

46

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 51: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

Litteraturfoumlrteckning

[1] Haumlr aumlr hetaste trenderna 2011 Ny teknik [webbsida] 2011 Tillgaumlnglig httpwwwnytekniksenyheterit_telekomallmantarticle3070834ece [laumlst 2012-07-02]

[2] Global mobile statistiken Mobi Thinking [webbsida] 2011 Tillgaumlnglighttptranslategoogleusercontentcomtranslate_chl=svamplangpair=

en7Csvamprurl=translategoogleseamptwu=1ampu=httpmobithinkingcom

mobile-marketing-toolslatest-mobile-statsaampusg=ALkJrhgNykBdjFauB66opm_

X68EvFlofnAsubscribers [laumlst 2012-07-02]

[3] Martin Wallstroumlm Windows Phone 75 aumlr haumlr Computer Sweden [webb-sida] 2011 Tillgaumlnglig httpcomputerswedenidgse226831387562

windows-phone-75-ar-har [laumlst 2012-07-02]

[4] Santto Tajakka Anvaumlndbarhet i ny skepnad - en studie kring anvaumlndbarhetsbegreppetSantainu [webbsida] (2005) [webbsida] 2012 Tillgaumlnglig httpwwwsantainuartiklaranvandbarhethtm [laumlst 2012-08-01]

[5] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 112 upplLund Studentlitteratur 2002

[6] Introduction to User-Centered Design Usability rst [webbsida]2012 Tillgaumlnglig httpwwwusabilityfirstcomabout-usability

introduction-to-user-centered-design [laumlst 2012-06-11]

[7] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 108 upplLund Studentlitteratur 2002

[8] Jakob Nielsen Severity Ratings for Usability Problemss Useit [artikel] 2011 Tillgaumlng-lig httpwwwuseitcompapersheuristicseverityratinghtml [laumlst 2012-08-31]

[9] Jan Gulliksen och Bengt Goumlransson Anvaumlndarcentrerad systemdesign sida 258 upplLund Studentlitteratur 2002

[10] Dr Desmond Lobo Dr Kerem Kaskaloglu Dr Hugh Fox and Ms Thaksaorn Srisang-khajorn A Synergic Approach to Web Usability for Smartphones Design [webbsida]2011 Tillgaumlnglig httpwwwipcsitcomvol613-E028pdf [laumlst 2012-06-11]

[11] Test Strategies for Smartphones and Mobile Devices Macadamian Technologi-es Inc [artikel] 2011 Tillgaumlnglig httpwwwmacadamiancomimagesuploads

whitepapersMobileTestStrategies_Aug2010pdf [laumlst 2012-06-11]

[12] Library User Experience Guidelines iOS Developer [webbsida] 2012 TillgaumlnglighttpsdeveloperapplecomlibraryiosdocumentationUserExperience

ConceptualMobileHIGUEBestPracticesUEBestPracticeshtml [laumlst 2012-06-11]

[13] StatsCOunter Global Stats [webbsida] 2012 Tillgaumlnglig httpgsstatcountercom [laumlst 2012-06-11]

[14] Windows Phone foumlr foumlretag - Laumltt med raumltt foumlrutsaumlttning IDG[webbsida] 2012 Tillgaumlnglig httpwwwidgse210851443638

windows-phone-for-foretag-latt-med-ratt-forutsattningar [laumlst 2012-07-02]

47

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 52: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

[15] Michael Jenselius Windows Phone - varfoumlr tar det aldrig fart PC FOumlRALLA [webbsida] 2012 Tillgaumlnglig httppcforallaidgse210541452348

windows-phone---varfor-tar-det-aldrig-fartsida2sida-2 [laumlst 2012-06-11]

[16] Apple Reinvents the Phone with iPhone Appel Press Info [webb-sida] 2012 Tillgaumlnglig httpwwwapplecomprlibrary200701

09Apple-Reinvents-the-Phone-with-iPhonehtml [laumlst 2012-07-02]

[17] Vad aumlr en iPad Ipadnu [webbsida] 2011 Tillgaumlnglig httpipadnu

vad-ar-en-ipad [laumlst 2012-07-02]

[18] Start Developing iOS Apps Today iOS Developer Library [webbsida] 2012Tillgaumlnglig httpsdeveloperapplecomlibraryiosreferencelibrary

GettingStartedRoadMapiOSGetToolsInstallGetToolsandInstallhtml [laumlst2012-07-02]

[19] iOS UI Element Usage Guidelines iOS Developer Library [webbsida] 2012[laumlst 2012-06-11] Tillgaumlnglig tpsdeveloperapplecomlibraryios

documentationUserExperienceConceptualMobileHIGUIElementGuidelines

UIElementGuidelineshtmlapple_refdocuidTP40006556-CH13-SW1 [laumlst2012-07-02]

[20] Android the worlds most popular mobile platform Developer Android [webbsida]2012 Tillgaumlnglig httpdeveloperandroidcomaboutindexhtml [laumlst 2012-07-02]

[21] UI Overview Developer Android [webbsida] 2012 [laumlst 2012-06-11] Tillgaumlnglig httpdeveloperandroidcomguidetopicsuioverviewhtml [laumlst 2012-07-02]

[22] Shawn Wildermuth Essential Winsows Phone 75 sida 25-47 uppl Indiana PearsonEducation Inc 2011

[23] Make great Metro style apps Microsift msdn [webbsida] 2012 Tillgaumlnglig httpmsdnmicrosoftcomen-uslibrarywindowsappshh464920(v=VS85)aspx [laumlst2012-06-11]

[24] Introduction To Designing For Windows Phone 7 And Metro Smashing MAFA-ZINE [webbsida] 2012 Tillgaumlnglig httpuxdesignsmashingmagazinecom20111220introduction-designing-windows-phone-7-metro [laumlst 2012-06-11]

[25] 24 Weeks of Windows Phone Metro Design - 4 Hub amp Spoke Navigation Model[webbsida] 2012 Tillgaumlnglig httpuxartutvp=220 [laumlst 2012-06-11]

[26] 24 Weeks of Windows Phone Metro Design - 5 Choosing between Panoramas Pivotsandor Pages [webbsida] 2012 Tillgaumlnglig httpuxartutvp=234 [laumlst 2012-06-11]

[27] 24 Weeks of Windows Phone Metro Design - 8 Designing Panoramas [webbsida]2012 Tillgaumlnglig httpuxartutvp=243 [laumlst 2012-06-11]

[28] 24 Weeks of Windows Phone Metro Design - 14 Using the Windows Phone App Bar[webbsida] 2012 Tillgaumlnglig httpuxartutvp=236 [laumlst 2012-06-11]

48

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49

Page 53: Hur kan en applikation anpassas till Windows Phone?uu.diva-portal.org/smash/get/diva2:617387/FULLTEXT01.pdfPhone. En ny expertgranskning och era anändartesterv gjordes därefter på

[29] Creating a WP7 Custom Control in 7 Steps Windowsphonegeek [webb-sida] 2011 Tillgaumlnglig httpwwwwindowsphonegeekcomarticles

Creating-a-WP7-Custom-Control-in-7-Steps [laumlst 2012-06-11]

[30] Nick Randolph Working with ListBoxes in a Windows Pho-ne Application Visual studio magazine [webbsida] 2012 Till-gaumlnglig httpvisualstudiomagazinecomarticles20120401

working-with-listboxes-in-a-windows-phone-applicationaspx [laumlst 2012-06-11]

[31] TimeSpanPicker Coding4Fun [webbsida] 2011 Tillgaumlnglig httpcoding4fun

codeplexcomwikipagetitle=TimeSpanPickerampreferringTitle=Documentation

[laumlst 2012-06-11]

[32] Knuth-Morris-Pratt algorithm [webbsida] 2012 Tillgaumlnglig httpwww-igm

univ-mlvfr~lecroqstringnode8html [laumlst 2012-06-11]

49