Valg af case
I denne workshop fik vi til opgave at designe en hjemmeside i figma ud fra en række specifikke brancher, servicevirksomheder, hobby butik, håndværker eller offentlig institution. Der var også nogle specifikke krav til hvordan vi skulle designe det, vi skulle bruge grid, lave det til både mobil og desktop format. Og så skulle vi sørge for at den levede op til punkterne “Appearance”, “Color contrast”, “Mobile and touch” og “Animation”.
Jeg valgte at fokusere på en håndværker-hjemmeside og lave et re-design af en dårlig hjemmeside jeg kunne finde på internettet, da vi fik at vide at vi godt måtte gøre det. For at finde en klient, som ville være nem at hjælpe, bladrede jeg flere sider frem i Googles søgeresultater. Jeg endte med at finde en hjemmeside, der bedst kan beskrives som et klikbart PNG-billede. Det hele var meget svært at læse på grund af dårlig kvalitet, og på mobilen så den hjemmeside ud på præcis samme måde, så der var alt endnu mindre klart. Alt i alt var det en virkelig ringe hjemmeside, så jeg tænkte at den ville være nem at pifte lidt op.
Herunder er mit re-design af forsiden på desktop og så til højre kan man se den originale side, som den både så ud på desktop og på mobil
Designet
Fordi mobiludgaven var den værste, valgte jeg at arbejde med den først ud fra en mobile-first tilgang, som vi også har lært at man skal i undervisningen. Jeg brugte tiden på at rydde op i layoutet, ved at lave mere plads mellem de forskellige sektioner, forbedre læsbarheden ved at ændre skrifttypen samt dens størrelse og skabe en mere moderne og overskuelig struktur, så brugerne rent faktisk kunne navigere rundt og finde informationerne uden at skulle zoome ind og ud konstant. Jeg nåede også at lave det hele klikbart og lave en forside til desktopversionen.
Fremlæggelse
Da tiden til at lave vores hjemmesider var gået, blev vi inddelt i mindre grupper, hvor vi skulle præsentere vores designs for hinanden. Efter vi havde gennemgået vores design internt, var opgaven at vælge én person fra gruppen, som skulle fremlægge sit redesign for resten af klassen.
Min gruppe valgte mig, så jeg endte med at stille mig op og pitche mit resultat for hele holdet. Præsentationen gik rigtig godt, og jeg fik en masse positiv og meget brugbar feedback på mit redesign og de designvalg, jeg havde truffet undervejs.
Min klikbare prototype kan ses her.
Refleksion
Jeg synes at det var et meget sjovt projekt, og det har virkelige åbnet mine øjne for figma som et program. Jeg synes det er meget sjovt at lave forskellige designs i Figma, ændre på farver og finde ud af hvad der ser godt ud og fungere med hinanden. Jeg synes dog godt at vi måske kunne have fået lidt mere introduktion til nogle af tingene man kan i Figma, jeg ved godt at det er meningen at vi skal finde ud af det selv, men det ville være rart hvis vi havde fået et hurtigt kursus i nogle af de ting man kan i programmet, eller måske endda bare havde fået et link til nogle videoer som lærte en lidt om hvad man kan.
Så synes jeg også at det var ret fedt at få feedback efter jeg havde præsenteret, hvis det ikke var for den feedback havde jeg nok ikke tænkt over at man skal have de der små prikker under en karrussel så brugeren ved hvor mange billeder der er og kan bruge det til at navigere. Selvom jeg ikke var helt begejstret til at starte med at skulle fremlægge synes jeg det i sidste ende var virkelig brugbart.