Syftet med den här studien är att finna faktorer som gör en e-butik med personifierbara produkter användbar i form av effektivitet och nytta. Processen fram till slutprodukten har gjorts med en iterationsbaserad user-centered design-metod där utvecklarna under arbetets gång har haft en kontinuerlig dialog med slutanvändaren. Designmässiga val har gjorts utifrån återkoppling från användartester vilket har resulterat i en slutsats om att det finns fem faktorer som är viktiga att ha i åtanke då en e-butik för personifierbara produkter ska utvecklas. Att applikationens syfte och funktion presenteras för användaren visade sig vara viktigt för såväl nytta som effektivitet. Användarens förståelse om hur ett val som tas i applikationen kommer att påverka produkten är kopplat till nytta, och applikationens återkoppling kring ett val som har gjorts är kopplat till effektivitet. En väl utarbetad hierarki för det flöde användaren går igenom vid anpassning av en personifierad produkt är en kritisk faktor för effektivitet. Den sista faktorn är relaterad till ett begrepp som har benämnts alternativa köpflöden. Detta handlar främst om att det kan finnas en användarnytta med att utgå från förinställda produkter vid anpassning, istället för att skapa en ny produkt från grunden. / The purpose of this study is to find factors that enhances the usability of an e-commerce with customizable products in terms of usefulness and effectiveness/efficiency. The process which has been used to reach the end product is an iteration-based user-centered design method in which the developers have had a continuous dialogue with the end users. The design choices that have been made are based on user test feedback. Five factors of importance to achieve usefulness and effectiveness/efficiency for an e-commerce website that sell customizable products have emerged from the study.  It has been shown that both usefulness and effectiveness/efficiency are affected by the presented functionality and purpose of the application. The users understanding of how a certain choice will affect a customizable product is connected with usefulness. The applications capability to inform the user of the information found on the e-shop need to have a proper structure to achieve effectiveness/efficiency. The last factor is related to the buying process, it is shown that the usefulness can be improved if there is a possibility to select products without the need to create a custom product from scratch.

Sedan mitten av 90-talet när internet fick sin framfart har konsumtionssamhället exploderat. Vem som helst har tillgång till vad som helst, och genom webbshopar kan också vem som helst starta sin egen digitala butik. En person vill ge sig in på webbhandelsmarknaden genom att börja sälja inredningsprodukter som skulpturer, lampor och tavlor, egentillverkade i naturmaterial. Detta ska göras i en webbshop vid namn Timmar. Föreliggande studie undersöker hur denna webbshop kan formges på bästa sätt för att framhäva produkterna och tilltala målgruppen, som består av inredningsintresserade personer mellan 25 och 50 år. Som grund ligger tidigare forskning, en förstudie och underlag från Timmar. Med hjälp av detta har det genom brainstorming tagits fram olika designkoncept med tillhörande idéer. Dessa har sållats ner till slutligen två designkoncept med hjälp av tankekartor och en värderingsmatris. De två slutliga designkonceptens kallas modernt och naturligt och formgivningsmässigt innehåller dessa varsin logotyp, bilder, färger, teckensnitt samt återkommande element. Koncepten har analyserats utifrån en enkätundersökning och intervjuer med företagets målgrupp samt en intervju med en webbdesigner. Värderingen landade i att konceptet naturligt rekommenderas, dock med vissa modifikationer för att behålla en modern känsla.

Trust is the most important thing for a webshop. The consumers must be able to feel trust to choose to submit their personal information to a webshop. In this study we examine the impact that design has on the consumers trust and confidence. We study six consumers that are engaged in e-commerce in their everyday life. By allowing these participants to be presented with two different webshops, an assessement could be made in both how much design is affecting and also which parts of the design that leads to trust and lack of trust. We also study things beyond the design, namely the actual safety within webshops and the things that should be found in a webshop for the consumer to be able to trust it. With the help of recent research, relevant literature and the focus group with our six participants we manage to present results that which indicates has a much greater impact than the actual security of the webshop, when it comes to winning the trust of the consumers. / Tillit är den viktigaste ingrediensen för en webbshop. Konsumenten måste kunna känna tillit för att hen ska välja att lämna ut sina personuppgifter till en webbshop. Det som undersöks i denna studie är designens påverkan på konsumenternas tillit och förtroende för en webbshop. Vi studerar sex konsumenter som ägnar sig åt e-handel till vardags. Genom att låta dessa deltagare bli presenterade för två olika webbshoppar kunde en bedömning göras både av hur mycket design påverkar och också vilka delar i designen som leder till tillit och brist på tillit. Vi undersöker dessutom det som finns bortom designen, nämligen den faktiska säkerheten hos webbshoppar, och studerar närmare vad som bör återfinnas på en webbshop för att man ska kunna lita på den. Med hjälp av tidigare forskning, relevant litteratur samt fokusgrupptilfället med våra sex respondenter kan vi presentera ett resultat som pekar på att design har en betydligt större påverkan än själva säkerheten i sig när man ska vinna tillit hos konsumenten.

Detta dokument tar upp hur ett avancerat webbshopssystem kan utvecklas. Jag har dels granskat den teoretiska aspekten, dels utvecklat ett webbshopssystem från grunden, vilket har gjorts utbyggbart genom att det består av en grundstomme och tilläggsmoduler. Funktioner som är icke önskvärda i en viss webbshop men användbara i en annan ska därmed kunna läggas till vid behov, utan kunskap om programmering. I rapporten diskuteras även hur webbshopssystemets datamodell kan representeras som relationer, med fokus på relationsdatabashanteraren MySQL. Detta görs för att visa hur valet av datamodell och fysisk modell kan påverka systemets utformning, samt vilka möjliga problem eller fallgropar som kan uppstå till följd av detta val. Rapporten diskuterar även säkerhets- och sekretessfrågor. Då det är viktigt att identifiera och förebygga säkerhetsbrister i öppna system som webbshopar diskuteras bland annat hantering av personuppgifter och metoder för att kryptera och hantera lösenord. Avslutningsvis följer en beskrivning av arbetet med det webbshopssystem som jag har utvecklat för att visa hur teorin kan tillämpas i praktiken, och hur man gradvis kan gå från ett enklare till ett mer komplext webbshopssystem.

Students have many course based literature text books that they have stopped reading and these books are laying on their book shelves unused. These books can be sold and the proceeds can be used to buy another book the student currently needs. These website will not only serve students but can also serve the entire population or anybody who wants to buy second hand books or wants to empty their book shelves and make financial gain from it. These books can just be simply be uploaded to the website and another student or person can have access to buy the book by just visiting the website. Students also have lesser incomes compared to the rest of the working population. Hence any reasonable resource for getting income is always welcomed. All these will be achieved by creating a user friendly complete online shopping system for buying and selling secondhand books

Syftet med denna rapport har varit att beskriva hur man utvecklar en internetbokhandel i form av enwebbapplikation samt att dokumentera erfarenheter från programutveckling. För att kompensera för konkurrenternas stordriftsfördelar valdes en inriktning mot att säljapresentböcker. Genom att leverera ett komplett paket med inslagning och personlig hälsningtillsammans med boken ska det bli möjligt att uppnå lönsamhet. Utvecklingen har skett i ett enmansprojekt och den ensamme projektmedlemmen har befunnit sig påIrland. Detta gör att kursens inriktning mot agila metoder fått anpassas så att endast de relevantadelarna av metoden (SCRUM) har kommit till användning. Utvecklingen har genomförts i femsprintar. Teknikplattformen har varit HTML och ramverket Bootstrap (CSS och jQuery) på klientsidan och Flasksom är ett ramverk baserat på Python på serversida. Databashanteraren har varit SQLite. Av tidsskälhar asynkron kommunikation mellan klient och server inte implementerats. Den levererade applikationen har ett ”look and feel” som ligger nära de större konkurrenterna. Allspecificerad funktionalitet har inte varit möjlig att leverera inom ett begränsat enmansprojekt. Deviktigaste funktionerna som behöver läggas till för att lansera affärsiden ligger inom områdettilläggstjänster och fulltextsökning. / The purpose of this report is to document the design and development of a web application forselling gift books online. The report and the project to develop the site are included in the courseTDDD83 Computer Engineering - Bachelor Project at the Linköping Institute of Technology. Inaddition to training in the technologies required to build a web application the course is focused onScrum an agile development method. The intent is that the students practice using Scrum in a projectteam of six to eight students. However the project documented in this report only has one team member a student on a one yearexchange programme in Ireland. This being so it has been necessary to adapt the project scope andmethodology to a one-man project. The scope of the development effort is reduced by not requiringthat the application is made available on the internet and by not using asynchronous communicationbetween client and server. For more restrictions see paragraph 1.4 Avgränsningar. The Scrummethod is used only when it is relevant. This adaptation of the method is documented in paragraph2.1 SCRUM. An important part of the Scrum method that is retained is the use of iterations (sprints).Each sprint delivers a working end product. The project was divided in five sprints each of thembetween two and three weeks long. The technical platform with a few exceptions has been mandatory. In addition to HTML theframework Bootstrap based on CSS and jQuery has been used on the client side. On the server sidethe framework Flask based on Python has been used. The RDBMS has been SQLite. For a detaileddescription see paragraph 2.4 Utvecklingsmiljö and 4.3.1 Översikt och kommunikation. The business to sell books online is dominated by a few major companies. A new small player in thismarket can not earn money by doing the same thing. The Vision for the new business is to becomethe preferred choice for customers that want to find a book to be given as a gift. The new businessshall be a one stop shop that takes care of everything needed in this situation. In addition to booksthe customers need services such as gift wrapping, delivery to the receiver of the gift on the rightdate and a possibility to write a personal greeting on a nice looking card that is sent with the gift. Theanalysis behind this Vision can be found in chapter 5 Marknadsföringsplan that includes an analysisof the competitors. Chapter 6 Etiska aspekter looks into issues such as privacy legislation that imposedirect consequences on the design of the database. The design of the web application is based on user stories derived from this analysis. See 3Systemöversikt. Features that must beat the competitors are derived from the Vision and featuresthat are expected from any player in this market are set by the competitors. The ER model in 4.1Databas was defined from an analysis of the user stories. The GUI is close to the de facto standardset by the competitors unless there is a compelling reason to deviate. See 4.2 GUI. It has not been possible to implement all user stories within the time available. Remainingfunctionality required to launch the site is mainly in the area of full text search and add on services.The most important disadvantage in being a one man project has been difficulties to do propertesting. Usability testing requires real users and they cannot be replaced by the same person that hasdone all analysis and all coding.

Syftet med denna studie var att undersöka effekten av deltagande design och hur metoden påverkar produktionsprocessen i skapandet av en webbshop. Detta gjordes genom att designa två olika prototyper på webbshoparna. För att ta fram dessa prototyperna hölls det två workshops. Den ena tillsammans med marknadsavdelningen och den andra genom deltagande design eftersom marknadsavdelningen gick ihop med två potentiella kunder. Under båda workshoptillfällena fick de en timme på sig och material i form av papper, pennor, utklippta element från andra webbshoppar samt lim och tejp. Utefter dessa pappersprototyper gjordes sedan digitala prototyper för att enklare kunna se resultatet av de två workshoptillfällena. Resultatet visade att deltagande design är en bra metod att använda för att vinna kunden på en hård marknad. Det är även mer tids-, och kostnadseffektivt att ta in kunden i början av designprocessen samt att det som produceras får en annan innebörd och detaljnivå. I detta fall visade det att kunden lägger störst vikt vid att webbshopen ska kännas legitim genom kundrecensioner och information om företagets miljöarbete. Kunden vill inte att det ska vara för svårt att få fram den information de är ute efter. De vill bli inspirerade genom enkla lösningar såsom fler bilder, erbjudande, kundrecensioner, liknande produkter, olika kategorier och ett genomarbetat filtreringsverktyg. Kunden litar även mer på andra kunder än på företaget själva och värderar kundrecensioner högre en företagets egen beskrivning. / The purpose of this study was to study the effect of using participatory design and how the method affects the production process in the making of a webshop. The prototypes for the webshop was made through two workshops. One together with only the marketing team and one through participatory design were the marketing team worked together with two potential customers. During both of the workshops, the participants were given an hour to finish the task and material in form of paper, pens, cut-out elements from other webshops, glue and tape. By following these paper prototypes there were then made digital prototypes to make it easier to see the results of the two workshops. The result showed that participatory design is a preferable method to win the customer on the market. It is also more time-efficient to introduce the customer at the beginning of a design process and the content produced through participatory design has a different meaning and a higher level of detail. The customer, in this case, cares a lot about the legitimacy of the webshop and feels that customer reviews and information about the company environmental work helps with that. They do not want to work too hard to get the information they are looking for. They want to be inspired through simple solutions such as more pictures, offers, customer reviews, similar products, different categories and a good filtering tool. The customer put more trust in other customers than in the company itself when it comes to costumer’s reviews and the company’s own description.

A survey, carried out and answered by students at Linköping University proved that 92.6% of the surveyees are interested in buying second-hand course literature. Numerous retailers exist for this market, however the problems with the solutions at the time of the survey are clear; lack of structure and absence of filtering and search functions. Therefore, the thesis aims to create an e-commerce for second-hand course literature with good usability with regards to good navigability for students by applying scientific theories and the feedback of user tests at two separate iterations. The result was Bokhyllan, a web application where buyers and sellers meet to exchange second-hand course literature for money. The conclusion was that the navigation bar, visual confirmations after actions, useful search and filtering functions, and the layout and placement of links make up decisive roles in the navigability of web applications. A relevant addition to this report within the key area would be to investigate different age groups, as this report solely delimits to students. / En enkätundersökning som utfördes och besvarades av studenter vid Linköpings universitet påvisade att 92,6% av enkätbesvararna är intresserade av att köpa begagnad kurslitteratur. Ett flertal aktörer existerar för denna marknad men problemen med lösningarna vid enkätens tillfälle är tydliga; brist på struktur och avsaknad av filtrerings- och sökfunktioner. Arbetet ämnar därmed att skapa en e-shop för begagnad kurslitteratur med god användbarhet med avseende på god navigerbarhet för studenter genom att applicera vetenskapliga teorier samt återkopplingen från användartester vid två olika iterationer. Resultatet blev Bokhyllan, en webbapplikation där köpare och säljare möts för att utbyta begagnad kurslitteratur mot pengar. Slutsatsen drogs att navigationsmenyn, visuell bekräftelse vid handlingar, användbara sök- och filtreringsfunktioner samt länkars utformning och placering utgör avgörande roller för webbapplikationers navigerbarhet. En relevant påbyggnad för detta arbete inom huvudområdet skulle vara att undersöka olika åldersgrupper, då denna rapport endast avgränsar sig till studenter.

Syfte: Studiens syfte är att presentera en struktur för online-baserade modeföretags visuellakommunikation. Utgångspunkten är den fysiska butikens visual merchandise-strategier, sommodifieras för att skapa en modell anpassad till online-perspektiv.Metod: För att besvara vårt syfte undersöktes hur webbshoppar arbetar med sin visuellakommunikation genom en kvalitativ observationsstudie. Fyra webbshoppar observeradesunder en period på två veckor, vid tre olika tillfällen. Observationen utgick från studiens egenmodell där visual merchandise-strategier från den fysiska butiken kodats till ett onlinesammanhang.Ett observations-schema med öppna frågor arbetades fram för att praktisktkunna genomföra observationen på ett strukturerat sätt. Arbetet med observationen skeddeparallellt med analysen som kunde anpassas och påverka varandra. Processen var iterativ ochmodellen modifierades under studiens gång. Vi var medvetna om svårigheterna i attundersöka estetisk utformning, då uppfattningar skiljer sig mellan personer och målgrupper.Resultat: Vår slutsats är att webbshoppars övergripande uppbyggnad är likartad och attgrundläggande struktur är den samma. Samtliga hemsidor har förstasidor som främjarkampanjer och väcker intresse. Alla använder överskådliga produktkategorisidor medstrukturerade rutnät där besökaren lätt kan navigera. Den enskilda produkten presenteras avmycket information och flera bilder. Övergripande används symboler som hjälperkonsumenten att fatta köpbeslut och tillför mervärde till produkten. Det som gör atthemsidorna ändå ser väldigt olika ut beror på deras arbete med den visuellakommunikationen. Webbshoppens visuella bild kommunicerar sidans valda profil genominformativa ledtrådar så besökaren kan bedöma och dra slutsatser.Vår slutsats är att den fysiska butikens visual merchandise-strategier kan användas online menbehöver anpassas till det nya sammanhanget. Den fysiska butikens visual merchandisestrategierkan inte översättas direkt till webbshoppar, men det går att göra en nära tolkning.Studiens modell fungerar väl som verktyg för uppgiften och omfattar alla viktiga delar.Modellen är generell och utgår från den övergripande struktur som samtliga webbshoppar harsom utgångpunkt. Detta gör modellen lätt att använda, både på ett omfattande plan och pådetaljnivå.Originalitet: Vår studie erbjuder ett verktyg som hjälper andra praktiker att gå vidare inomområdet. Vi föreslår att testa vår modell dels på andra webbshoppar för att utvärdera derasvisuella kommunikation, samt dels i uppbyggnaden av en helt ny webbshop. Vår modellkommer från ett annat håll och ger en ny infallsvinkel för exempelvis webbdesigners som intehar erfarenhet från den fysiska butiken.

Alla verksamheter har förbättringsmöjligheter och dessa behöver analyseras för att nå en förbättring. VVSteknik har idag en webbshop där de vill hitta dessa förbättringsmöjligheter och göra den mer användarvänlig och effektiv. I utvecklandet av mjukvara har själva användarna ofta glömts bort, antingen helt eller tagits in för sent i utvecklingen. Detta resulterar i otillräckliga system som skapar missnöjda användare. Denna studie har testat att använda en ny metod grundat på befintliga metoder och applicerat på arbetet. För att uppnå förbättring har det valts att samarbeta med användarna på VVSteknik själva som får ge sina åsikter genom hela studien. Den arbetsmetoden heter UCD, User Centered Design vilken är en agil metod som involverar användare i utvecklingen. För att uppnå förbättring om användbarhet genom tillfredsställelse samt effektivitet har denna metod applicerats. Metoden har innefattat intervjuer av interna användare, testning och reflektioner som genomförts av både interna och externa användare, samt SWOTanalysering som grundats i svaren från reflektionerna för att se om förbättring har skett. Resultatet på studien visade på förbättring i användbarheten främst i designen. Den blev smidigare, tydligare, enklare att använda, fick ett naturligare arbetsflöde som några av de förbättringar som användarna själva angav. Detta resulterade i en förbättring och visar därmed på en lämplig metod. / All operations have opportunity improvements and these need to be analyzed to reach an improvement. VVSteknik has a web shop today where they want to find these improvements to make it more user-friendly and effective. In the development of software has the users themselves often been forgotten, either entirely or been asked to take part too late in the development. This results in insufficient systems that create dissatisfied users. This study has tested to use parts of existing methods and made an own method and applied to the work. In order to reach improvement is has been chosen to work with the users at VVSteknik themselves, to give their opinions throughout the study. This method of work is called UCD, User Centered Design which is an agile method that involves the users in the development. To achieve improvement for usability and efficiency has this method been used. The method has included interviews of the internal users, testing and reflections that has been conducted by both internal and external users, as well a SWOT-analysis that was based on the answers from the reflection to see if an improvement has occurred. The result of the study showed improvement in usability, foremost in the design. It became more distinct and obvious, easier to use and a more natural workflow as a few of the improvements the users stated. This resulted in an improvement and thus showed a suitable method.