Uppdrag 2 Individuell rapport Jonas Möckelström

Relevanta dokument
Slutrapport uppgift 2

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

Vi jobbar med framsidan ;D

Slutrapport Uppdrag 1 Introduktion till UX-produktion. Johanna Lundberg Finnsson HT2016

Projekt X: Effektkartan

Slutrapport uppgift 1

Wireframe när, vad, hur och varför?

Bonus Rapport Kommersiell Design KTH

Lathund för webbshop

PROJEKT ALBYLEN. Datum: 25 mars AV: Magnus Lindgren, Mattias Jonsson, Alexander Paskota, Jimmie Yngvesson, Erik Nilsson

Bilaga 4 c: Processkartläggning

Sökmotoroptimering. Hur gör jag min sida sökmotorvänlig?

Med kunden i fokus Kurshäfte 2011

Konverteringsskola Del 3: Vad är användbarhet?

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt

TIPS FÖR ATT ÖKA 3DIN FÖRSÄLJNING

Välkommen till shoestore.se

Hur ska man få förpackningen att hålla ihop?

FRAMGÅNGSRIK E-HANDEL BÖRJAR HÄR

Mamut Business Software. Introduktion. Mamut Enterprise Variation Web

Q-Inspirations by Q-railing

Handla i vår webbshop!

PM till utbildningsmaterial om Gemensamma grunder för samverkan och ledning vid samhällsstörningar

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

FUB och Klippan - Vårt webbverktyg I din webbläsare, skriv in eller klicka på Logga in längst ner på startsidan.

We cannot solve our problems with the same kind of thinking we used when we created them

Lathund och inspiration. Så utformar du din föreningssida på celiaki.se

NYA PLANERA & KALENDERN SÅ FUNKAR DE. Länk: (använd din galento-login) Feedback:

Kursen som helhet. 1. Har du nått kursens mål. 2. Hur fungerade startdagen i ditt eget lärande?

Snabbguide: Hur man öppnar en egen nätbutik

Game of 40. Regler och om sidan är in princip samma sak. Det som skiljer dem åt är att de inte har samma text.

Gruppövning undersöka organisatorisk och social arbetsmiljö

Sveriges bästa kommunwebb

Utvärdering. Konferens psykisk ohälsa 2015

Små förändringar. Stora resultat.

Så beställer du via ny och enkel e-handel

Barnfattigdom. Arbetsplan för en studiecirkel

PM till utbildningsmaterial om Gemensamma grunder för samverkan och ledning vid samhällsstörningar

Medan Aktiv inlärning

GUIDE. Administrativ uppstart

Beställa varor från Webbutik KUL

1. Polopoly och webbpublicering på SU

Manual för diskrimineringstester. En vägledning i hur du kan testa om du blir utsatt för diskriminering på bostadsmarknaden.

6. Att få mer gjort under en dag - Time Management

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

LATHUND FÖR FRAMGANGSRIKT PAVERKANSARBETE. 2. Möte med. att tänka på före, under och efter besöket

Arbeta med resultatet Steg 3: Åtgärder. En guide om hur du går vidare från insikt till handling

Innehållsinventering Få koll på ditt innehåll

Momentplanering: Vetenskapliga begrepp i samhällsdebatten och samhällsvetenskaplig metod

Gör en egen webbplats

Dialogue Technologies Effektiv kundtjänst

Skapa innehåll. Logga in och administrera hemsidan. Inloggningslänk: Byta lösenord

KREATIVA PROCESSER FÖR ALLA. Ett konkret exempel steg för steg

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

Den här utmaningen är för dig som i förväg har beställt Magdas hemliga Scrapfeberkit!

Nordplus Vuxen ansökarstöd 2017

Leda & lära i tekniktäta klassrum

Beställa varor från webbutiken för provtagningsmateriel, remisser och övrigt materiel.

Får jag använda Wikipedia?

Välkommen till Studiekanalen.se

Använda Office 365 på en iphone eller en ipad

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Bra konvertering Grunden till en lönsam affär för alla parter. A. Lägg grunden: Prioritera Strukturera - Fokusera

Hur jag skapar en webbplats värd kr/år på 49 dagar med endast 10 timmars arbete

Mångdubbla din försäljning med målsökande marknadsföring

Kompletteringsuppgifter för missade seminarier/projektdagar

Dags för ännu ett spännande program från Piku AB, med fokus på lönsamma affärer för dig som driver företag inom besöksnäringen!

PM till utbildningsmaterial om Gemensamma grunder för samverkan och ledning vid samhällsstörningar

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

PM till utbildningsmaterial om Gemensamma grunder för samverkan och ledning vid samhällsstörningar

SMARTA SÄTT ATT HITTA NYA KUNDER! Lyckas är att ligga steget före

Start. Your Information and Technology Partner. Citec_Presentation_Kalmar_ ppt Copyrights 2004 / Citec Information Oy Ab

Kombinationer och banor i agilityträningen

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:

Designmönster som dokumentation och utveckling av IKT i undervisningen

Nya uppsala.se. Att förenkla medborgarnas vardag genom användarstyrd design av webb och tjänster. Webbstrategidagarna offentlig sektor 2014.

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

Sökmotorns roll på det sociala intranätet

Manual HSB Webb brf

Checklista med Tips & råd för din webbplats

Tillsammans skapar vi fler möjligheter för alla att syssla med kultur!

Cheat Sheet Nybörjarguide för Facebook och Instagram

Prototyper och användartest

Enkätresultat för SIK15 Omvärldsanalys och informationssökning 7,5 hp. 31SOI1 H15-1 Kursansvariga: Rolf Hasslöw, Ingrid Johansson

Det handlar om teknik också!

TILL ÄMNESGRUPPEN. Ett upplägg för fem träffar. Vinster med kollegialt lärande

Joomla CMS Del 2 av 2

Inlämning etapp 4 IKOT Grupp B.5. INNEHÅLL Inlämning av etapp 4 IKOT André Liljegren Martin Johansson Katrin Wahlstedt

Crossmedia design. Crossmedia design (27311VT14) Results of survey. Startade: den 21 juni Avslutad: den 22 augusti 2014

Lektion 1 PRESENTATION AV MIG OCH DIG VARFÖR HAR VI SLÖJD? VEM BESTÄMMER VAD VI SKA GÖRA? REGLER OCH SÄKERHET

Grafisk profil till Dear Area

Dagens Agenda. Certifieringsutbildning

Design för användbarhet

Kommunikation för dataloger (DA3013)

Smarta designtips för urban compact living från Bemz Fantastiska överdrag för IKEA möbler

Kvinnor och män i statistiken 11

Pendietisten. Edith Aggling, Alma Söderström Te15 Design Tannbergsskolan

MITTUNIVERSITETET

Transkript:

Uppdrag 2 Individuell rapport Jonas Möckelström Sammanfattning individuell arbetsprocess Efter att vi gemensamt formulerat problemställningarna började jag fundera över möjliga lösningar. Under hela processen har jag utgått från personan och scenariot från uppgift 1, och försökt identifiera de viktigaste sakerna att ta hänsyn till i det här fallet: Personans tidsbrist webbplatsen måste vara snabb, tydlig och lättanvänd. Personans behov av social status information om trender etc, och fakta om produkterna för att kunna vara påläst och därigenom kunna visa sig ha koll. Att webbplatsen använder beprövade designmönster för att förstärka de två ovanstående punkterna. Generellt har jag skissat ganska fritt efter förutsättningarna ovan, och jobbat med de idéer som kommit för mig under tiden. Jag tycker dock att de initiala idéerna oftast behöver förfinas och testas i olika sammanhang, eftersom de ibland inte fungerar som man först tänkt. Därför har jag också i ett par av fallen skissat varianter av samma lösning/idé för att se om de kunde förbättras. För navigeringsproblemet, som hör ihop med den första punkten ovan, tänkte jag att det borde ha en enkel lösning som använde beprövade designmönster, t.ex. bread crumbs. För att få inspiration tittade jag på några olika exempel från http://ui patterns.com/patterns/breadcrumbs Därefter började jag skissa fram ett par olika lösningar. De två första skisserna använde just bread crumbs, med alternativa placeringar för att se vad som fungerade bäst ur layout och användbarhetssynpunkt:

Sedan började jag fundera över om det var det rätta sättet att underlätta navigationen i detta fall. Sidan har i nuläget ingen hierarkisk struktur, utan använder taggar för att sortera produkterna. Jag skissade två varianter som använde en slags hybrid av taggar och bread crumbs för att åtminstone ge lite hjälp till användaren att orientera sig. Jag noterade även några frågeställningar/problem som skisserna gav upphov till, vilka kändes intressanta att ta med sig i det fortsatta arbetet gärna som underlag för gruppdiskussioner.

Den sista varianten använde strukturen från söksidan så att man känner igen sig utifrån vilka produkter man tittar på. Konsekvent struktur och upprepade mönster hjälper användaren att orientera sig. När det gäller det andra problemet, hur man skulle kunna personifiera webbplatsen (vilket hör ihop med den andra punkten ovan) läste jag på en del om detta för att få idéer på lösningar, främst dessa artiklar: http://www.uxbooth.com/articles/improve conversions with better personalization/ http://ux.walkme.com/4 basic ways use personalization improve conversion rate/ https://uxplanet.org/personalization in ux design 5 examples from leading apps 8259a8243 b5b#.hafwvjyyp Därifrån tog jag bland annat med mig att tänka ett steg bortom den vanliga lösningen köptips och istället fundera över andra smarta sätt att använda den personliga informationen. För att samla information om användaren och kunna personifiera webbplatsen valde jag en lösning där användaren får göra ett antal icke tvingande val/inställningar vid registreringen (valen finns även tillgängliga på profilsidan/min sida om man vill ändra dem senare). Valen är få men relevanta, vilket ökar chansen att användaren faktiskt gör valen och ger butiken den önskade datan. Här finns chansen att göra upplevelsen av platsen riktigt personlig, t.ex. genom att användaren anger sin sko och klädstorlek kan systemet via ett modalfönster (ett designmönster) varna om man lägger en annan storlek i varukorgen eller berätta att en viss sko inte finns i användarens storlek. En enkel funktion som bygger förtroende hos användaren, och som jag tror att personan skulle uppskatta mycket.

Det som visas på startsidan styrs av användarens valda favoritmärken och köp /besökshistorik. Detta har jag försökt visa i ett par skisser där jag provat olika varianter av layouten (se ovan och nedan) och kombinationer av personifierat/ej personifierat material.

Till sist en skiss på produktsidan där jag lagt till köptips, en vanlig lösning (dvs ett beprövat designmönster) för att personifiera webbplatsen och samtidigt öka merförsäljningen. Jag har även föreslagit att ett utrymme kan användas för länkar till artiklar/fördjupningstexter som personan kan använda för att skaffa sig mer koll. Även dessa tips styrs av favoritmärken samt köp och besökshistorik. Reflektioner Även denna gång tyckte jag att det mest givande momentet var gruppdiskussionen där man fick ta del av de andra medlemmarnas idéer och infallsvinklar. Det var ett par lösningar som återkom hos flera oss, men alla hade även egna idéer som var ögonöppnare för oss andra. Det var också intressant att se hur gruppen utvecklade idéerna i skisserna genom att kombinerade flera delar till nya lösningar eller genom att använda skisserna som språngbräda för helt nya idéer.