C-uppsats LITH-ITN-EX--05/032--SE Utveckling av webbsida för lokala prisjämförelser med användbarhetsmetoder Jon Hällholm 2005-10-27 Department of Science and Technology Linköpings Universitet SE-601 74 Norrköping, Sweden Institutionen för teknik och naturvetenskap Linköpings Universitet 601 74 Norrköping
LITH-ITN-EX--05/032--SE Utveckling av webbsida för lokala prisjämförelser med användbarhetsmetoder Examensarbete utfört i tekniska informationssystem vid Linköpings Tekniska Högskola, Campus Norrköping Jon Hällholm Handledare Hans Jonasson Examinator Martin Karlsson Norrköping 2005-10-27
Avdelning, Institution Division, Department Institutionen för teknik och naturvetenskap Datum Date 2005-10-27 Department of Science and Technology Språk Language x Svenska/Swedish Engelska/English Rapporttyp Report category Examensarbete B-uppsats x C-uppsats D-uppsats ISBN ISRN LITH-ITN-EX--05/032--SE Serietitel och serienummer ISSN Title of series, numbering URL för elektronisk version Titel Title Utveckling av webbsida för lokala prisjämförelser med användbarhetsmetoder Författare Author Jon Hällholm Sammanfattning Abstract Företaget Ritkonsult är ett företag på Västkusten som utför diverse konsulttjänster, främst rituppdrag inom brandskydd. De har den senaste tiden sett ett uppsving för främst prisjämförelser på Internet. Detta arbete har därför gått ut på att utveckla en prisjämförelsetjänst för lokala företag på Internet. Tanken är att företag själva ska kunna lägga till uppgifter och administrera dessa. Informationen ska kunna gå att söka efter och jämföras med annan liknande information. För att användare med olika Internetvana ska kunna använda tjänsten har webbsidan gjorts så användbar som möjligt med Usability Engineering metoden. Ett antal tester har utförts med riktiga företag för att upptäcka användbarhetsproblem och rätta till dem till den slutgiltiga webbsidan. Resultatet har blivit en dynamisk webbsida med fokus på användbarhet och flexibilitet; den kan användas av olika företag och av olika personer som vill söka efter information. En hel del hade kunnat göras annorlunda under arbetets gång, till exempel hade flera metoder för att skapa användbarhet kunnat studeras. Trots de brister som finns är beställarna och jag nöjda med resultatet. Nyckelord Keyword Användargränssnitt, användbarhet, usability engineering, databaser, webbdesign
Upphovsrätt Detta dokument hålls tillgängligt på Internet eller dess framtida ersättare under en längre tid från publiceringsdatum under förutsättning att inga extraordinära omständigheter uppstår. Tillgång till dokumentet innebär tillstånd för var och en att läsa, ladda ner, skriva ut enstaka kopior för enskilt bruk och att använda det oförändrat för ickekommersiell forskning och för undervisning. Överföring av upphovsrätten vid en senare tidpunkt kan inte upphäva detta tillstånd. All annan användning av dokumentet kräver upphovsmannens medgivande. För att garantera äktheten, säkerheten och tillgängligheten finns det lösningar av teknisk och administrativ art. Upphovsmannens ideella rätt innefattar rätt att bli nämnd som upphovsman i den omfattning som god sed kräver vid användning av dokumentet på ovan beskrivna sätt samt skydd mot att dokumentet ändras eller presenteras i sådan form eller i sådant sammanhang som är kränkande för upphovsmannens litterära eller konstnärliga anseende eller egenart. För ytterligare information om Linköping University Electronic Press se förlagets hemsida http://www.ep.liu.se/ Copyright The publishers will keep this document online on the Internet - or its possible replacement - for a considerable time from the date of publication barring exceptional circumstances. The online availability of the document implies a permanent permission for anyone to read, to download, to print out single copies for your own use and to use it unchanged for any non-commercial research and educational purpose. Subsequent transfers of copyright cannot revoke this permission. All other uses of the document are conditional on the consent of the copyright owner. The publisher has taken technical and administrative measures to assure authenticity, security and accessibility. According to intellectual property law the author has the right to be mentioned when his/her work is accessed as described above and to be protected against infringement. For additional information about the Linköping University Electronic Press and its procedures for publication and for assurance of document integrity, please refer to its WWW home page: http://www.ep.liu.se/ Jon Hällholm
Sammanfattning Företaget Ritkonsult är ett företag på Västkusten som utför diverse konsulttjänster, främst rituppdrag inom brandskydd. De har den senaste tiden sett ett uppsving för främst prisjämförelser på Internet. Detta arbete har därför gått ut på att utveckla en prisjämförelsetjänst för lokala företag på Internet. Tanken är att företag själva ska kunna lägga till uppgifter och administrera dessa. Informationen ska kunna gå att söka efter och jämföras med annan liknande information. För att användare med olika Internetvana ska kunna använda tjänsten har webbsidan gjorts så användbar som möjligt med Usability Engineering metoden. Ett antal tester har utförts med riktiga företag för att upptäcka användbarhetsproblem och rätta till dem till den slutgiltiga webbsidan. Resultatet har blivit en dynamisk webbsida med fokus på användbarhet och flexibilitet; den kan användas av olika företag och av olika personer som vill söka efter information. En hel del hade kunnat göras annorlunda under arbetets gång, till exempel hade flera metoder för att skapa användbarhet kunnat studeras. Trots de brister som finns är beställarna och jag nöjda med resultatet. Abstract Ritkonsult is a company situated on the west cost of Sweden; they mainly work as consultants with different drawing missions within the area of fire protection. They have seen a recent growth in the field of price comparisons on the Internet. The purpose of this work has therefore been to develop a price comparisons service for local companies on the Internet. The idea is to let the companies add information and to update it themselves on the website. The information that is added is going to be available for other users to search on and compare with similar information. To make it possible for users with different Internet experience to use the service, the website has been made as user-friendly as possible. This has been achieved with the use of the Usability Engineering method. A number of tests with real companies have been performed to discover usability problems and to correct them for the final webpage. The result is a dynamic webpage with focus on usability and flexibility; the webpage can be used by different companies as well as different persons who are searching for information. Many things regarding the work with the webpage could have been done in a different way, alternative usability methods could have been studied for example. The company that ordered the webpage and I are both satisfied with the result, even though some flaws are present in the work.
Innehållsförteckning 1 Inledning...1 1.1 Bakgrund... 1 1.2 Syfte... 1 1.3 Målgrupp... 2 1.4 Avgränsningar... 2 1.5 Struktur... 2 2 Teori...3 2.1 Användbarhet... 3 2.2 Användbarhet på Internet... 3 2.2.1 Design och layout... 4 2.2.2 Länkar... 4 2.2.3 Navigering... 5 2.2.4 Sökmotorer... 5 2.3 XHTML... 6 2.4 PHP... 6 2.5 MySQL... 7 3 Metod...9 3.1 Metodbakgrund... 9 3.1.1 Användaranalys... 9 3.1.2 Behovsanalys... 10 3.1.3 Kravinsamling... 10 3.1.4 Sätt användbarhetsmål... 11 3.1.5 Designprocessen... 11 3.1.6 Tillämpa riktlinjer och tumregler... 12 3.1.7 Användandet av prototyper... 13 3.1.8 Utvärdera med testanvändare... 14 3.1.9 Förbättra designen och ny utvärdering... 16 3.1.10 Ny utvärdering och rapport... 17 3.2 Utförande... 17 3.2.1 Användaranalys... 17 3.2.2 Behovsanalys samt kravinsamling... 19 3.2.3 Sätt användbarhetsmål... 19 3.2.4 Prototyper och design... 20 3.2.5 Utvärdering med testanvändare... 21 3.2.6 Förbättra designen och ny utvärdering... 23 3.2.7 Ny utvärdering och rapport... 25 3.2.8 Ändringar från prototyp tre till slutgiltig webbsida... 27 3.2.9 Beskrivning över webbsidans tekniska lösningar och design... 28
4 Resultat...32 5 Diskussion...34 5.1 Metoddiskussion... 34 5.2 Resultatdiskussion... 36 6 Slutsats...38 Referenser...39 Tryckta källor... 39 Elektroniska källor... 39
Förteckning över bilagor Bilaga 1. 12 Generella riktlinjer... 41 Bilaga 2. Jakob Nielsens 10 tumregler... 42 Bilaga 3. Enkät... 43 Bilaga 4. Användaranalys... 44 Bilaga 5. Testanvändare... 45 Bilaga 6. Behovsanalys... 46 Bilaga 7. Skisser av alternativa gränssnitt... 50 Bilaga 8. Prototyp 1: Lo - Fi prototyp... 51 Bilaga 9. Iteration 1 på prototyp 1... 54 Bilaga 10. Prototyp 2: Hi - Fi prototyp... 63 Bilaga 11. Iteration 2 på prototyp 2... 73 Bilaga 12. Prototyp 3: Hi - Fi prototyp... 82 Bilaga 13. Iteration 3 på prototyp 3... 91 Bilaga 14. Slutgiltig webbsida... 98
100
101
102
103
104
105
106