KURSPLAN
Webb- och gränssnittsdesign, 15 högskolepoäng
Web and User Interface Design, 15 credits
Kursplan för studenter höst 2020
Kurskod: TWTG10
Fastställd av: VD 2021-03-01
Gäller fr.o.m.: 2020-08-01
Version: 1
Utbildningsnivå: Grundnivå
Utbildningsområde: Tekniska området
Ämnesgrupp: IF1
Fördjupning: G1F
Huvudområde: Informatik

Lärandemål

Efter genomgången kurs skall studenten

Kunskap och förståelse

- ha kännedom om hur kommunikation mellan webbklient och webbserver fungerar
- visa förståelse för hur webbplatser kan sökmotoroptimeras
- ha kännedom om de specifika förutsättningarna gällande visuell design av digital interaktiv media
- visa förståelse för hur traditionella designprinciper kan användas inom kontexten för digital interaktiv media
- visa förståelse för typografi för skärm hur detta relaterar till traditionell typografiska teorier och best-practices

Färdighet och förmåga

- visa förmåga att tillämpa HTML-standard för att bygga en webbplats
- visa förmåga att tillämpa CSS för att formge en webbplats
- visa förmåga att tillämpa precompiled CSS (SASS/LESS)
- visa förmåga att skapa en webbplats enligt responsiva principer och responsiv best-practice
- visa förmåga att skapa en färdig webbplats med hjälp av HTML och CSS utifrån givna specifikationer
- visa förmåga att skapa grafik och visuella element för digitala medier och gränssnitt
- visa förmåga att planera, skapa och presentera wireframes, prototyper och idéskisser för digitala medieprojekt
- visa förmåga att designa ett GUI med hänsyn till vedertagna konventioner inom modern gränssnittsdesign
- visa förmåga att tillämpa och utveckla en visuell identitet för dynamiskt innehåll

Värderingsförmåga och förhållningssätt

- visa förmåga att föreslå ett användargränssnitt som är användarvänligt och användbart, och motivera varför

Innehåll

Kursens innehåll består av moderna och grundläggande tekniker för att skapa moderna webbapplikationer för såväl datorer som mobila enheter.

Kursen innehåller följande moment:
- HTML
- Stilmallar, inklusive animations och transistions, med CSS
- Precompiled CSS (SASS/LESS)
- Riktlinjer för tillgänglighet
- Responsiv designfilosofi, responsiv implementationmetodik
- Standarder och mallar för konstruerandet av formulär och input
- Design av interaktiva grafiska element
- Responsiv grafik och vektorgrafik i kod
- High fidelity wireframes, storyboards, mockups och prototyper
- Skärmtypografi
- Visuella identiteter och stilguider för dynamiskt innehåll

Undervisningsformer

Föreläsningar, inlämningsuppgifter och projektarbete.

Undervisningen bedrivs på engelska.

Förkunskapskrav

Grundläggande behörighet samt genomgången kurs i Introduktion till Human-Computer Interaction (eller motsvarande kunskaper).

Examination och betyg

Kursen bedöms med betygen 5, 4, 3 eller Underkänd.

Poängregistrering av examinationen för kursen sker enligt följande system:
ExaminationsmomentOmfattningBetyg
Tentamen15 hp5/4/3/U
Inlämningsuppgifter10 hpU/G
1 Bestämmer kursens slutbetyg vilket utfärdas först när samtliga moment godkänts.

Kurslitteratur

Litteratur

Kurslitteratur fastställs senast 8 veckor före kursstart.

Titel: Designing Interfaces
Författare: Tidwell J, Brewer C and Valencia A
Förlag: O’Reilly
ISBN: 9781492051961

+ Additional handouts and references