Redesign Zert Sommardesignkontoret Lycksele/Norsjö 2009

Redesign Zert Sommardesignkontoret Lycksele/Norsjö 2009

Innehållsförteckning 1. Om Sommardesignkontoret...1 2. Uppdraget...2 3. Arbetsprocess...3 4. Analys...4 4.1 Nulägesanalys...4 4.2 Användartester...7 4.3 Persona...8 4.4 Genreanalys...9 4.5 Brukskvaliteter... 10 5. Konceptförslag... 11 5.1 Meny... 13 5.2 Produktframställning... 14 5.3 Referensperson... 16 6. Framtida rekommendationer... 17 6.1 Grafisk design...17 6.2 Personaurval...17 6.3 Prototyptester..17 7. English summary... 18 8. Projektteamet... 19 9. Sommardesignkontoret Lycksele/Norsjö 2009... 20

1. Om Sommardesignkontoret När företag, kommuner och organisationer kommer i kontakt med designstudenter blir resultaten slående. I Sommardesignkontoret 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. Sommardesignkontoret 2009 i Lycksele/Norsjö har arbetat med sex stycken olika företag inom olika branscher, från riskhantering till campingplatser. Arbetet har inneburit designhjälp med hemsidor, till grafisk design och utomhusmiljö. Dokumentet i din hand beskriver kortfattat utgångspunkt och resultat av sommarens arbete med ett av projekten. www.svid.se 1

2. Uppdraget Zert tillhandahåller konsulttjänster och system för produktion av den lagstyrda tekniska dokumentationen för produkter, produktionsanläggningar och arbetsmiljö. Zerts programvaror, Zert RM och Zert CLM, säljs som standardsystem men konfigureras till att möta kundens behov med hjälp av olika moduler. Tjänsten Zert Selecto är konsultverksamheten i företaget. Kunderna kan vara allt från stora företag till kommunala verksamheter. Hemsidan är en viktig informations- och kontaktyta mot både befintliga och potentiella kunder. Eftersom hemsidan ska innehålla information för såväl nya som befintliga kunder vill Zert ge information i olika nivåer. Projektarbetet syftar till att se hur man kan förpacka och distribuera varor/tjänster via hemsidan. Sidan skall vara lätt att orientera sig i och intressenterna skall bekvämligt hitta rätt information. Uppdragets inriktning och fokus ska vara idéorienterat. Målet med projektet är att designa en säljande webbportal med hög användbarhet. 2

3. Arbetsprocess Processen under detta arbete bygger till stora delar på internationella standarder för att för hur man utvecklar användbara system (ISO 13407; ISO 9241 1 ). Projektet består av fyra stora faser, uppdragsdefiniering, nulägesanalys, idégenerering och prototyp, som bygger på varandra i ett iterativt förhållande, vilket innebär att alla faser påverkades av varandra och slutsatserna i varje fas reviderades vid behov. Uppdragsdefiniering Nulägesanalys Idégenerering Prototyp I denna första fas definierades projektets mål och vision. Workshop och möten hölls med uppdragsgivare för att skapa en förståelse för deras önskan om projektets utgång. Nästa fas i processen bestod av analysering. Såväl nulägesanalys som omvärldsanalys och användarprofilering utfördes i denna fas. Nulägesanalysen innehöll även användartester av den befintliga hemsidan. Tredje fasen i projektet bestod av att generera idéer. Denna fas involverade skissworkshops och effektmålsworkshops. Fjärde och sista fasen bestod av att skapa prototyper av de framtagna idéerna och koncepten. Prototyperna gjordes i två olika etapper, den första med pappersprototyper, s.k. Low-Fi, och den andra etappen med datorprototyper, High-Fi. 1 Information om de internationella standarderna kan hittas på Usability Nets hemsida (usabilitynet.org). 3

4. Analys Analysen började med en nulägesanalys av den existerande hemsidan, detta för att identifiera dess styrkor och svagheter. Resultatet visade att även om hemsidan är visuellt tilltalande, så finns det vissa områden som behöver designas utifrån ett målorienterat perspektiv än ett estetiskt, nämligen menysystemet, informationspresentation och produktframställning. Utöver en användaranalys av den existerande hemsidan, så inkluderar analysen även en omvärldsanalys, där inspiration drogs från hemsidor från andra produkt- och tjänsteföretag. 4.1 Nulägesanalys Menysystemet på zert.se består av både en högeroch vänstermeny. Detta kan upplevas förvirrande då menyerna fungerar oberoende av varandra och länkar till samma sidor samtidigt. Tappar lätt bort mig när jag klickar på länkar då länkstrukturen hela tiden förändras. Man måste ha koll både på höger och vänster sida. Dessutom ändrar sig högermenyn lite som den själv vill känns det som 4

Informationsstrukturen är inte konsekvent, allmän branschinformation blandas ihop med företagets produktinformation, ingen skillnad görs på produkt- och tjänsteerbjudande och e- tjänsterna tillhörande Zert RM och Zert CLM respektive är inte placerade inom samma struktur, utan har en egen huvudrubrik. 5

Under produktpresentationen blir det mycket text som pratar runt ämnet riskhantering och väldigt lite som beskriver själva produkten och egentligen visar den. Bilden nedan visar de fyra stegpresentationen av Zert RM, med början från vänster. Inte en enda gång under dessa fyra steg visas produkten eller ges ett konkret exempel på vad den kan göra. Jag orkade inte läsa till slutet. Jag får ingen direkt förståelse för programmet. Det kändes inte särskilt spännande att försöka läsa allting. Jag behöver faktiskt se mer av mjukvaran innan jag kan säga nåt. Jag vill direkt få reda på vad det handlar om. 6

4.2 Användartester För att få ett användarperspektiv på zert.se, så utfördes ett scenariobaserad test med användare inom riskhanteringsbranschen. Scenariot i testerna löd som följande: Din chef har gett dig i uppdrag att leta fram ett nytt riskanalysprogram till ett projekt. Du har blivit tipsad av en vän om Zert och går därför in på deras hemsida (www.zert.se) för att se ifall deras mjukvara kan vara av intresse. Gå in på deras hemsida och bekanta dig med den! Utöver scenariot fick användarna olika uppgifter att utföra på hemsidan och frågor om hur de upplevde hemsidan och dess information. Nedan presenteras en sammanfattning av svaren. Kompletta svar på alla frågor kan återfinnas i bilaga. Generell upplevelse Användarna tyckte att hemsidan var estetiskt snygg och fräsch, men att det är svårt att få grepp om budskapet. Vad saknas? Dessa punkter efterfrågades vid användartesterna: Tydlig överblick Snabba sammanfattningar Referensprojekt Bilder på produkterna Någon att relatera till Konkreta exempel på vad produkterna kan göra 7

4.3 Persona Utifrån användartesterna har det tagits fram en persona för målgruppen i detta projekt. En persona är ett sätt att framställa användare på ett enkelt och överskådligt sätt. Personas är fiktiva karaktärer som representerar de olika användartyperna. Tanken med en persona är att man i specifika designvalssituationer ska veta vilka krav och behov som ska väga tyngst. Har ett tidskrävande jobb Är van med datorer och internet Har sakkunskap om riskhantering Är inte tidigare bekant med Zert Har mycket uppgifter i sitt arbete som blir rutinartade Använder liknande produkter i sitt arbete Vill hålla sig uppdaterad inom sitt yrke och använder sig av olika källor för att få information Jag vill inte behöva leta så mycket utan förväntar mig att den ska vara mer lättillgänglig. 8

4.4 Genreanalys För att skapa en förståelse av hur konkurrenterna och andra hemsidor som erbjuder mjukvara och tjänster. Analysen visade att många av hemsidorna lägger stor fokus på produkten, exempelvis Apple använder en stor del av sin startsida till att presentera sin senaste produkt. Att skapa ett användningstillfälle och låta besökarna se och testa produkten var även en stor del av produktpresentation, Husqvarna börjar med ett dominerande bildspel av sina produkter i verkligheten, Synergi lägger ut en demoversion av sin mjukvara för besökarna att prova och Prevent har enklare funktioner av sin mjukvara ute för användning. Även att kunna visa att man som konsult har erfarenhet är viktigt att visa, många företag använder sig av verkliga referensprojekt. 9

4.5 Brukskvaliteter Utifrån analysens olika delar har det sammanställts ledande brukskvaliteter för den nya designen av hemsidan. Den bör vara enkel, informativ och interaktiv. Enkel Informativ Interaktiv Till höger visas ett brukskvalitetsschema. Genom att läsa schemat neråt så svarar man på hur, exempelvis hur ska vi få det enkelt?, svaret blir genom att göra den lättnavigerad, ha en god överblick och så vidare. Lättnavigerad Strukturerad Arbeta med användaren På samma sätt blir det när man läser schemat uppåt, fast då svarar man på frågan varför, till exempel varför ska den vara provbar?, för att den ska vara interaktiv. God överblick Fokuserad Provbart Väntade händelser Relevant Stegvisa instruktioner Klickoptimering Samlad Stödjande 10

5. Konceptförslag Analysen har visat att det finns tre stora områden att arbeta kring, menysystem, informationsstrukturen och produktframställningen. Från det och användartesterna föreslås det en design med fokus på det Zert erbjuder, både produkt och tjänst. Menyn ska vara enkel och huvudstrukturen ska finnas som en övre flik- alternativt knappmeny. Startsidan är designad med informationsstruktur i fyra delar, huvuddel (nr1), två informationsdelar (nr2 och nr3) och en nyhetsdel (nr4). Menydel Lättförståelig och överskådlig. Huvuddel Innehåller information om Zerts produkter och tjänster, informationen ska variera och vara inbjudande. Denna del ska innehålla mer media än text, gärna bilder, videos demos och sådant som uppmuntrar användaren att vilja läsa mer. Logotyp Zerts logotyp med kortfattad företagsinformation. Nyhetsdel Denna del innehåller nyheter från Zert och deras verksamhet. Informationsdel 1 Består av kortfattad information angående Zerts produkter och tjänster. Informationsdel 2 Innehåller branschinformation och 11 branschnyheter.

Konceptdesign utifrån trådmodellen. 12

5.1 Meny De två tidigare menyerna har slagits ihop till en gemensam övre meny. På så sätt behöver användaren enbart fokusera på en meny i taget och förvirringen borde vara mindre. Menyrubrikerna har även ändrats till att skilja på Zerts produkter, tjänster och allmän branschinformation. Informationsstruktur på huvudmeny För att användaren inte ska tappa bort sig i informationsstrukturen, föreslås det en undermeny när man har klickat in sig på i någon av huvudfunktionerna. Denna meny kan antingen ligga som en sidomeny till vänster alternativt som en submeny under huvudmenyn. 13

5.2 Produktframställning Användartesterna visade att informationen om produkterna, med fokus på RM i detta fall, var för vag och omständig. För att komma åt det bör designen av produktsidan vara inriktad på att svara på tre områden, vad, hur och varför. Vad är Zert RM? Denna del ska ge användaren en bild av vad Zert RM är för något. Fokus ska här ligga på produkten, kringinformation vad gällande branschen ska hållas nere. Användaren ska få svar på vad Zert RM är för något och vad det kan göra. Detta kan göras genom att använda flera medel såsom text, videos, demoversion Hur fungerar Zert RM? Efter att användaren fått information om vad Zert RM kan göra, så behöver de information om hur detta kan göras. Denna del ska svara på mer konkret på funktionerna i Zert RM. Hur gör Zert RM dessa funktioner? Varför ska jag välja Zert RM? För att få användaren att bli övertygad om att det är just Zert RM de behöver måste man ge dem referenser, statistik och jämförelser. Här ska användaren få argument till varför Zert RM är den bästa mjukvaran för dem. 14

Konceptdesign utifrån trådmodell 15

5.3 Referensperson Hur kommer Zert kunna hjälpa mig i mitt arbete? Ett sätt att kunna svara på den frågan är att skapa en referensperson som användaren kan relatera till. Referenspersonen har ett jobb och stöter på problem som kan lösas med Zerts produkter. Användarna ska kunna relatera till referenspersonen genom olika scenarion, både före och efter att referenspersonen använder sig av Zert. Scenario före Zert Det här är Camilla. Hon jobbar som MTOkonsult på ett kärnkraftverk och agerar även som skyddsansvarig. I sitt jobb skriver Camilla många olycksrapporter och gör många enkäter. På Camillas jobb använder man sig av blanketter och standardiserade rapportmallar som går att hitta på intranätet. Problemet är att intranätet är gammalt och nya versioner har lagts till efter hand. På grund av olika systemadministratörer genom tiden finns det heller ingen enhetlig struktur för intranätet, blanketter kan ligga under olika rubriker. Om Camilla ska utföra en enkät, skriver hon ett textdokument och skickar ut till berörda parter. Därefter får hon svaren i dokumentet, vilket blir ett dokument per person. Därefter måste hon sammanställa svaren manuellt i en excelfil. Scenario efter Zert För att kunna effektivisera arbetet har Camillas arbetsplats investerat i Zert RM. Med hjälp av att Zert RM samlar all information, blankettstandarder, lagar på samma plats kan Camilla snabbt och enkelt sammanställa en enkät. Genom Zert RM skickar hon ut enkäterna till berörda parter. När svaren börjar trilla in samlas de till i ett gemensamt dokument i Zert RM, där Camilla har löpande statistik och information om svarsprocenten. Medan Zert RM sköter enkäterna åt Camilla kan hon ägna sin tid åt sådant som oftast blir bortprioriterat. Detta tar självklart lång tid och mycket av Camillas arbetsdag går till att kolla ifall svar har kommit in och sammanställa svar istället för att egentligen arbeta med viktigare uppgifter. 16

6. Framtida rekommendationer I detta kapitel beskrivs de framtida rekommendationer för en vidareutveckling av projektet. För framtiden föreslås tre huvudsteg att fokusera på, nämligen grafisk design, personaurval och prototyptester. 6.1 Grafisk design 6.2 Personaurval 6.3 Prototyptester För att passa ihop med företagets profil och den image som ska förmedlas, bör den grafiska designen på hemsidan uppdateras. Fokus bör ligga på textens typsnitt, enhetliga knappar och ett passande färgspektra. I detta projekt skapades en persona, tyvärr var antalet respondenter inte tillräckligt hög för att kunna skapa ett urval av personas. Framtida rekommendationer är att utöka antalet testpersoner för att få in material till mer raffinerade personas. När ett tillräcklig antal respondenter, mellan 20 och 30 stycken, uppnåtts kan man få ett urval av personas och därefter kunna prioritera mellan personas för att få en primärpersona att arbeta mot. Tanken med en primärpersona är att man i specifika designvalssituationer ska veta vilka krav och behov som ska väga tyngst. Det handlar alltså inte om att bortse från de övriga personas behov och krav. I takt med att den grafiska designen och personurvalet växer fram, går det att utföra mer avancerade användartester av datorprototypen. Dessa tester bör syfta till att undersöka användarnas respons av den nya designen. Prototyptesterna kan vara uppgiftsinriktade där användarna ska lösa olika scenarier och uppgifter. 17

7. English summary Zert is a risk management company, providing different software and consulting help. One of their big channels to connect with clients is the website. For this project they wanted to upgrade the website to be more user friendly and easier for visitors with different levels of prior knowledge to Zert and their products. The design process contained an analysis of the existing website, a genre analysis of other companies and user testing on the existing website. Furthermore the process involved developing concepts and constructing low fidelity and high fidelity prototypes. The results were that the existing website should be upgraded with respect to the menu system, the informational structure and the focus on the product. Three keywords were established as use qualities for the new design, easy, informational and interactive. When the products are being presented in the new design, the website should be able to answer to three questions, what, how and why 18

8. Projektteamet Ali Hamsis - Projektledare Interaktionsdesign Linköpings universitet Mobil 073-991 09 98 a.hamsis@gmail.com Agneta Lundberg Projektledare Sommardesignkontoret Lycksele/Norsjö 2009 Telefon: 0910-71 15 84 Mobil: 070-564 22 26 agneta.lundberg@almi.se Per Sihlén Handledare Sommardesignkontoret Lycksele/Norköping 2009. Telefon: 090-70 42 77 Mobil: 070-350 04 45 per@strukturdesign.se Kayo Aoyma Katarina Svensson Robin Widenius Martin Willers Elizabet Westerlund Grafisk designer HDK, Göteborg Landskapsarkitekt SLU, Malmö Industridesigner Mitthögskolan, Sundsvall Industridesigner Designhögskolan, Umeå Grafisk design och kommunikation Linköpings universitet 19

9. Sommardesignkontoret Lycksele/Norsjö 2009 Sommardesignkontoret är en unik satsning från SVID, Stiftelsen Svensk Industridesign, med syftet att sammanföra studenter och näringsliv att öka kunskapen om design bland företag och kommuner. Under arbetet med detta projekt har jag, som projektledare, lärt mig vikten av att kunna ta till sig andras kompetenser och kultivera de så att kreativiteten inte mattas ut under projektets gång. Det har även varit en väldigt lärande erfarenhet att få arbeta med riktiga kunder med riktiga projekt. Till skillnad från universitetsprojekt så har jag fått känslan av att det vi gör kommer att ha en verklig påverkan i någons verksamhet. För mig har det även varit lärorikt att få en insikt i hur andra designdiscipliner arbetar. Jag tvivlar att jag kommer få samma möjlighet att arbeta med designer från så vitt skilda fält som industridesign, grafisk design och landskapsarkitektur. Jag hoppas att jag får fortsatta möjligheter i arbetslivet att ta del av andras kunskap och även kunna föra ut min egen till dem. Ali Hamsis Lycksele 18 augusti 2009 SVID, Stiftelsen Svensk Industridesign Sveavägen 34 111 34 Stockholm 08-406 84 40 www.svid.se 20