Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
[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
[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