Inlämningsuppgift 3 Medeltidsveckan Responsiv redesign Grupp 8 Dina Eid Musalam, Henrik Persson, Johan Rodin & Michelle Tapper
To do In progress Completed Projektplan Samla & visualisera research Skapa 3 skilda koncept Detaljera vårt valda koncept Användartester Iterera Start 4/2 7/2 14/2 21/2 28/2 1 2 3 4 5 Presentation 7/3 1. Sök information - Hemisda - Twitter - Facebook - Liknande sidor (andra festivaler, relaterade projekt) 2. Identifiera målgrupp och intressenter 3. Utarbeta frågor/frågeformulär 1. Kontakta olika intressenter, användare etc 2. Analysera information 3. Skapa 3 skilda koncept utifrån research 4. Välj ett koncept!! 1. Detaljera valt koncept mha wireframes & skisser. 1. Gör användartester mha prototyper, mock-ups, skisser mm. 2. Påbörja iterering av koncept baserat på feedback från användartester & handledning 1. Presentation & inlämning.
Completed Samlat demografiinformation om festivaldeltagare, konkurrent/omvärdsanalys, statistik FB- gillare, mest populära aktiviteter Undersökning från 2006 (urval= alla ), 2007 (folk på plats under M-veckan), 2011(besökare på hemsidan om M-veckan), BEHÖVS KOMPLEMENTFRÅGOR OM HEMSIDAN (intervjua två besökare av hemsidan) Kontakt med Björn Sundberg, Marknads- & kommunikationsansvarig, Medeltidsveckan Preliminär analys av målgrupp Den vanliga turisten, den medeltidsintresserade turisten/aktivisten Kvinnor: 66% Över ¾ = 20-49 år (45% = 39-49 år, 23% = 20-29 år Medelålder: 33-37 år (beroende på vilket år mätning görs) 20-25% från Gotland, ca 30% från Götaland, ca 30% från Mälardalen, ca 10% från utlandet En stor del av besökarna är där pga semester och många är återkommande till M-veckan. Ca 75% är där nästan uteslutande pga M-veckan Marknad och specifika programpunkter upplevs av ca 50% som de viktigaste aktiviteterna Ca 70% av deltagarna är passiva-deltagare Ca 85% är mycket nöjda (5=41%, 6=44% på en 1-6 skala) Ca 65% upplever stor historisk känsla
Steg 1 Identifiera målgrupp/intressenter: Facebook Medeltidsveckan på Gotland Twitter MVkansli@medeltidsveckan Gantarna, Gillet St. Olofs Yxa, Gutars Bågskyttar, Medeltidsgillet Medeltidsveckans Amatörteatergrupp, Riddarsällskapet Torneamentum Shorinji Kempo, Styringheim Gotland Turistbyrå/Visit Gotland/Guteinfo.com Undersökning på Facebook Sverok marknadsundersökning 2007 Medelstidsveckans marknadsundersökning 2011 Kontakt med Björn Sundberg, Marknads och kommunikationsansvarig
Genomförda intervjuer Intervjuer genomförda 6 kvalitativa & personliga intervjuer genomförda 5 kvinnor, 1 man Kvantitativ webenkät utsänd till minst 20 gillare på Medeltidsveckans Facebookgrupp 10 svar Analys av intervjumaterial (samt avstämning Björn Sundberg M- veckan) Primär målgrupp Sekundära målgrupper Kundmål Användarmål Sedan tidigare är material från TUI 2007, M-veckan 2011, FB-gillare 2013 analyserats
Primär & sekundära målgrupper Primär målgrupp/användare av hemsidan: den vanliga turisten ¾ av besökarna mellan 20-49 ungefärlig medelålder 33-37 år drygt 60% är kvinnor 15% 0-17 år (minst 30% av primärmålgrupp?!) Sekundär målgrupp: Press & Media entusiasterna (främst via sociala medier)
Olika mål Vårt mål: Renodla informationen på hemsidan Informationen = lättillgänglig, enkel och snabb att hitta med så få klick som möjligt Dynamisk & kopplad till sociala medier Kundmål Kunden = Arrangören av Medeltidsveckan 2013 = 30-års jubileum "Det ska bli en folkets fest och det ska verkligen märkas att det är jubileum. Målet är att ingen i Sverige ska missa att vi fyller 30 år. Jubileet ska bli en stor fest för folket! forts
Primär målgrupp intryck av hemsidan
Användarmål Användarmål: 1. Program - tider ~ barn 15% 0-17 år 2. Boende 3. Reseinfo 4. Övrigt 5. Väder/mat/barn
Analys av användarmål
Vi arbetade fram tre olika koncept & valde det okonventionella!
Moodboard Tanken är att vår primära målgrupp, den vanliga turisten, ska mötas av en bild som andas mystik och äventyr och som lockar att stanna kvar och läsa mer på sidan.
Våra Wireframes Vårt koncept utgår från en central bild med syfte att trollbinda besökaren All navigation har därför fått en något mer undanskymd position än vid mer traditionell design av hemsidor Vi har valt att behålla 4 snabblänkar från de bortvalda designkoncepten, då dessa representerar de viktigaste informationsbehoven för vår målgrupp
LOGO M SÄLJANDE TEXT SNABBLÄNKAR Logga Medeltidsveckan + datum G L O B A L N A V I G A T I O N
Ipad plattform horizantal
Ipad plattform horizantal
Ipad plattform horizantal
Ipad plattform vertical
Ipad plattform vertical
Iphone plattform horizantal
Iphone plattform vertical
Användartester 7 genomförda tester på representanter från primär målgrupp den vanliga turisten, 20-49 år, 60% är kvinnor, en hel del har familj/barn
Vårt val av koncept Bild med säljande text i fokus på första sida för att skapa omedelbar känsla och attraktionskraft till festivalen Snabblänkar som ger direkt access till den viktigaste informationen (utifrån behov från intervjuer) Global navigation längst ner på hemsidan för att ge bild och känsla högsta prioritet
Test prototype
Resultat av användartester Vårt koncept Över lag positiva till vårt koncept och tanken bakom vår design Viktigt att design smälter in i helheten Bra koncept men mörkt Lättöverskådlig Navigation Svårt att hitta Hem-funktion via logotype Oavgjort när det gäller vilken väg användaren väljer att ta för att hitta information om behov nr 1: aktiviteter/program. Inga problem för användarna att hitta den information vi frågar efter Hittar olika vägar att nå informationen om vi fortsätter att fråga! Viktigt att länkar nås både genom att klicka och dra på Ipad/Iphone Snabbmeny istället för länkar??? Iphone-funktioner karta, program, priser, marknad. Fungerar inte som den är just nu Bra bilder till snabbfunktioner Språkbruk Viktigt att döpa länkar tydligt, tex program, aktivieter, festivalprogram/resa & bo, bokning och biljetter. Här blir det lite förväxling Övrigt Dock skulle vi ju göra om designen här så att den inte innehåller allt som vår vanliga hemsida gör. Designen för Iphone bör göras om för att vara mer applikationslik Kartfunktion måste förbättras för alla plattformar Det bör stå sök i sökrutan. Viktigt att alla knappar och länkar reagerar både när man hovrar och trycker.
Ändringsförslag - redesign Samma koncept med följande ändringar: Lägg till hemfunktion + M-logga, transparant? Flytta upp info om M-veckan+datum Ge bilden mer liv Ikoner i program Snabb länkar Text placeras under bild Byt namn på Bokningar & biljetter till Biljett Hur designa länkar så att användaren förstår att det går att både trycka och dra FB/Twitter? Ipad = samma design som PC bortsett från att global navigation visas på två rader. Iphone = redesign. Syftet är mer att fungera som kompletterande information till PC/Ipad och inte som införsäljning av festivalen. Överst = logotype Utökade snabblänkar Program (+ikoner) Marknad Karta Biljetter
Designprocess Lägg in wireframe Identifiering av den primära målgruppen den vanliga turisten Analys av användarens mål, behov och första intryck resulterade i 3 olika designkoncept Förbättringar Samla & visualisera research Skapa 3 koncept Detaljera utvalt koncept Användartester & iterering Det ska bli en folkets fest och det ska verkligen märkas att det är jubileum. Målet är att ingen i Sverige ska missa att vi fyller 30 år. Moodboard, prototyper & detaljerat designkoncept
LOGO M SÄLJANDE TEXT SNABBLÄNKAR Logga Medeltidsveckan + datum G L O B A L N A V I G A T I O N
Iphone plattform horizantal