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
7/2
Start
4/2
1
1.
2.
3.
Sök information
- Hemisda
- Twitter
- Facebook
- Liknande sidor (andra
festivaler, relaterade
projekt)
Identifiera målgrupp
och intressenter
Utarbeta frågor/frågeformulär
Detaljera vårt
valda koncept
14/2
2
1.
2.
3.
4.
Kontakta olika
intressenter, användare
etc
Analysera information
Skapa 3 skilda koncept
utifrån research
Välj ett koncept!!
Användartester
21/2
3
1.
Detaljera valt koncept
mha wireframes &
skisser.
Iterera
28/2
4
1.
2.
Gör användartester mha
prototyper, mock-ups,
skisser mm.
Påbörja iterering av
koncept baserat på
feedback från användartester & handledning
Presentation
7/3
5
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 Mveckan)
–
–
–
–
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.
2.
3.
4.
5.
Program - tider ~ barn 15% 0-17 år
Boende
Reseinfo
Övrigt
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
Logga
Medeltidsveckan
+ datum
G LO BAL NAV I GATI O N
SNABBLÄNKAR
SÄLJANDE TEXT
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
–
–
–
–
•
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
–
•
Ö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
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:
–
–
–
–
•
Snabb länkar
–
–
–
•
•
•
Lägg till hemfunktion + M-logga, transparant?
Flytta upp info om M-veckan+datum
Ge bilden mer ’liv’
Ikoner i program
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
Samla & visualisera
research
Analys av
användarens mål,
behov och första
intryck resulterade i 3
olika designkoncept
Skapa 3 koncept
”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.”
Förbättringar…
Detaljera utvalt
koncept
Moodboard,
prototyper &
detaljerat
designkoncept
Användartester &
iterering
LOGO
M
Logga
Medeltidsveckan
+ datum
G LO BAL NAV I GATI O N
SNABBLÄNKAR
SÄLJANDE TEXT
Iphone plattform horizantal