Högskolan i Borås Sektionen för informationsteknologi Akademin för bibliotek, information, pedagogik och IT Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2015-11-03, kl. 09.00-13.00 Ladokkod: NWD011 Hjälpmedel: Inga hjälpmedel tillåtna Betyg: Tentamen omfattar 54p. För Godkänt krävs 27p, för Väl godkänt krävs 43p. Rättning: Tentamen beräknas vara färdigrättad om senast 3 veckor. Allmänna anvisningar: 1. Skriv endast på ena sidan av pappret, ej fram och baksida. 2. Besvara frågorna på de angivna raderna vid respektive fråga. En extra sida finns i slutet 3. Lämna inte in några lösblad 4. Ansträng er att besvara frågorna tydligt. 5. Markera på omslaget till tentamen vilka frågor du lämnat svar på. 6. Om du finner uppgifterna i tentamenstexten ofullständiga skall du göra egna antaganden för de uppgifter du saknar. Redovisa dina egna antaganden. Samtliga frågor besvaras med kurslitteratur och föreläsningar som utgångspunkt. Om du använt ytterligare informationsmaterial för dina svar, anger du vilket material i dina svar. Ett tips är att du ägnar som första steg lite tid åt att gå igenom frågorna för att därigenom planera och disponera tiden på bästa sätt. Du bör även vid denna inspektion fundera lite över hur frågan är formulerad för att uttolka frågans intention. Begrepp som t ex, diskutera, exemplifiera, beskriv och förklara säger något om frågans innebörd och hur du bör svara. Lycka till med tentamen! Malin Nilssoṉ 15
Fråga 1 (3p) Diskutera vad man bör tänka på vid fördelning av sidutrymme. Fråga 2 (3p) Diskutera vad man bör tänka på vid formulering av sidtitel. Fråga 3 (6p) Webbplatser bör vara användbara för alla människor, också för dem med särskilda behov. Ger 4 åtgärder som en webbdesigner kan utföra för att göra en webbplats tillgänglig för användare med särskilda behov. För varje åtgärd som du beskriver måste du också ange för vilken handikapp den underlättar användbarheten!
Fråga 4 (1,5p) Förr i tiden byggde man upp webbsidor med tabeller och idag använder man CSS. Vad kallas det element (den tagg ) som bygger upp rutorna på en HTML-sida (t.ex. en ruta för topp-delen och en ruta för content, som i sin tur delas upp ytterligare i mindre rutor)? Fråga 5 (1,5p) När man skapat en webbplats bör man kontrollera att koden är korrekt. Var någonstans på webben kan man hitta ett sätt att kontrollera detta (du behöver inte ange själva urlen)? Fråga 6 (3p) Vad är skillnaden mellan elementen (taggarna) p och br? Fråga 7 (10p) På projektet har ni fått arbeta med att göra er webbplats responsiv, alltså jobbat med responsiv design. Frågorna nedan berör detta. a) I en mening eller två vad är det primära syftet med responsiv design, dvs vad märker använ-
daren för skillnad mot en vanlig webbsida? 3p b) Hur skriver man koden för att åstadkomma detta, i såväl HTML- som CSS-filen? (Ni behöver inte kunna skriva koden exakt, men visa så gott ni kan hur det går till.) 7p
Fråga 8 (26p) Rolf Molich tar i sin bok Webbdesign - med fokus på användbarhet upp begreppen tänka högttest och inspektion. a) (16p) Till denna del skall bilaga 1-3 användas, www.ikea.se. Bilaga 1 visar IKEA:s hemsida dvs. ingångssidan till webbplatsen. Här skall du med hjälp av teorier för användbar webbdesign analysera och utvärdera IKEA:s webbplats, dvs göra en inspektion. Diskutera webbplatsen utifrån principer för såväl webbplatsdesign, som för siddesign och innehållsdesign. Välj ut 8 stycken olika företeelser (positiva/negativa) på IKEA:s webbplats som du vill beskriva och analysera. På bilderna (bilaga 1-3) skall du tydligt numrera de kommentarer du vill göra om webbplatsen. Vid upprepning av en företeelse på de olika sidorna skall du numrera samtliga ställen. Hänvisa till vilka användbarhetsprinciper du avser när du diskuterar kring de olika punkter som du tar upp. Använd de förtryckta svarsbladen som du finner på de två nästkommande sidorna. Du kan skriva om en företeelse på flera rader. Svarsbladen har 4 kolumner: Kolumn #1 -Här anger du det nummer som du numrerar din företeelse med på de olika bilagorna Kolumn #2 -Här anger du vilken användbarhetsprincip(företeelse) du berör Kolumn #3 -Här anger du teorireferens/referenser (vilken författare, föreläsare etc.) Kolumn #4 -Här gör du din utvärdering (analys och diskussion) b) (10p) I denna del ska du utförligt beskriva vilka steg ett tänka högt-test består av och vad stegen praktiskt skulle innebära vid genomförande på IKEA:s hemsida. Skriv ditt svar på sidorna efter delfråga 8a.
Nr Användbarhets -princip 1 2 3 4 Teorikoppling Analys och diskussion
Nr Användbarhets -princip 5 6 7 8 Teorikoppling Analys och diskussion
Svar på 8b.
Bilaga 1 IKEA - Startsida
Bilaga 2 IKEA - Startsida forts.
Bilaga 3 IKEA - Sökning
Extra sida