Userinterfaces, UX, and UI

Erhvervskompentencer og Læringsmål

Introduktion

Først skal du se denne video som en introduktion til emnet:

• Introduktion til UX og UI (9:06)

Videoen er inspireret af denne artikel

Wireframing, webdesign og prototyper

I dette semester skal vi anvende softwareproduktet Adobe XD til udarbejdelse af protyper. Du skal downloade og installere programmet herfra (det er gratis):

• Adobe XD Download

Se denne video, som giver en introduktion til Adobe XD:

• Intro til Adobe XD (29:42)

Undervejs skal du downloade to UI-kits, som skal pakkes ud og åbnes i XD:

• UI-kit
• Bootstrap 4 UI

Et UI-kit er nogle skabeloner, som andre har lavet i Adobe XD, som vi kan sakse fra.

Opgave

• Carpool

LinkedIn Learning - videoer

Denne video varer en time og 37 minutter og er en grundigere introduktion til Adobe XD end den jeg gav. I videoen vises nogle tricks, som forudsætter, at man har en fuld licens til Adobe Cloud. Det har I ikke, så de dele skal I bare se hurtigt igennem eller springe over. Det drejer sig primært om brug af såkaldte “Assets” fra andre Adobe programmer. Det er slet ikke noget vi har brug for.

• Expand your design skills to include UX and UI