# data[].attributes.headline
Kunskapsvärdering och reflektion efter workshops

# data[].attributes.subject
Kunskapsvärdering och reflektion efter workshops

# data[].attributes.body
Jag kan inte påstå att min workshop ledde till ett SIGNIFIKANT utvecklat designprojekt, men jag fick några nya bra idéer. Alla verkade vara överens om att innehållet på webbsidan jag skapar behöver vara interaktivt och intressant att ta del av. Idén med infographics kommer jag ta vidare, då det finns ett behov av användningsguider för moraknivs produkter. Anledningen till att jag inte upplevde workshopen som så väldigt utvecklande var nog tidsbegränsningen. Dels genom att jag och de andra deltagarna hade behövt mer tid att observera, testa och sätta oss in i varandras projekt innan workshoperna. Mycket av kunskapen som producerades under workshopsen var sådant som projektägaren redan tänkt på eller till och med redan implementerat. Dessutom var tiden för charetterna ganska kort, man hann inte börja skissa så mycket så det blev mycket idéer nedskrivna i text helt enkelt. Däremot känns det inte försvarbart att vi ska sätta oss in i varandras projekt i för stor utsträckning heller, då i varje fall jag vill lägga ned så mycket tid som möjligt på mitt eget projekt.

Eftersom mitt projekt inte är så väldigt unikt i sig så kommer jag att fortsätta att behöva lokalisera det unika i själva designprocessen, som jag dokumenterar här på padlet. Se bland annat inlägget "Vår designprocess". Jag kommer också att göra ett inlägg som visar på processen från pappersskiss till färdig sida, i gestaltat material. Fram mot utställning så vill jag också kunna visa på processen i ett finare gestaltat material såsom video eller infographics. Självklart kommer jag också stolt visa upp själva resultatet av projektet, webbplatsen.

# data[].attributes.body
Idéer:
* Motivera företag att ansluta sig till appen
* Recensera och kommentera med foton
* Motivera användaren att interagera

# data[].attributes.body
Idéer:
* Exempel på hur man kan visa betyg på en karta
* Lägga till röstnavigering
* Någon form av belöningssystem (ex rabatter) som kan motivera användaren att interagera med appen

# data[].attributes.body
Idéer:
* Observera användarens beteende i offentliga miljöer
* Chattruta kopplad till ex restaurangen
* Community

# data[].attributes.body
Idéer:
* Mindmap som kopplar ihop personer med liknande tankar till en gemensam chatt
* Filosofer som "Siri" i telefonen
* Lista med trendande filosofiska tankar

# data[].attributes.body
Idéer:
* Olika chattmedier, ex ljud, video, kartor...
* Chatt där olika filosofer svarar på samma fråga
* Funktion så man kan bestämma nivån för sitt lärande

# data[].attributes.body
Idéer:
* AI-chatt
* Mer visuellt material
* Förflyttning i tiden - olika filosofiska tankar

# data[].attributes.headline
Mitt deltagande i Laila Feltbys Workshop 24/3 

# data[].attributes.subject
Mitt deltagande i Laila Feltbys Workshop 24/3 

# data[].attributes.body
Laila och Jonas jobbar tillsammans med en tjänst som ska hjälpa rullstolsburna att ta reda på tillgänglighetsnivån på olika platser, såsom restauranger eller andra besöksmål. I denna workshop ville Laila ha idéer på hur man kan involvera användaren mer i tjänsten.

# data[].attributes.headline
Mitt deltagande i Ib Thorups Workshop 24/3

# data[].attributes.subject
Mitt deltagande i Ib Thorups Workshop 24/3

# data[].attributes.body
Ib ville ha idéer till sin hemsida som ska fungera som en plattform för lärande av filosofi. Specifikt så ville han ha exempel på hur en chattfuktion eller social interaktion skulle kunna se ut och fungera.

# data[].attributes.body
Rum 3 har skissat på lite olika element, men inget som skiljer sig markant från det som jag redan gjort själv.

# data[].attributes.body
Här har deltagarna fokuserat en del på interaktiva/ element, dvs hovereffekter och animationer. Detta är också något jag från början velat implementera på hemisdan, eftersom Moraknivs nuvarande hemsida är väldigt statisk och icke-interaktiv. Hittills har vi bara jobbat med enklare hovereffekter (på knappar etc.) men vidare i projektet (troligtvis i slutfasen) så är målet att implementera exempelvis scrollanimationer.

# data[].attributes.body
Lika här ligger fokus mycket på det interaktiva såsom bildspel och spel. En idé jag tar med mig härifrån är att eventuellt kunna använda infographics. Morakniv har användarguider i videoformat, men de skulle man kunna komplettera med just detta.

# data[].attributes.body
Under min Workshop så efterfrågade jag fler exempel på olika element som går att använda vid byggandet av olika infosidor (exempelvis historia, om oss, m fl.). Jag har redan designat ett antal olika sådana element (se "Olika element" här på padlet), men behövde tips och inspiration på fler sådana. Nedan presenterar jag bilder på de olika workshoprummens resultat samt reflektioner kring dessa:

# data[].attributes.body
Under den 24/3 körde min grupp Workshops/Designcharetter under en stor del av dagen. Min grupp bestod av Laila, Ib, Angieszka, Julia, Kani, Emilia och jag själv Sara. Vi använde oss av Discord där vi skapade olika ljudrum utefter exemplet på kursytan. Skissandet möjliggjordes med hjälp av tjänsten awwapp.com.

# data[].attributes.body
Här är en digital skiss över förstasidan på Moraknivs web. Vissa delar tog vi med oss till utvecklingen av sidan medan andra fick strykas, efter flera iterationer och feedback från andra medarbetare.

# data[].attributes.headline
Halvvägs in i projektet och lite om Wordpress (Skrivet 21/3)

# data[].attributes.subject
Halvvägs in i projektet och lite om Wordpress (Skrivet 21/3)

# data[].attributes.body
Nu har vi kommit ungefär halvvägs rent kursveckomässigt, och hittills har arbetet på Morakniv gått väldigt bra. Vi har i princip hela tiden jobbat enligt det som finns beskriver under "designprocessen" här på padlet. Nu däremot kommer det att ändras lite. Vi har kommit så pass långt att vi skapat ett manér rent designmässigt som vi och andra tycker fungerar. Vi har även betat av design och utveckling (även responsivt) på framsida, produktarkiv och produktsida. Det ska finnas många andra sidor på webbplatsen som behöver vara mer informativa och inte lika interaktiva som exempelvis ett produktarkiv. Dessa sidor ska också vara estetiskt tilltalande med fina bilder och genomtänkta texter. Därför har vi valt att designa olika element som vi kan bygga dessa sidor av, se exempel på dess under den digitala skissen "olika element" här på padlet. Dessa är designade från grunden men de är också kopplade till Wordpress, vilket betyder att jag kommer kunna bygga sidor med hjälp av dessa. Under tiden kanske de behövs fler element, och då får jag helt enkelt designa fler sådana som Fredrik utvecklar.

Detta känns som ett bra sätt att effektivisera byggandet av hela webbplatsen så både jag och Fredrik kan bygga riktiga sidor. Det är också ett ypperligt tillfälle för mig att bekanta mig med Wordpress då de kunskaperna är ganska eftertraktade på arbetsmarknaden och något jag bör kunna använda som designer. Tidigare har jag bara hobby-pillat lite i Wordpress men det är intressant att använda det i ett skarpt läge med riktigt innehåll och till och med en webbshop. Jag ser det också som en möjlighet att lära mig lite mer om exempelvis SEO.

Självklart kommer jag att fortsätta att skissa och ta fram förslag på sidor som behöver vara mer användarvänliga och ha mer funktionalitet. Exempelvis har vi inte helt kommit underfund med hur toppnavigationen ska designas, och vi har även fler sidor kvar som exempelvis varukorg och hela betalningsflödet. Jag ser fram emot att mixa arbetsmetoder under den kvarstående tiden.

# data[].attributes.body
Här nedan visar jag ett exempel på hur en sida på webbplatsen skapas. Läs mer och djupare om detta under "designprocessen".

# data[].attributes.body
På den här skissen syns förslag till olika element som ska gå att kombinera för att bygga opp olika sidor som består av information (alltså inte särskilt interaktiva) Det handlar om sidor som exempelvis Historia, Ambassadörer och reportage kring dessa, butiker med mera. Dessa element stylas för att matcha resten av sidans manér, och sedan är tanken att jag direkt i CMSen (wordpress) kan kombinera dessa för att bygga olika sidor. Det kommer med andra ord göra designprocessen mycket effektiv.

# data[].attributes.body
Här tänkte jag beskriva hur designprocesser i vår projektgrupp på Morakniv går till. Jag är på plats på företaget 10 timmar i veckan, alltså lite mer än en arbetsdag. Vi som är aktiva inom projektet är jag, som gränssnittsdesigner, och Fredrik som utvecklare. Designen utvecklas från grunden men den utvecklas mot CMSen Wordpress. I allmänhet kan man beskriva mitt och Fredriks arbetssätt som straight forward, effektivt och med snabba och många iterationer. Dessa iterationer sker både på övergripande nivå men också mycket på detaljnivå. Vi har ett prestigelöst arbetssätt där båda utan problem kan säga vad de tycker, vilket underlättar arbetet. Såhär kan processen se ut:

Jag och Fredrik brukar ofta ha ett eget morgonmöte när jag är på plats på kontoret. Vi brukar här gå igenom vad han har hunnit med att utveckla sedan förra veckan, och så bestämmer vi vad som är bäst att göra under dagen som kommer. Egentligen betar vi mest av designen från sida till sida på webbplatsen, utifrån det dokument/sitemap vi tagit fram över vilka sidor som behövs finnas på webbplatsen. Vi började t ex med att designa en förstasida, för att få en känsla och ett manér för hur resten av webbplatsen skulle kunna se ut. Nästa vecka jobbar vi med produktarkivsidan, och veckan efter det själva produktsidan, till exempel.

Jag börjar att skissa på en sida. När vi kommit överens om vilken sida vi ska jobba med så börjar jag med att skissa med papper och penna på olika förslag, detta är mest för min egen del och för att prova olika lösningar. Se exempel på detta under "skisser: papper och penna"  här på padleten.  Därefter väljer jag en av dessa som jag går vidare med, och bygger en digital skiss utifrån. Exempel på digitala skisser kan du också se här på padleten under "skisser: digitala". Dessa skapar jag i Adobe Illustartor. Dessa har rent utseendemässigt en ganska hög fidelity och är av karaktären look & feel. Däremot är de inte interaktiva, men det kommer jag tillbaka till sedan. Tanken är i varje fall att det kodande resultatet ska vara i princip identiskt med skissen, med undantag för att vi itererar och gör ändringar såklart. När jag är "klar" med en sådan här skiss, eller utkastet till en sådan, så skickar jag den till Fredrik.

Därefter så brukar vi diskutera skissen. Då pratar vi bland annat om hur sidan ska bete sig på andra enheter, och hur interaktioner och animationer ska implementeras. Om sidans utseende behöver en helt ny layout för mindre enheter så tar jag fram en skiss även för det kan se ut. Vissa sidor däremot är förlåtande i den mening i att elementen enkelt staplas på varandra, men andra behöver en mer mobilanpassad layout. Vi pratar också om olika typer av interaktioner såsom hovereffekter, dropdowns eller knappar. När vi klargjort eventuella frågetecken kör Fredrik helt enkelt igång med att utveckla sidan utifrån den digitala skissen, se exempel på detta under "Från pappersskiss till färdig webbsida".

När den aktuella sidan börjar att få ett färdigt utseende så brukar vi igen ta ett snabbt möte för feedback och iteration. Ofta kommer feedbacken från min sida och det kan exempelvis handla om avstånd mellan element, en pixel hit eller dit. Och här är vi egentligen tillbaka på steg 1 i processen, och sedan snurrar vi runt såhär sida efter sida. Arbetet går därmed framåt hela tiden.

När vi sedan utvecklat och designat ett tag brukar vi också ta in feedback från andra personer på företaget. Detta sker med 2-3 veckors mellanrum och brukar involvera personer från olika avdelningar, allt från försäljningschef till produktutvecklare och kommunikatörer. Dessa möten sker som öppna samtal där alla får titta på hemsidan, brainstorma nya idéer och tycka till om design och funktioner. Dessa idéer tar vi med oss vidare i arbetet. Ibland behöver vår chef ta beslut om vilka delar som är viktiga att ta med, men själva designen och utvecklingen har jag stort inflytande över. Hittills har vi fått nyttig feedback men också många som tycker att sidan ser bra ut vilket glädjer mig.

# data[].attributes.body
Tidig skiss av produktarkivsida

# data[].attributes.body
Denna ledde fram till sitemapen till vänster

# data[].attributes.body
Nedan presenteras en sitemap över webbplatsens tänkta sidor. Trädstrukturen är baserad på navigationen som ska ligga överst på hemsidan. Först skapade jag en sitemap utifrån de idag existerande sidorna på webbplatsen, som jag och Fredrik sedan reviderade och anpassade efter den nya webbplatsens behov. Därefter hade vi ytterligare ett möte med marknadsansvarig och copywriter, för att klargöra vilka sidor som är viktiga och behöver vara lättast att navigera till. Denna plan kan förstås komma att ändras, med den har bidragit till en bra insikt om webbplatsens struktur och vilka sidor som behövs finnas med.

# data[].attributes.body
Härliga scroll och hover-animationer.

# data[].attributes.attachment_link.readable_text
With six private sun-washed treatment rooms, La Vidorra is dedicated to your serenity and tranquility. As a guest of La Vidorra Spa at The Scott, please enjoy the complimentary use of the Resort pools, fitness center, bathrobes, slippers, and special blend of herbal teas.

# data[].attributes.attachment_link.title
The Scott Resort & Spa | Scottsdale Hotel, Wedding & Event Venue

# data[].attributes.attachment_link.description
With six private sun-washed treatment rooms, La Vidorra is dedicated to your serenity and tranquility. As a guest of La Vidorra Spa at The Scott, please enjoy the complimentary use of the Resort pools, fitness center, bathrobes, slippers, and special blend of herbal teas.

# data[].attributes.body
Trevlig och prisvinnande UX och navigation, visar på olika alternativ för att visa upp produkter (i detta fall skor).

# data[].attributes.attachment_link.readable_text
Japanese weaving traditions since 1888: Explore our latest low-top, featuring a premium canvas upper from a traditional family-owned mill: Kurashiki Hampu. Their fabric is made form a firm cotton-hemp blend that is own for its extreme durability and unique aging characteristics.

442 likes Shop this item

# data[].attributes.attachment_link.description
Japanese weaving traditions since 1888: Explore our latest low-top, featuring a premium canvas upper from a traditional family-owned mill: Kurashiki Hampu. Their fabric is made form a firm cotton-hemp blend that is own for its extreme durability and unique aging characteristics. 442 likes Shop this item

# data[].attributes.body
Konkurrent till Morakniv som också inspirerar på ett B2B-plan gällande hur man visar upp produkter och tänker angående e-handel.

# data[].attributes.attachment_link.title
Opinel | Site officiel de la marque Opinel

# data[].attributes.attachment_link.description
Depuis 1890 Opinel fabrique au coeur des Alpes françaises, en Savoie, des couteaux et outils de qualité. Le couteau de poche Opinel, simple, fonctionnel et malin, est devenu au fil du temps une icône design mondialement connue. Aujourd'hui la marque décline son savoir-faire sur d'autres univers : outils de jardin, couteaux de cuisine et de table...

# data[].attributes.body
Av samma anledning som fjällräven. Här är också färger och fotografi inspirerande och hållbarhet genomsyrar hemsidans anda.

# data[].attributes.attachment_link.readable_text
Fri frakt & 365 dagars öppet köp | 1-3 dagars leverans

Handla vinterkollektionen till lägre priser

Passa på att handla utgående vinterprodukter med 30% rabatt och äldre säsonger med upp till 60% rabatt.

Säsongens produkter

W's Fall in Parka
6 000 SEK

4 200 SEK

M's Fall in Parka
6 000 SEK

4 200 SEK

W's Rollercoaster Jacket
6 000 SEK

M's Rollercoaster Jacket
6 000 SEK

Hela vår kollektion är tillverkad i hållbara tyger

100% - Vi gjorde det!

Alla plagg i säsongens kollektion är tillverkade i återvunna, återvinningsbara, förnybara, biologiskt nedbrytbara eller Bluesign-certifierade tyger.

Hållbar design

Hållbarhet

Så vill vi förändra världen

Vi har kommit långt i den transformation som vi ser framför oss, men som företag måste vi ta oss bortom noll och bli en positiv och regenerativ kraft för samhället och planeten.

Redo för sportlovet

# data[].attributes.attachment_link.title
Houdini Webbutik | Houdini Sportswear Official

# data[].attributes.attachment_link.description
Fri frakt & 365 dagars öppet köp | 1-3 dagars leverans Handla vinterkollektionen till lägre priser Passa på att handla utgående vinterprodukter med 30% rabatt och äldre säsonger med upp till 60% rabatt.

# data[].attributes.body
Fjällräven delar till viss del målgrupp med moraknivs slutkonsumenter, dvs outdoorintresserade. Hemsidan är fin och tydlig och visar upp produkter på ett bra sätt.

# data[].attributes.attachment_link.readable_text
DET BÖRJADE MED EN RYGGSÄCK

Sedan 1960 har naturen funnits i vårt DNA

Fjällräven grundades i en liten källarlokal i Örnsköldsvik och har sedan expanderat till världens alla hörn. Men vårt ursprungliga mål har inte förändrats - att inspirera och ge fler människor möjlighet att vara ute i naturen. Följ vår resa från ryggsäckar och tält till hållbar utveckling och evenemang.

UTFORSKA VÅR TIDSLINJE

# data[].attributes.attachment_link.title
Fjällräven: Funktionell och slitstark friluftsutrustning - Fjällräven

# data[].attributes.attachment_link.description
Sedan 1960 har naturen funnits i vårt DNA Fjällräven grundades i en liten källarlokal i Örnsköldsvik och har sedan expanderat till världens alla hörn. Men vårt ursprungliga mål har inte förändrats - att inspirera och ge fler människor möjlighet att vara ute i naturen. Följ vår resa från ryggsäckar och tält till hållbar utveckling och evenemang.

# data[].attributes.body
Volvo inspirerar pga en mix av olika element och moduler på webbsidan, samt ett väl sammanhängande bildspråk och animationer.

# data[].attributes.attachment_link.description
Välkommen till Volvo Car Sverige. Upplev alla våra bilmodeller och hitta tillbehör, volvohandlare och service. Samt "Bygg din Volvo" precis som du vill ha den.

# data[].attributes.body
Här postar jag strukturrelaterade tankar och gestaltningar.

# data[].attributes.body
Klicka för att förstora skisserna :)

# data[].attributes.body
Ladda ned via dropbox

# data[].attributes.body
Det är viktigt att komma igång med designande, gestaltande, skissande, prototypande mm, och att inte hamna i en så kallad analysparalys (Nelson & Stolterman). Jag tror att mitt arbete i skarpt läge motiverar mig och pushar mig att snabbare komma igång rent praktiskt.

# data[].attributes.body
I mitt projekt måste jag vara nogrann med att matcha tid och förväntningar på resultat mellan företaget och designprojektskursen. Jag måste också ta hänsyn till att mitt projekt utgör ett kunskapbidrag (akademiskt)

# data[].attributes.attachment_link.description
Morakniv har varit en del av svensk hantverkstradition sedan 1891. En Morakniv är alltid tillverkad i fabriken i Mora med den tradition och de kunskaper som vi förvärvat under åren.

# data[].attributes.body
Hemsidan kommer framförallt att rikta sig till företagets slutkunder, men förmodligen även till distributörer och återförsäljare. Det är också intressant hur hemsidan kan komma att verka internt på företaget.

# data[].attributes.body
Projektets grund kommer bestå av mig, designern, och Fredrik som utvecklar sidan. Jag kommer att skapa skisser och prototyper, samt även arbeta med sidans innehåll i Wordpress. Fredrik utvecklar från grunden efter mina förslag, som självklart också värderas och itereras eftersom. Resten av de anställda på marknadskommunikationsavdelningen kommer också ha ett visst inflytande, men de kommer inte vara operativa på samma sätt.

# data[].attributes.body
Efter VFU-perioden hos Morakniv under höstterminen fick jag frågan om att vara en del av projektet att bygga om företagets hemsida. Syftet med projektet är att skapa en mer attraktiv design, både utseendemässigt och användbarhetsmässigt. Exempelvis behövs struktur och flöden mellan webbplatsens sidor ses över, och estetiken behöver ett lyft. Webbplatsen erbjuder också en webbshop, som ska finnas som en service för kunderna där dessa erbjuds att handla Moraknivs fulla product range. Däremot är webbplatsens mesta syfte att visa upp produkterna på ett attraktivt sätt.

Min personliga motivation till att genomföra detta som mitt designprojekt är möjligheten att få genomföra ett projekt i skarpt läge. Jag är säker på att min motivation både till att utvecklas, lära mig och göra ett bra jobb kommer öka i och med detta. Jag är förväntansfull inför att utvecklas som designer, särskilt inom UI-design.