Norrfolket. Sommardesignkontoret 2012 Gällivare/Kiruna

Relevanta dokument
Cartesias nya karttjänst

SOMMAR DESIGN KONTORET. design som utvecklar. arjeplogs marknad. Sommardesignkontoret 2010 Arvidsjaur/Arjeplog/Haparanda

SOMMAR DESIGN KONTORET. Plats för bild. Hjertell. Sommardesignkontoret 2012 Gällivare/Kiruna

Cheat Sheet Nybörjarguide för Facebook och Instagram

Plats för bild. LEDARCENTRUM 67 o N. Sommardesignkontoret 2012 Gällivare/Kiruna

PROSPEKT MEDIAS HANDBOK

S A V E T H E C O M M U N I C A T I O N

Symmetry: Bortsett från menyn har innehållet av sidan viss symmetri när det kommer till videoklippen som är upplagda på sidan.

INDIVIDUELL INLÄMNINGSUPPGIFT

Instagram. Vad kan Instagram göra för ditt företag?

SOMMAR DESIGN KONTORET DESIGN SOM UTVECKLAR GLOMMERSHUS. Sommardesignkontoret 2010 Arvidsjaur/Arjeplog/Haparanda

HS COPY & media service ab

Digitalguiden Platstjänster

DESIGNDOKUMENT 1(8) 1. Idé & koncept. Grundidé, syfte & innehåll. Målgrupp, koncept & sammanhang

Profilera dig på LinkedIn. 10 steg till en lyckad profil

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

Antagen av kommunstyrelsen:

TropicBox INNEHÅLLSFÖRTECKNING. 1. Sammanfattning. 2. Innehållsförteckning. 3. Utgångspunkter. 4. Användarstudie. 5. Koncept och visualisering

InfoBox. Jessica Helenius Umeå Universitet Dept of Informatik Höst helenius.jessica@gmail.com

Portfolio Mathias Andelin

Branding Att äga sitt varumärke Marknadsföring i Sociala Medier för HRT-branschen del 1 Robin Sörbom 2015

Slutrapport: Design av Hemsida för PolyPlast+

Starta din försäljning med hjälp av sociala medier

Julia Modig Tjärnström, Anna Marklund, Patrik Ljungqvist 723G04

En kort vägledning för vuxna ConnectSafely.org

SOMMAR DESIGN KONTORET. design som utvecklar. spikab. Sommardesignkontoret Jokkmokk/Älvsbyn 2009

Uppgift 3: Skapa ett Youtube-konto

Kom igång med utbildningen bättrevardag.nu!

Svenska företag på webben

Riktlinjer för digitala medier

Resledaren Användarguide Android Innehåll

Nyanländ kompetens. Ett samverkansprojekt mellan Mora, Orsa och Älvdalens kommuner, Högskolan Dalarna och Arbetsförmedlingen.

CIT Recycling Development AB Sommardesignkontoret Dalarna/Gävleborg 2010

Kommunicera via digital signage och smartphones med PLAYipp

Välkommen till den Virtuella Turistbyrån vastsverige.com. Så här funkar det

Hemligheterna bakom framgångsrik kommunikation Mattias Franzén

Uppdraget från SICS East och Linköpings kommun handlar om att ta fram en teknisk lösning för att underlätta kommunikationen mellan vårdpersonal,

Manual. Verktyg för skolanalys. Astrakan. Motion Chart på enkelt sätt. Artisan Global Media

Lathund sociala medier

En guide till Instagram för riksvävare

REPUBLIC OF INNOVATION

Trafikverket. Rapport - kampanjen #stannahemma. Trafikverket

RAPPORT ÖVER SOCIALA WEBBEN. Webbdesign för sociala interaktioner Josefine Holmberg

Sociala medier och Flickr som marknadsföring Essä i kursen Digitala Distributionsformer Högskolan Väst Av: Nicklas Johansson

Resledaren Användarguide iphone Innehåll

Ny grafisk symbol för Sölvesborg

Välkommen till Wednesday Academy och kursen: Annonsering på Facebook & Instagram

Sociala medier för företag

Workshop: Hälsofrämjande ledarskap och medarbetarskap, kl

Kom igång på Twitter. Viktiga funktioner och tips på hur du får fler följare

Kursvärderingar guide för lärare

HANTERA DIN PROFIL I

SCRATCH är ett nytt programmeringsspråk som gör att du kan skapa dina egna interaktiv historier, animationer, spel, musik och konst.

BASTUSTUGAN I BODEN AB

2. Dels går det att klicka sig fram via appsamlingen (2a) (som liknar en rutig kvadrat). Klicka på E-post (2b). 2b.

Ny startsida i Marknadsplatsen

Stort Nordiskt Vänortsmöte maj Rundabordssamtal Hållbar stadsutveckling, attraktiva städer 20 maj 2016

PROTOKOLL

ONLINEGUIDE KUBEL KIDS POP-UP. Sandberg wallpaper

Instagram Stories en guide

LUVIT Resource Centre 1.4. Användarmanual

Användarguide. Sök och administrera dina volontärer på Volontärbyrån

Från Smart TV till Smartare upplevelse Av: Kim Huber och Connie Huanca

Skapa epublikationer för Webben & Mobila Enheter

Instruktioner. Innehåll: 1. Vad är Kimsoft Control (SIDA 2) 3. Hem (SIDA 2)

Så här gör du. om du vill genomföra en framgångsrik innovationstävling

Aktivera ditt konto. När du har fyllt i dina uppgifter och godkänt användarvillkoren kan du börja marknadsföra din bostad genom att klicka på Start.

- en expertanalys. av Anna Olvenmyr

Version 3.2 A SERVICE FROM OPV

*Ungdomsbarometern 09/10

Inlämningsverktyget i Fronter för lärare

Nå Framgång på Instagram En guide till små och medelstora företag

10 smarta appar som ger Chrome mer muskler

Inlämningsuppgift 3. Medeltidsveckan. Responsiv redesign. Grupp 8 Dina Eid Musalam, Henrik Persson, Johan Rodin & Michelle Tapper

Högskolan i Kristianstad. Designkoncept. Design av medietjänster för mobila enheter VT14

Tema: Underhållning Teknikspanarna

Klimatrådet Grafiskt manér

Marknadsför ditt företag gratis via bildapparna Senast uppdaterad

Matematik med QR-koder

Organisera för lärande i teknik genom QR-koder

MANUAL Nyregistrering som ny medlem eller loggar in gör du via: (Klicka på låset uppe till höger)

Information technology Open Document Format for Office Applications (OpenDocument) v1.0 (ISO/IEC 26300:2006, IDT) SWEDISH STANDARDS INSTITUTE

5 TIPS FÖR ATT HEMSIDAN SKA ÖKA DIN FÖRSÄLJNING

Lathund för Bodenappen

[Innehåll] Sida 2, Sida 3 - Persona Sida 4, Sida 5 - Persona Walk-Through Sida 6 - Reflektioner

Nätverka med Bergsskolan en kort startguide

Hanna Nord Strateg webb och kommunikation, Visit Östergötland. Länkar till presentation och länkar finns på

Manual för Kalmar kommuns Nya intranät. piren.kalmar.se

Praktikrapport. Sofia Larsson MKVA12, HT12

Affärsplan. Grupp 13. Simplex

Lathund för webbshop

Skapa en Facebook-sida för er lokala POSK-grupp

Fritid för alla - Fritidswebben. En förstudie av Markus Blomqvist & Anna Stam People and technology

Mer om programmet: Vi presenterar medverkande personer & Värdet för dig och ditt företag! Den 4 december drar vi igång!

Mer om programmet: Vi presenterar medverkande personer & Värdet för dig och ditt företag! Den 6 november drar vi igång!

6. Systemet visar kursen och kursens undermenyer. En av dessa undermenyer är Lägg till och hantera moment.

Nya sundbyberg.se. Webbkoncept. v1.0, Sundbyberg där staden är som bäst

Svedala Kommuns 1:16 Författningssamling 1(1)

För support videos, webinstruktioner och mer information besök oss på

Leverantörens guide för hantering av Web Supply Manager

Transkript:

Sommardesignkontoret 2012 Gällivare/Kiruna

Innehåll 01 Om Sommardesignkontoret 1 02 Uppdraget 2 03 Arbetsprocessen 4 04 Analys 5 04.1 Moodboard 5 04.2 4I4I 6 04.3 SWOT 7 04.4 Persona 10 04.5 Användartest 12 04.6 Wireframes 14 05 Slutgiltigt Konceptförslag 17 06 Rekommendationer för det fortsatta arbetet 21 07 Sammanfattning 22 08 English summary 23 09 Projektteam 24 Sommardesignkontoret 3

01 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. 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. Sommardesignkontoret 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 teknisk designer, en industridesigner, en interaktionsdesigner, en arkitekt, en landskapsarkitekt och en trädgårdsingenjör. Den här rapporten beskriver kortfattat utgångspunkt och resultat av sommarens arbete. www.svid.se Inspirationsbild Sommardesignkontoret 1

02 Uppdraget är ett företag som ägs och drivs av Elisabeth Andersson. Företaget tar fram trycksaker för både privatpersoner och företag. Företaget har ett tätt samarbete med andra designdicipliner såsom illustratörer, fotografer, videoproducenter med mera. Som en gren i företaget finns den i-app som är under utveckling. Denna app fungerar som en guide, i dagsläget främst i Kiruna och Gällivare, men det långsiktiga målet är en neutral och modern app som kan marknadsföras gentemot olika områden. Uppdraget är att skapa en gemensam stilmall för app och hemsida där grundstrukturen är så pass lättnavigerad och ren att den enkelt går att anpassa efter olika marknader och städer. Känslan appen ska ge är modern och lättanvänd både för användare, såsom turister och lokalbefolkning, och betalande administratörer. Appen ska, i likhet med dagsläget, innehålla vedertagna normer för appar såsom en trädstruktur med huvudkategori och underkategori. Symboler och ikoner ska även ses över och anpassas för att öka användarvänligheten. Som komplement till detta ska en plan tas fram för vidareutveckling av interaktiva element. Genom att göra appens guidningsfunktioner mer attraktiva samt göra produkten mer interaktiv är målet att öka populariteten och därmed aktiviteten både från användare och betalande administratörer. 2 Sommardesignkontoret Sommardesignkontoret 3 Inspirationsbilder Inspirationsbilder

03 Arbetsprocessen Projektet inleddes med ett kundmöte i Kiruna då s VD Elisabeth Andersson presenterade företaget samt det uppdrag som Sommardesignkontoret skulle påbörja. Genom att visa upp hur ikirunas guideapp såg ut lades generella riktlinjer fram för vilka förändringar som skulle ske. Även vilka mål som fanns för appen i ett långsiktigt perspektiv diskuterades, samt vilka förändringar som var nödvändiga för att denna utveckling skulle ske. Samtidigt undersöktes andra appar, både inom turism och övriga ämnen. Detta för att se vilka som var populära och vilka funktioner de hade som kunde vara aktuella för ikiruna. SWOTanalys (Strengths, Weaknesses, Opportunities, Threats) användes därefter som ett planeringshjälpmedel över dessa aktuella appar och gav en bild över appens styrkor och svagheter. Den gav även en uppfattning om möjligheterna som kan skapas, samt eventuella hot vid en strategisk översyn. Resultatet av dessa styrkor byggdes ihop till fyra nya koncept där fokus låg på olika användare. En undersökande fas inledde därefter då arbetet spaltades upp med ett 4I4I -diagram. 4I4I är en metod som bygger på fyra olika steg, Inspiration, Identification, Ideation och Implementation. Första delen går ut på att identifiera appens olika behov, medan andra fasen grundar sig på att hitta lösningar som uppfyller behoven. Därefter tas ett så kallat Mission Statement fram. Det är en meningsuppbyggnad som används som målsättning för hela arbetet. De två sista stegen leder sedan till fler idéer som resulterar i olika konceptförslag. Lösningarna blir alltmer specifika och resulterar tillsammans med kundens önskemål och övriga analyser i ett slutgiltigt konceptförslag. Utifrån företagets profil gjordes två personas, det vill säga olika tänkta användare för appen, dessa grundades på två övergripande grupper. Delvis kommer appen användas av turister, men också av den inhemska stadsbefolkningen. 04. Analys 04.1 Moodboard För att få bättre insikt i den i-app som är under utveckling samt företagets kärnvärden skapades en moodboard där utgångspunkten var ledord som arbetats fram i samarbete med företaget. De ledord som framtagits hör samman med det intryck den nya appen förväntas ge med känsla för god användarvänlighet. De ledord som ansågs viktigast var: Enkelhet & renhet Professionell Modern Moodboard 4 Sommardesignkontoret Sommardesignkontoret 5

04.2 4I4I Utifrån 4I4I-metoden togs ett antal värdeord fram som skulle representera den nya i-appens egenskaper. Dessa utgör behov och är till hjälp för att frambringa den rätta känslan för appen. Appen ska ha en logisk följd och vara professionellt uppbyggd. För att ha ett tydligt mål att sikta mot skapades även ett Mission Statement. Denna meningsuppbyggnad är betydande då den sätter sin prägel på hur arbetet kommer att styras. För att appen skulle väcka mer intresse hos användare och uppfylla de behoven som hade tagits fram skapades potentiella förbättringsmöjligheter. 04.3 SWOT För att undersöka vilka funktioner, både genomtänkta likväl som mindre önskvärda, som fanns i befintliga framgångsrika appar gjordes SWOT-analyser. I en SWOT-analys undersöks Strengths - Styrkor och konkurrensfördelar produkten har, Weaknesses - mindre goda sidor som kan ge ett negativt resultat, Opportunities - framtida utvecklingsmöjligheter och Threats - Möjliga hot och ofördelaktiga scenarios. HOTSPOTS 04. 02 4I4I ENKELT TYDLIGT INBJUDANDE REDUDANS TYDLOG GRAFISK PROFIL ALLTID KÄNNA SIG TRYGG BRA ILLUS- TRATIONER GODA GESTALT- PRINCIPER ROLIG/LEKFULL LÄTTFÖRSTÅELIGT FEEDBACK INTERAKTIVT GENOMARBETAT/ KONSEKVENT LOCKANDE KLICKBART SPRÅKLIGT FLEXIBELT BAKÅTKNAPP GPS-SERVICE GOD GRUPPER- ING 5-7 BRA MAPPING LJUD VEDERTAGNA IKONER LJUS MÖJLIGHET ATT ÄNDRA SPRÅK TILLRÄCKLIGT STORA IKONER VIBRATION TYDLIG FEED- BACK PÅ VAR I GRÄNSSNITTET ANVÄNDAREN ÄR TYDLIGA RUBRIKER ISO-STANDARD LÄSBART LÄTTNAVIGERAT Inspiration LOGISK FÖLJD PROFESSIONELLT Mission Statement EN INBJUDANDE APP SOM GENOM INTER- AKTIVITET GER ETT GENOMARBETAT OCH KONSEKVENT INTRYCK ERBJUDANDEN/ ANNONSER PERSONLIG AN- PASSNING SOCIALA MEDIER AUGMENTED REALITY TYDLIGA IKONER & SYMBOLER Identification/Ideation BRA FLÖDES- SCHEMA S W Wireframes, Trip Advisor Anpassningsbar (via sökning och favoriter) Interaktiv Väcker engagemang Sociala medier-vänlig Stort fokus på namnkunnighet Möjlighet att bli ännu mer givande ju mer input användarna ger. Om inte tillräckligt mycket input sker kan appen kännas platt O T En basic-app för att enkelt hitta nya restauranger/ boenden/shoppingstråk. Passar den tillfälliga besökaren som snabbt lär sig de grundläggande funktionerna. 6 Sommardesignkontoret Sommardesignkontoret 7

Wireframes, Hello World S W Väldigt enkel Utgår grundläggande från ikoner - kan vara svårt att bygga vidare på O Filtreringsalternativen skulle kunna varieras för att matcha beställarens målgrupp bättre Appen kan upplevas som för begränsad för den avancerade användaren T En basic-app för att enkelt hitta nya restauranger/boenden/ shoppingstråk. Passar den tillfälliga besökaren som snabbt lär sig de grundläggande funktionerna. Wireframes, Facebook S W Filtreringen inte lika synlig som övriga ikoner. Enkel och lättnavigerad Filtrering/inställningar/språk ej synliga på startsidan Svårt att bygga vidare på då menyn består av ikoner såsom youtube och twitter om facebookdelen integreras mer (eftersom de redan är sammanlänkade på respektive communityn.) kan ikonerna tappa sin distinktion Om ikonmenyn och listmenyn inte knyts ihop på ett tydligt sätt så kan appen upplevas som tudelad O T En app som lånat väldigt mycket av facebook. Detta innebär fördelar så som att den känns aktuell och att användarna känner igen sig och är trygga i interaktionen. Det innebär dock även att mycket av interaktionen kan upplevas kretsa kring sociala medier snarare än turism och guidning. 8 Sommardesignkontoret Sommardesignkontoret 9

04.4 Persona Den typiska turisten Boende i närområdet Tillsammans med sin man reser Lena ofta både i Sverige och utomlands. Från sitt hem i Strömstad utgår de flesta resorna med bil men för längre sträckor föredrar paret flyg eller tåg för att snabbare ta sig till sitt mål. Väl på plats bor de gärna på hotell eller gästgivargårdar och är vad hotellfolket brukar kalla whops (Wealthy Healthy Older People). Då barnen är utflugna sedan länge så passar Lena och hennes man på att njuta lite extra av semestern och lägger hellre lite extra på att hitta något kvalitativt snarare än att spara på reskassan. Vid sina bilburna resor utgår de från en GPS där både resan samt ett stort, men något oprecist, utbud av restauranger och sevärdheter finns tillgänglig. För att få restips använder sig Lena ofta av olika reseforum på internet men även tips från vänner och bekanta tas tacksamt emot. Inkomna tips googlas sedan och lägg in i en speciell att besöka -lista, komplett med adress och en kortare beskrivning. Inte sällan händer det att Lena råkar befinna sig i samma stad som gamla bekanta, speciellt i de turisttäta svenska sommarstäderna, och då försöker hon och mannen i så stor mån som möjligt styra om sina aktiviteter så att de kan umgås några dagar. Att vännerna befinner sig i samma stad märker hon främst på Facebook och genom telefonsamtal. Persona, Lena Både Lena och mannen äger smartphones via jobbet men ingen av dem är någon storsurfare utan använder den snarast till att läsa nyheterna på Internet och kolla enstaka mail. På semestern brukade de tidigare försöka använda telefonerna så lite som möjligt för att fly tekniken och jobbstressen, men detta håller på att ändras. Då de nu använder telefonen för att ta bilder, googla restaurang-namn samt använda som vägvisare är telefonerna nu på en större del av semestern, något som inte verkar bekomma varken Lena eller mannen som nu istället sätter på ljudlöst läge när de vill semestra ostört. Anders är 31 år gammal och bor i en lägenhet i utkanten av Kiruna tillsammans med sin gråhund Melvin. Han är för närvarande singel och jobbar deltid i kommunhuset där han har hand om kommunala frågor gällande gruvarbetet som pågår i Kiruna. Eftersom han sitter mycket framför datorn på jobbet så vill han gärna tillbringa sin fritid till att vara ute i fjällskogarna. Efter sin jägarexamen fick Anders ett stort intresse för jakt och isfiske och har därför börjat utforska mycket kring just det. Inför varje jaktsäsong använder Anders ett hjälpmedel, en jaktguide som informerar och ger goda tips och råd om platser och nya bra inköp. Då han använder guiden via sin smartphone kan han välja att sortera bland vänner, för att se hur just deras kommentarer kan komma att hjälpa hans jaktäventyr. Anders tycker om att umgås med sina vänner och värdesätter den tid de har tillsammans. Vännerna, som också äger hundar, brukar oftast träffas på ett specifikt fik i centrala Kiruna där alla kan ta med sig sina hundar in. De brukar även gå på hundträffar och försöker gärna hitta nya platser där hundarna kan träffas och få sin dagliga motion. Anders använder mest Facebook där han är aktiv i olika grupper, men också för att hålla sig uppdaterad om vad familj och vänner gör om dagarna. Persona, Anders 10 Sommardesignkontoret Sommardesignkontoret 11

04.5 Användartest Syftet med att göra användartester i form av en enkätundersökningar var för att få en inblick i hur pass användbara och lättförstådda de befintliga ikonerna är idag. Många ikoner är självförklarande, medan andra är baserade på inlärd kunskap eller är erfarenhetsbaserade och skapar därför förvirring. Det gjordes en undersökning som visade användarnas tolkningssätt av ett antal valda ikoner. Svaren på vad användarna tyckte att en ikon betydde jämfördes med den funktion ikonen innebar i den befintliga appen. Detta för att se hur väl användarnas mentala modell av vad det skulle innebära att trycka på en viss knapp stämmer överens med vad som faktiskt skulle hända. Resultatet visas i Användartest 1. Till höger visas ett antal resultat från olika tester som visas i procentform. De tre diagrammen på höger sida visar resultat från undersökningar som gjordes för att se vilken ikon som var mest populär för att: a) Gilla något b) Spara till favoriter c) Betygsätta något 80% 70% 60% 50% 40% 30% Diagram a) 40% 35% 30% 25% 20% 15% 10% 5% 0% Hjärta Stjärna Smiley Flagga Bubbla Tumme Diagram b) 40% 35% 30% 25% 20% Diagram c) 45% 40% 35% 30% 25% 20% 15% 10% 5% 0% Hjärta Stjärna Smiley Flagga Bubbla Tumme 20% 10% 0% 15% 10% 5% 0% Hjärta Stjärna Smiley Flagga Bubbla Tumme Användartest 1 Tolkning av ikoner Användartest a, b, c Tolkning av ikoner 12 Sommardesignkontoret Sommardesignkontoret 13

04.6 Wireframes Utifrån SWOT-analysen skapades wireframes med ett upplägg med mycket fokus på en grund trädstruktur och utökad användning av ikoner som menyknappar. Filtrering skedde även på ett, för användaren, öppet och ständigt synligt sätt då filtreringen konstant låg längst ner väl synligt. Genom att skapa wireframes underlättades interaktionsarbetet då elementen blir tydliga och potentiella användartester och beställardiskussioner sker med fokus på interaktionen snarare än den grafiska profilen. Huvudmenyn på förstasidan är alltid densamma, och i kategorierna Mat, Boende, Tjänster, Se & Göra och Samhällsinfo är strukturen genomgående likartad. I kategorierna Transport, Väder, Erbjudanden och På Gång skiljer sig upplägget något mer. Detta för att bättre passa användarens behov samt likna de vedertagna modellerna för just desssa interaktioner. I de kategorier som är kopplade till företag eller tjänster finns interaktiva element som uppmuntrar användaren att betygsätta, gilla, kommentera och lägga upp bilder på platsen eller företaget. Dessa kan användas som ett verktyg både vid filtrering och sociala medier såsom Facebook, Twitter och Instagram. Hur mycket användaren vill dela med sig av bestäms enkelt via inställningar och via användarinställningarna. Wireframes, Samhällsinfo På de kategorier där användaren kan interagera med företaget i fysisk form finns även en symbolmeny som upplyser om eventuella djurförbud, handikappanpassning, kostnadsgrupp sam betalningssätt med mer. Om användaren söker mer information om förutsättningar så är det möjligt att klicka på symbolen för mer detaljerad information. 14 Sommardesignkontoret Wireframes, Transport Wireframes, Se & Göra Sommardesignkontoret 15

05. Slutgiltigt konceptförslag Upplägget på den nya menyn påminner om Facebooks standard vilket innebär tydliga ikoner för de grundläggande kategorierna i en grund trädstruktur. Inställningar och dylikt har lagts under dropdown menyn, vilket är vedertaget i många appar, exempelvis Spotify, Drupal och Webos. Upplägget är enkelt och bör maximalt innehålla nio ikoner för att vara det första användaren ser på förstasidan. Ikonerna kan förslagsvis bestå av kategorierna: Se & Göra, Mat & Dryck, Samhällsinfo, Boende, Tjänster, På Gång, Väder, Transport och Erbjudanden. Dessa kategorier anses särskilt användbara för en guide-app som ska användas av både lokalbefolkningen och turister. Karta Högst upp till höger finns en konstant kartikon som alltid följer med var än användaren väljer att klicka. Väljer användaren exempelvis att klicka på Se och & Göra, för att vidare klicka på Bowling så finns möjligheten alltid att snabbt komma åt kartikonen för att se var bowlinghallen finns belägen geografiskt. Filtreringen finns på tre olika områden; Gilla, Kostnad och Nära Dig. Då en filtrering är aktiv blir denna färgfylld i och med i- klickning. För att inaktivera klickar användaren ännu en gång på samma ikon. Om fler filtreringar är aktiva prioriteras resultaten efter den filtrering som valdes först. Det första resultatet filtreras då genom den andra filtreringen. Resultat som inte är rankade eller saknar uppgifter sorteras i alfabetisk ordning. Drop-down meny Denna ikon används alltmer i de moderna apparna såsom Facebook och Spotify. Här finns inställningar i form av språkval, ljud-, och vibrationsinställningar, sekretessinställningar, synkronisering och användarens egen profil. Även den generella sökfunktionen är lättåtkomlig och finns placerad allra högst upp. Exempelbild, Huvdumeny Wireframes, Tjänster 16 Sommardesignkontoret Sommardesignkontoret 17

Filtrering Filtreringen hittas längst ned i gränssnittet och består av tre fasta och klickbara ikoner Ett hjärta, ett dollartecken och en positioneringssymbol. Hjärtat symboliserar vad användaren gillar, något som användaren kan påverka genom att lägga till favoriter på gillaknapparna. Dollartecknet symboliserar en filtrering enligt kostnad och positioneringssymbolen visar vilka av alternativen som ligger lämpligast geografiskt sätt. Filtreringen kan användas i en majoritet av funktionerna, och i de fall som hela filtreringen inte kan brukas så dämpas färgerna på filtreringen ner för att visa att de är inaktiva. Huvudvyn i väderkategorin visar de städer användaren senast besökt eller gillat. Det finns möjlighet att lägga till fler städer genom att trycka på + tecknet högst upp. Den vädervy som visas är för närmast kommande klockslag. Då användaren klickar på en stad så kommer mer detaljerad information fram. Det är då möjligt att se väderrapoort timme för timme, dag för dag samt två veckor framåt och bakåt. Då nya erbjudanden uppdateras lyser en röd cirkel i huvudkategorin på knappen Erbjudanden. När användaren går in på kategorin så syns veckans erbjudande som stor bild. Tidigare veckors erbjudanden ligger som små bilder längst ner och det går att bläddra mellan olika veckor. Då användaren klickar på bilden förstoras erbjudandet och alla detaljer blir synliga. Det finns även länkar till säljföretaget samt vägbeskrivning. Genom att trycka på Ring-symbolen kopplas ett samtal per automatik upp. Exempelbild, Erbjudande Exempelbild, Väder 18 Sommardesignkontoret Sommardesignkontoret 19

06 Rekommendationer Ikonernas färgkodning i det här projektet har helt och hållet valts efter eget tycke och smak. Dessa är helt valfria och har använts mest för att skapa liv i appen. För att få en så modern app som möjligt är det viktigt att hålla sig uppdaterad om trender och förbättringar av ikoner. Ikonerna i den här rapporten har valts med omsorg med användartestet som utgångspunkt. Som framtidsvision är tanken att kunna utveckla en light profil och göra den internationell/nationell. Tanken är att appen ska kunna användas i alla städer i Sverige och så småningom runtom i världen. Idag är inte alla intresserade av att lägga ut all information på Internet, utan väljer istället att filtrera. Många appar har lyckats just för att de endast bygger på ett fåtal funktioner och är lättanvända. Meningen med ikiruna appen är att den i framtiden ska kunna användas som en rese-app där människor kan dela med sig utav sina upplevelser runtom i landet, men även utomlands. Om användaren går in på en kategori där det finns företag eller organisationer som går att träffa i fysisk form, så dyker en mer detaljerad sida upp. Där syns betyg, kommentarer, bilder, videos samt hjälpikoner som exempelvis djurförbud, handikappanpassning, prisnivå och betalningssätt. Exempelbild, Mat 20 Sommardesignkontoret Sommardesignkontoret 21

07 Sammanfattning är ett företag som drivs och ägs av Elisabeth Andersson. Ett mål inom företaget är att förbättra en befintlig så kallad i-app, vilken fungerar som en guide och i dagsläget främst i Kiruna och Gällivare. I det långsiktiga skedet är tanken att utveckla denna och skapa en mer moderna och neutral app som kan marknadsföras gentemot olika områden. 08 English summary is a company owned and run by Elisabeth Andersson. The company is located in Kiruna and produces printed materials for both individuals and other companies. works closely with other design businesses such as illustrators, photographers and video producers. wants to develop their already existing so called i-app, which today works as a guide app for people in Kiruna and Gällivare. Uppdraget var att skapa en så lättnavigerad och ren app som möjligt som går att anpassa efter olika marknader och städer. Idag är appen omodern och innehåller en enformig trädstruktur med både huvudkategorier och underkategorier. Appens målgrupp bestod av två olika grupper, varpå ena gruppen bestod av turister och den andra av själva lokalbefolkningen. Appen analyserades och jämfördes med befintliga turistappar som är aktuella i nuläget. Ett användartest gjordes i form av en enkätundersökning för att se hur pass lättförstådda och användbara de befintliga ikonerna är idag. Det slutgiltiga konceptet bygger på en lättanvänd app med tydlig placering av text och ikoner som valts med omsorg. Menyn innehåller max nio väl valda ikoner och filtreringen är synlig. En light profil har skapats som användaren har nytta för att återkoppla till andra användare och bygga ett nätverk. Även en dropdown-meny har skapats som konsekvent är tillgänglig för användaren genom hela gränssnittet. The Summer Design Office s task is to create an as easynavigated and clean app as possible. In the long-term, the idea is to develop and create a more modern and neutral version that can be used in different areas. Today, the app is old-fashioned and contains a monotonous tree-structure with both inarticulate main categories and subcategories. After having identified two target groups, tourists and locals, the app was analyzed and compared with other apps such as tourist apps that are topical in today s use. Finally, a user test was made to see how easily understood and useful the icons of the existing app are. The final concept of the new i-app is easy to use and has a legible and clear positioning of both texts and icons. The menu contains a maximum of nine well-chosen icons and the filtering is now visible. A light profile is created so the user can re-connect to other users and build his/her own network. A constantly available drop-down menu and a map icon were made, which both are selectable throughout the whole interface. 22 Sommardesignkontoret Sommardesignkontoret 23

09 Projektteam Gruppen har bestått av Tina Koohnavard Sara Elebro Sara Elebro Interaktionsdesigner Chalmers tekniska högskola Anna Hedström Trädgårdsingenjör - Design Sveriges lantbruksuniversitet Christian Heljeved Industridesigner Jönköpings tekniska högskola sara.elebro@gmail.com anna-hedstrom@hotmail.com heljeved@designff.com Projektledare Karoline Pettersson karoline.pettersson@centek.se Handledare Jon Håkansson info@f-use.se Handledare David Larsson david@davidlarsson.com Tina Koohnavard Civilingenjör teknisk design Luleå tekniska universitet Martin Svahn Arkitekt Lunds tekniska högskola Alexis Eduardo Zohlen Landskapsarkitekt Sveriges lantbruksuniveritet tina.koohnavard@gmail.com martin@pattymatty.com alexiszohlen@gmail.com 24 Sommardesignkontoret Sommardesignkontoret 25

Sommardesignkontoret Sommardesignkontoret ä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. Uppdraget har bestått av att göra en förbättrad guide-app. I detta ingick att undersöka befintliga ikoner samt upplägg. Målet var att skapa en användarvänlig app för såväl turisten som den lokala användaren. www.centek.se SVID, Stiftelsen Svensk Industridesign Sveavägen 34, 6tr 111 34 Stockholm www.svid.se