|
Titel
3
|
Interaktionsdesign - websteder via Figma
Forløb om interaktionsdesign.
Intro til Figma-webapplikation til design af interaktive prototyper - i forlængels af brugen af Figma i grundforløbet.
Udformning af prototype-hjemmesider ud fra diverse case-scenarier i Figma med fokus på især - budskab/iscenesættelse, navigation, ux-trekant, målgruppe samt grafiske designvalg.
Intro til ux-trekanten via systime-bog samt om hierarkisk og cyklisk navigation og om designvalg der understøtter budskabet eller iscenesættelsen på webstedet.
Fortsat øvelse i relevant forundersøgelse samt skitse- og designiterationer via flowchart & wireframe-diagrammer.
Fortsat øvelse i brug af grafiske designbegreber i forlængelse af grundforløbets grafiske produkt, men her i en kontekst af interaktive produkter. Uddybende om typografiske valg samt om farveskemaer via Adobe color.
Indledende analyse af diverse websteder med fokus på navigation, grafisk design, ux-kvaliteter samt budskabsvalg i relation til målgruppen.
Intro Gallup-kompas som livsstilsegmentering samt supplerende om PRINSIB-segmenterne.
Litteratur:
Om ux-trekanten, https://uxdesign.systime.dk/?id=135
Om navigationsformer, https://kommitc.systime.dk/?id=410
Analyse af thinkbeforeyouink.dk, via webarkivet:
https://web.archive.org/web/20200216114345/http://thinkbeforeyouink.dk/index.html
Analyse af hjemmeværnets kampagne-hjemmeside, https://www.vistillerop.dk/
Analyse af Coding Pirates-websted, https://codingpirates.dk/ - fokus på stil, budskab, iscenesættelse
Brug af adobes wepapp til udvikling af farveskema via, https://color.adobe.com/da/
Figma.com samt diverse introvideoer.
Om gallupkompas, https://kommitc.systime.dk/?id=358
Om grafisk design, https://kommitc.systime.dk/?id=464
Kernestof:
- komm.teori & modeller
- forskellige målgrupper & brugere
- skitser & prototyper
- produktudvikling & projektstyring
- fremstilling af komm-produkter med fokus på samspil ml. afsender, producent & bruger
- billeder & deres formsprog i faste og levende billeder
- brugervenlighed & interaktionsdesign
- basal farvelære
- grafisk formsprog, layout
|