SOMMAR DESIGN KONTORET. WiseWeb. Sommardesignkontoret 2013 Arjeplog/Pajala/Piteå

Transkript

1 SOMMAR DESIGN KONTORET 2013 Arjeplog/Pajala/Piteå

2

3 Innehåll 01 Om 1 02 Uppdraget 2 03 Arbetsprocessen 3 04 Analys SWOT-analys Omvärldsanalys Personas Konceptidéer Den nyfikna Den anpassade och effektiva Den överskådliga och turistvänliga Den schweiziska armékniven Diskussion av konceptidéer Konceptförslag Flödesschema Layout Startsidan Sökning Erbjudande Funktioner Företagsfiltrering Geografisk filtrering Listan Feed Designförslag Rekommendationer Sammanfattning English summary Projektteam 24

4

5 01 Om När företag, kommuner och organisationer kommer i kontakt med designstudenter blir resultaten slående. I får företag möta de ungas värderingar, kunskaper, ohämmade kreativitet och studenter kommer i kontakt med verkliga uppdrag hos riktiga kunder. SVID, Stiftelsen Svensk Industridesign har sedan 2001 varit huvudman för Sommardesignkontor runt om i Sverige. Målet är att skapa kreativa miljöer när olika kompetenser möts. Ett Sommardesignkontor består av studenter från högskolor och universitet med olika inriktning. Studenterna samarbetar i flera projekt och får arbeta med problembaserade uppdrag under sju intensiva sommarveckor. Designarena Nord är ett projekt i Norrbotten som ägs och drivs av Centek vid Luleå tekniska universitet. Syftet är att öka intresset för och kunskapen om industriell design som verktyg för affärsutveckling. Detta för att öka företagens konkurrenskraft och möjligheter att nå nya marknader och på så sätt även öka tillväxten i Norrbotten. Arjeplog / Pajala / Piteå 2013 består av en grupp på sex studenter från hela Sverige med anknytning till design i sina utbildningar. Kompetensen består i år av en samhällsplanerare, en arkitekt, en interaktionsdesigner, en landskapsarkitekt och två produktdesigner. Den här rapporten beskriver kortfattat utgångspunkt och resultat av sommarens arbete. 1

6 02 Uppdraget är ett företag som utvecklar system och webbaserade tjänster för både företag och privatpersoner. För s räkning vill man skapa en tjänst som presenterar rabatterbjudanden i ett digitalt format. Med detta menas att användarna (kunderna) kan leta upp rabatter och erbjudanden primärt bland de fysiska butikerna i närområdet och sekundärt bland online-butiker för att på så sätt hitta ett erbjudande som passar dem bäst. Tjänsten ska vara enkel och intuitiv att använda samt ta till vara på företagens och användarnas specifika behov. s uppgift är att ta fram en konceptlösning på hur en sådan tjänst kan se ut samt ge en struktur över hur den skulle kunna fungera. Uppdraget ska fokusera på att ge en bra överblick bland erbjudande från fysiska butiker i sitt närområde och ge användaren en möjlighet att styra tjänstens utformning. Eftersom uppdragets karaktär krävde snävare ramar så skapades en kravspecifikation av : 1. Enkel sökning 2. Filtreringen av information 3. Presentation av sökresultat i listform (sorteringsalternativ) 4. Presentation av produkt 2

7 03 Arbetsprocessen Ett första steg i arbetsprocessen var att besöka och VD:n Fredrik Andersson för ett inledande möte angående hans visioner om tjänsten och värdet bland användarna. En kravspecifikation togs sedan fram som blev grunden till projektet. Inledningsvis genomfördes en SWOT-analys av projektet med fokus på att hitta styrkor, svagheter, möjligheter och hot med tjänsten. Dessutom genomfördes en omvärldsanalys över liknande tjänster ute på marknaden för att se vilka kvalitéer och inriktningar dessa valt att lyfta fram. Personas togs fram för att fånga den större målgruppen och med hjälp av dessa arbetades därefter tre konceptidéer fram som bäst passade kravspecifikationen samt speglade användarnas behov. Efter delpresentationen på Luleå tekniska universitet togs en uppdaterad uppdragsbeskrivning fram där fokus lades på att skapa en tjänst som ska fungera för alla typer av fysiska butiker (både småföretag och större företagskedjor) i användarnas närhet. Att användarna skulle ha möjlighet att påverka tjänstens utformning efter deras specifika behov ansågs vara en viktig aspekt för tjänsten och utvecklades till det slutgiltiga konceptet. Ett slutgiltigt konceptförslag togs fram där man fokuserade på layouten och funktionaliteten på webbsidan så att den skulle passa användarna samt ett förslag på hur webbsidan kunde se ut som färdig produkt. 3

8 04 Analys 04.1 SWOT-analys Styrkor: Funkar både på lokal- & nationell nivå Enkel tjänst som är lätt att förstå Lönsamt för alla Svagheter: Okänd bland kunder Likhet med många andra tjänster Riktar sig till en stor målgrupp Möjligheter: Originell idé beroende på utformning Användarbaserad information Hot: Konkurrens bland andra tjänster 4

9 04.2 Omvärldsanalys Let s Deal (fokus på rabatter): Styrkor: Enkel och tydligt Svagheter: Få sorteringsmöjligheter Blocket (fokus på försäljning): Styrkor: Enkelt och tydligt Fler sorteringsmöjligheter Svagheter: Plottrigt, mycket val Pricerunner (fokus på prisjämförelse): Styrkor: Flera sorteringsmöjligheter Svagheter: Plottrigt Ingen standard på vilken information som ska visas vart YELP (fokus på lokal handel) Styrkor: Enkelt och tydligt Fokus på relevant information Mervärde genom användarrecensioner och dylikt. Svagheter: Plottrigt 5

10 04.3 Personas Karl, 19 år. Jobbar som datortekniker, har stort intresse för teknik. Karl kollar alltid upp information om produkter som han tänker köpa. Karl vill gärna ha rätt produkt till bäst pris, fast han handlar hellre lokalt än via internet eftersom han uppskattar att få produkten direkt i handen. Behov: Se information om produkten, geografisk sökning. Anna, 54 år. Jobbar som sekreterare, är mycket social och utåtriktad. Anna är ofta trött efter en veckas hårt arbetande på kontoret, och vill därför snabbt ut och träffa sina vänner i närorten. Upplevelsen och det sociala kommer i första hand, priset och att spara pengar kommer i andra hand. Behov: Geografisk sökning, få en överblick av utbudet. Per, 32 år. Gift med Lisa, har två barn och jobbar som lärare. Per är vegetarian och mycket nogrann med vilka råvaror som familjen köper. Eftersom Per när mån om sin fritid, gillar han att handla mat direkt efter jobbet precis innan ska hämta barnen på dagis. På så sätt sparar han både tid och ledighet för annat. Behov: Se information om produkten, tidsoptimera vid inköp. Lisa, 34 år. Gift med Per, har två barn och jobbar som ekonom. Lisa är en strukturerad person som gärna ser till att förbereda veckans handlingslista åt Per i förväg. Då ekonomin tryter är det viktigt för henne att spara pengar på saker som kan användas till något annat. Behov: Ordna upp shoppinglista i förväg. 6

11 Fredrik, 14 år. Går i åttonde klass, gillar skateboard och hip hop. Fredrik är mycket noga med sin image och är uppmärksam på nya trender inom hiphop-kulturen. Han får mycket rekommenderat från kompisar men även genom nyheter från vissa klädmärken. Priset är viktigt då han har låg månadspeng. Behov: Dela erbjudanden med andra, få rekommendationer. Jasmine, 23 år. Studerar till stadsvetare och är väldigt filmintresserad. Bor i en alldeles för dyr studentlägenhet vilket gör att hon blir tvungen att vända på varje krona. Trots detta gillar hon att umgås med sina kompisar vilket gör att hon hellre sparar in lite pengar på mat för att få gå ut och ha roligt. Behov: Prenumerera på vissa företag, jämföra erbjudande. Anders, 59 år. Är egenföretagare med begränsad datorvana. Anders är ofta ute på affärsluncher med olika kunder. Eftersom han vill ge ett bra intryck så bjuder han gärna, men tricket är att komma billigt undan. Han är stamkund på ett par lunchställen, men då det snabbt blir enformigt med samma mat så gillar han att få nya erbjudanden rekommenderade. Behov: Kolla erbjudanden från specifikt företag, prenumerera. Nils, 38 år. Har jobbat på hemtjänsten i 12 år. Nils är en effektiv person som ofta blir tvungen att optimera sina besök inom hemtjänsten då schemat är väldigt pressat. Eftersom han även måste hinna med att handla både till sig själv och pensionärerna så brukar han kolla igenom rabattbladen hemma hos var och en av de han besöker. Behov: Vägbeskrivning till butik, tidsoptimera vid inköp. 7

12 04.4 Konceptidéer Den nyfikna Den nyfikna konceptidén tar tillvara på begreppet fönstershopping, och fokuserar på att ge köparna som har lite mer tid en möjlighet att leta sig fram till bra erbjudanden i sin närhet med hjälp av både 2D och 3D-kartfunktioner. Här visas erbjudanden i form av rabattblad för varje enskild butik vilket ger en mer lokal känsla för kunderna och ger dem möjligheten att upptäcka nya butiker och erbjudanden i deras närhet. 2. Sökning 3. 2D-kartbild 4. Hitta relevant butik 1. Placering på karta Sök på en viss produkttyp som man vill hitta erbjudande för. Få upp kartbilden över vilka butiker som har erbjudanden genom punkter på kartan. Klicka på en punkt i kartan för att förflyttas till samma område i en 3D-vy. Central placering på kartan i staden man befinner sig i. 2. alt. väg Upptäck staden 5. Klicka på skyltfönstret Ändra sökområde genom att klicka på ett område i kartan. Klicka på skyltfönstret för den relevanta butiken i 3D-vyn 7. Välj rätt erbjudande 6. Läs butikens erbjudandeblad Klicka på det erbjudande som verkar mest relevant för en själv. Läs igenom erbjudandebladet för butiken för att se relevanta erbjudanden. 8

13 Den anpassade och effektiva Den anpassade och effektiva konceptidén fokuserar på användare som redan vet vad de letar efter, som vill ha full kontroll över sökningen samt vill optimera sin tid vid sökningstillfället. Här ges köparna alla möjligheter att påverka sin sökning med olika parametrar samt ge dem nödvändig information direkt vilket ska underlätta för dem att välja bästa erbjudandet. 1. Sökning 2. Lista 3. Sortering 4. Välj rätt erbjudande Sök på önskad produkt. Använd önskade parametrar för att göra sökningen tillräckligt specifik. Alla sökresultat redovisas i lista med information om varje enskilt erbjudande. Sortera efter olika parametrar (företag, pris, rabatt, populäritet, lokalt) för att jämföra produkter. Klicka på det erbjudande som verkar mest relevant för en själv. 9

14 Den överskådliga och turistvänliga Den överskådliga och turistvänliga konceptidén ger en visuell överblick av lokala erbjudanden med hjälp av en interaktiv karta där färgkodning indikerar avstånd från var man har klickat. Sökområdet förmedlar en enkelhet att hitta erbjudanden för exempelvis turister som passerar en ny ort. 1. Startsidan 2. Sökområde 3. Sökradie 4. Sökning Förstasidan visar populära erbjudanden i området du är i, markerat på kartan. Ändra sökområde genom att klicka på ett område i kartan. Ändra sökradie genom att klicka på plus/minus i kartbilden. Sök på en viss produkt i sökrutan. BUTIK 6. Välj rätt erbjudande 5. Butiksinformation Klicka på det erbjudande som verkar mest relevant för en själv. Klicka på den butik du vill kolla på sökresultatet för. 10

15 Den scharmékniven Konceptidé nummer fyra är inget självstående koncept, utan tar tillvara på kvalitéerna som koncept nummer ett till tre har, nämligen att rikta sig till olika typer av köpare: de som vill fönstershoppa, de som redan vet vad de är ute efter och de som vill få en överblick av vilka erbjudanden som finns. + + Den nyfikna Den anpassade och effektiva Den överskådliga och turistvänliga 11

16 04.5 Diskussion av konceptidéerna Koncept 1-3 representerar tre radikalt olika sätt att använda tjänsten. Dessa sammanfattas i det fjärde konceptet som helt enkelt är en kompromiss av shoppingsätt, tidsaspekt och geografisk översikt. Då tjänsten ska kunna erbjuda lokala rabatter till alla typer av användare, kändes konceptlösning 4, som varken är för interaktiv eller simpel, som en bättre bas att bygga ifrån än koncept 1-3. Under delpresentationen talade uppdragsgivaren mycket om vikten av att kunna anpassa sin sökning beroende på butikens storlek och antal erbjudande hos de som säljer (företagen) och behoven hos de som köper (kunderna). Vi har därför valt att använda oss av både en geografisk tjänst (karta/radar) - för de tillfällen när du antingen vill hitta en viss butik eller letar efter exempelvis ett lunchställe och en lista för att blidka de som vill vara effektiv och göra alla ärenden på en gång, som exempelvis storhandlarna och småbarnsfamiljerna. Tjänstens centrum består av en sökmotor som ska kunna optimera sökningen beroende på vad användaren tycker är nödvändigt. För att hjälpa användarna ska man ha möjlighet att sätta upp en profil med användarinformation som ska underlätta vissa val i sökmomentet. Genom profilen ska man även kunna rekommendera olika erbjudande till vänner, dela listor till varandra samt specificera var man vill hitta sina lokala erbjudanden. 12

17 05. Konceptförslag 05.1 Flödesschema Lägg till erbjudande Sökning Ändra geografiskt område Listan Startsidan Ger användaren möjlighet att söka och se föreslagna erbjudanden i Feed. Sök Genom att scrolla eller gå ut till Sverigekartan kan användaren förändra det geografiska sökområdet Sökresultat Användaren får information om företag, läge (karta) och erbjudande för ett visst sökord. Klicka markering/scrolla Klicka karta Klicka företag Lägg till erbjudande/se listan via flik Företagsfiltrering Genom att klicka på företagslogotyperna kan användaren filtrera erbjudanden på företag. Butiksfiltrering Användaren kan klicka på en eller flera butiker på kartan för att se vilka erbjudanden som dessa Klicka på erbjudande Listan samlar erbjudanden som användaren vill spara, användaren kan sen välja att dela listan på olika sätt. Erbjudande Användaren får här all information av erbjudandet samt ger möjlighet att få vägbeskrivning till butiken. Lägg till erbjudande Klicka på erbjudande Klicka på erbjudande i Feed 13

18 05.2 Layout Startsida För att visa vilka funktioner som webbtjänsten ska innehålla har en enklare mockup gjorts för att visa sidans många funktioner och användningsområden. Då tjänstens fokus ska ligga på att söka efter erbjudanden har sökfälten en central plats. Här finns även inloggningsfunktion, plats för användarens prenumerationer (om inloggad) och på samma plats även rekommendationer genererat av tjänsten. Vi har även avsatt plats på högersidan av startsidan för olika typer av reklam och en ruta för information om tjänsten Bildförklaring: 1. Header 2. Profil/inloggning 3. Sökmotor 4. Flikar 5. Feed 6. Rekommendationer/Reklam 7. Reklamplats 8. Om Localize

19 Sökning Layouten för söksida är precis som startsidan fokuserad kring sökfältet, men då lika stor fokus ska ligga vid att redovisa sökningsresultat och ge möjlighet till filtrering har ett flertal andra funktioner också hamnat i fokus. Här finns möjlighet till att se erbjudanderesultat, antingen visualiserat med hjälp av rutor eller genererat som en lista. Här ges även användaren information om vilka företag som har erbjudanden inom sökordet samt var dessa butiker ligger i en interaktiv karta Genom att använda kartan och företagsinformationen kan användarna filtrera information och hitta det erbjudande som passar 5 6 Bildförklaring: 1. Header 2. Profil/inloggning 3. Sökmotor 4. Flikar 5. Företagvy/filtrering 6. Karta/Lista 7. Sökresultat 8. Dela erbjudande

20 Erbjudande Erbjudandeinformationen lägger sig i ett pop-in fönster när en användare klickar på ett visst erbjudande i tjänsten (resten av webbsidan tonas ut och ligger i bakgrunden). Här ligger fokus på själva erbjudandet i sig och information som bild, namn, pris och företag visas större i fönstret. Även ytterligare information om erbjudandet visas i brödtext där företagen själva kan berätta om de erbjudande man har. En karta som visar affärens geografiska plats ligger även här i fokus, samt skapar en möjlighet för användarna att skriva in sin hemadress för att få en vägbeskrivning till affären. Längst ner till höger i fönstret ligger två knappar, ett plus som lägger till erbjudandet i en lista och en dela-knapp som gör det möjligt för användaren att dela erbjudandet till sina vänner på olika sätt Om användaren vill stänga ner pop-in fönstret kan man antingen klicka på krysset uppe i högra hörnet eller klicka någonstans utanför pop-in fönstret. 8 9 Bildförklaring: 1. Erbjudandebild 2. Erbjudandenamn 3. Pris 4. Företag 5. Vägbeskrivning 6. Erbjudandeinformation 7. Karta 8. Lägg till erbjudande i lista 9. Dela erbjudande 10. Stäng fönster 16

21 05.3 Funktioner Företagsfiltrering Om ett sökord genererar erbjudanden från många företag har användaren möjlighet att klicka sig genom hela listan genom att klicka på höger- och vänsterpil. Om användaren sedan vill filtrera sökresultatet på enbart vissa företag kan man göra detta genom att klicka på företagslogotypen man är intresserad av i listan. Bildförklaring: 1. Sökresultat med tillhörande företagsvy. 2. Genom att klicka på Coops företagslogga ändras sökresultatet till att enbart visa erbjudanden från Coop. 3. För att jämföra flera företag mot varandra kan användaren klicka i flera företag i företagsvyn vilket förändrar sökresultatet

22 Geografisk filtrering Kartan är det verktyg som används för att filtrera erbjudanden genom geografisk relevans. Genom en sökning får användaren upp sökresultatet i rutor samt en lokal karta över var dessa erbjudanden finns. Om användaren vill bredda eller förminska det geografiska området för sökningen kan användaren zooma in eller ut i kartan för att på så sätt också förändra det sökresultatet. Användaren kan även använda den lokala kartan för att klicka på en eller flera butiker för att optimera erbjudandesökningen efter relevanta butiker Listan Om användaren inte valt hemstad, eller vill byta området som sökningen är i kan man ta sig direkt ut till en Sverigekarta med hjälp av den lilla markörsymbolen i nedre vänstra hörnet. Ute i Sverigekartan kan då välja en ny stad genom att klicka på en av punkterna vilket i sin tur genererar ett nytt erbjudanderesultat och en ny karta. Listan går att komma åt genom att klicka på fliken ovanför kartan och är ett hjälpmedel för användare som vill planera sina inköp i förväg eller ha ett utrymme att spara intressanta erbjudanden på. En lokal karta (vänster) visar fyra butiker som har ett visst erbjudande, och Sverigekartan (höger) visar ett exempel på hur valet av ny stad kan se ut. För att lägga till ett intressant erbjudande i listan kan användaren använda sig av plus-symbolen på ett erbjudande för att lägga till i listan. Listan är uppdelad i kategorierna mat, tjänster och produkter, och varje erbjudande som en användare lägger till i listan hamnar under någon av dessa kategorier. Plus-symbolen vid erbjudandebilden lägger till erbjudandet i listan. 18 Listan har även en dela-knapp som gör det möjligt att skicka sin lista till andra användare på tjänsten, vidarebefodra listan till sin egen eller någon annans mail eller skriva ut den.

23 Feed Startsidan har en utgångsvy som kallas feed, ett allmänt läge där prenumererationer och reklam visas. Reklamen ska användarna själva inte kunna kontrollera, utan genereras själv av tjänsten. Prenumerationer skapas och kontrolleras helt och hållet av användarna, om användaren är inloggad kan han eller hon välja att prenumerera på ett visst företag genom att kryssa i flaggsymbolen som finns uppe i högra hörnet på företagsvyn vilket gör att uppdaterade och nya erbjudande från företaget hamnar på användarens feed. Flaggsymbolen ovanför till höger om företagslogotyperna i företagsvyn. 19

24 05.4 Designförslag Startsidan: Söksidan: Flikar Logga in Flikar Logga in Sökfält Sökfält Sökparametrar Reklamplats Sökparametrar Företag Karta/Lista Feed (Scrollbar) Reklamplats Om Localize Sökresultat (Scrollbar) Ytterligare information Ytterligare information Ett förenklat designförslag för startsidan. Här är färgerna valda så att sökfältet med sökparametrar och flikarna lyfts fram, detta för att användarna ska veta att dessa är viktigast på startsidan. Ett förenklat designförslag för sökresultatssidan. Här lyfts sökfältet med sökparametrar och kartan/listan fram genom framträdande färger. 20

25 06 Rekommendationer Konceptförslaget som redovisas här är en plan för vilka funktioner som vi föreslår ska finnas på tjänsten och hur dessa är tänkta att fungera för användarna. Största prioritet för projektet är funktionaliteten och layouten, då båda är framtagna för att passa användarnas behov. Om funktionerna eller layouten ändras kan tjänsten plötsligt inte längre passa användarna, och företagen som lägger upp sina erbjudanden på sidan kanske inte längre finner det lönsamt att vara med. Det slutgiltiga designförslaget som innefattar färg och form är enbart ett förslag på hur webbsidan kan se ut när den är färdig, ändringar i detta förslag går självklart att göra utan att funktionaliteten eller fokus på sidan förstörs. Vi ser även möjligheten att koppla ihop konceptförslaget med en app, då man ger användarna en möjlighet att använda tjänsten på två olika sätt; planerings- och upptäckarfasen kan ske hemma på datorn via webbtjänsten och det spontana sökande efter erbjudanden i sin närhet kan lättare ske på mobilen via en app. 21

26 07 Sammanfattning Genom rabattkoder och erbjudanden kan kunder spara pengar när de gör sina dagliga inköp. Vanligtvis hittar man dessa ebjudanden i nyhetsblad eller lokaltidningar, men det finns ett behov av att samla dem under en gemensam tjänst för att underlätta för kunden. På uppdrag av har fått i uppdrag att ta fram ett konceptförslag på hur en sådan tjänst visuellt och funktionsmässigt kan passa en bred målgrupp. Efter ett inledande besök på samlades information om uppdraget in för att genomgå en SWOT- och omvärldsanalys. Det största utmaningen var att analysera det unika med sidan samt hur den skulle kunna stå sig gentemot liknande tjänster. Ett stort antal personas togs fram för att täcka in möjliga målgrupper, och med dessa i åtanke lades fyra konceptförslag fram. Efter delpresentationen arbetades det vidare på ett konceptförslag som grundade sig i de främsta behoven som användarna skulle kunna tänka sig ha när de använder tjänsten. Ett slutgiltigt konceptförslag lades fram där grundläggande funktioner, tydlighet och användarvänlighet stod i fokus. 22

27 08 English summary By request from the Piteå-based company, was assigned to come up with a functional and visual solution fit for a broad target group to gather local offers under one service. After an introduction to the company and the brief, information was gathered for a SWOT-analysis and market analysis. The greatest challenge was to analyse what the unique aspects of such a service are and how it would best compete with similar sites. From creating a number of personas to cover the needs of the target group, four concepts were created based on user experience and presented. After mid-presentation the client chose to continue with a mixed concept based on the different needs of various users groups. A simplistic template site based on functionality and user friendliness was presented to the customer as the final concept. 23

28 09 Projektteam Gruppen består av Oskar Wembe & Henrik Bygdeman Projektledare Karoline Pettersson Handledare Jon Håkansson Handledare David Larsson 24

29 Sofia Brolin Samhällsplanerare Stockholms Universitet. Åsa Bugge Marin Landskapsarkitekt Sveriges Lantbruksuniversitet. Henrik Bygdeman Interaktionsdesigner Kungliga Tekniska Högskolan. Camilla Karlsson Produktdesigner Luleå tekniska universitet Sebastian Mardi Arkitekt Chalmers Tekniska Högskola. Oskar Wembe Produktdesigner Designhögskolan, Umeå. 25

30 Arjeplog / Pajala / Piteå 2013 är en unik satsning från SVID, Stiftelsen Svensk Industridesign, med syftet att sammanföra studenter och näringsliv för att öka kunskapen om design bland företag och kommuner. har fått i uppdrag att ta fram designen för en webbtjänst som samlar rabatter och erbjudande från fysiska butiker och ge användarna möjlighet att söka, jämföra och spara erbjudanden. Det slutgiltiga konceptet presenterar layouten för webbsidan, samt en ingående genomgång av de viktigaste funktionaliteterna som passar målgruppen. SVID, Stiftelsen Svensk Industridesign Sveavägen 34, 6tr Stockholm