Developing the web application Folkbolaget : An e-commerce platform with usability in focus

Mikrobryggerier som brygger folköl kämpar idag med att nå ut med sina produkter till marknaden. Då e-handeln i Sverige växer kraftigt och befinner sig i en positiv trend skulle ett sätt att förbättra tillgängligheten till marknaden för mikrobryggerier vara att distribuera och marknadsföra hantverksfolköl via en webbapplikation. För att framgångsrikt lansera en sådan lösning och attrahera en stabil kundbas krävs att tilltänkta kunder finner den användbar. Denna rapport redogör för utvecklingsprocessen av en användbar webbapplikation ur ett navigerbarhets-, läsbarhets- och responsivitetsperspektiv. Rapporten tar stöd i teori baserad på vetenskaplig forskning om användbarhet i form av: navigerbarhet, läsbarhet och responsivitet. Programmeringsspråken Python och Flask har använts för serversidan. För klientsidan har HTML, CSS och Bootstrap använts. Vidare har JavaScript-biblioteket jQuery använts för kommunikation mellan klient- och serversidan. Efter utvecklingsfasen utvärderades webbapplikationen med hjälp av användartester. Utifrån presenterad teori och genomförda tester dras slutsatsen att webbapplikationen är användbar. Detta uppnås genom att användaren oavsett var på hemsidan den befinner sig kan navigera sig vidare till önskad del av webbapplikationen med maximalt tre klick. Färger, ikoner, textstorlek och typsnitt har valts så att innehållet är läsbart och slutligen har implementationen av CSS och Bootstrap gjort webbapplikationen responsiv.Microbreweries producing medium-strong beer are struggling to reach out to their customers. With the help of e-commerce, microbreweries can increase their interaction with their target market. E-commerce in Sweden is a growing trend, but in order to succeed with increased customer relations using a digital platform the end users need to feel a certain degree of satisfaction. A contributing factor to the satisfaction rate is that the end user experiences usability. This thesis discusses the results and development process of a useful e-commerce platform from a navigational, readability and responsiveness perspective. The thesis foundation is based on scientific research on usability in terms of navigability, readability and responsiveness. During development the Python and Flask frameworks were used for server operations and the clientside uses HTML, CSS and the Bootstrap framework. Furthermore, the JavaScript library jQuery was used for communication between front- and back-end. After the development phase an evaluation of the web application was conducted using usability testing. Based on presented theory and conducted tests the thesis conclusion states that the web application is useful. This is achieved by the user, regardless of where on the web application it is located, to navigate to the desired part of the web application with a maximum of three clicks. Furthermore, the choice of colour, text size and font is contributing to readability and finally, the use of CSS and Bootstraphas made the web application responsive