Genomförs i grupp
Seminarieuppgifterna genomförs i grupp och presenteras vid schemalagda seminarietillfällen och via en gemensam webbsida. Gruppindelning och tilldelning av interface patterns återfinns längre ned på denna sida.
2-3 patterns per seminarietillfälle
Vid varje seminarietillfälle kommer 2-3 olika interface patterns att behandlas. Varje grupp kommer att tilldelas ett interface pattern och ansvarar för att förbereda en presentation av utvalt pattern. Ni ska i presentationen utgå från kursbokens beskrivning, men ska också söka och använda information från andra källor. Vidare ska ansvarig grupp välja ut och presentera 2 bra exempel och 2 dåliga exempel för aktuellt pattern, skapa och presentera ett eget best practice exempel och ta fram en punktlista med saker att tänka på när man använder aktuellt pattern - lämpliga användningsområden, tips för utförande och hur man utformar resulterande gränssnitt så att det både är funktionellt och är estetiskt tilltalande (looks good).
Bra och dåliga exempel – eget och andras
De goda/dåliga exempel som väljs ut kan hämtas från valfri plattform – webben, desktop-program, mobil- eller surfplatte-appar, Smart-TV-tjänster, informationskiosker, AR/VR-system eller varhelst aktuellt pattern används. Notera att det ska vara andra exempel än de som tas upp i kursboken, men använd gärna exemplen som presenteras där för aktuellt pattern som inspiration (för det bra exemplet). En kort textbeskrivning ska skapas som beskriver respektive exempel och också innehåller motiveringen till varför det valts ut som ett bra/dåligt exempel för aktuellt mönster. Notera också att övriga grupper ska också söka fram 1 bra och 1 dåligt exempel för varje pattern som presenteras vid aktuellt seminarium.
Eget exempel med Axure
Det egenskapade exemplet ska vara ett fullständigt exempel och ska således också inkludera annat innehåll som ramar in aktuellt pattern – t ex andra funktioner, menysystem, grafik, fönsterkontroller och annat som kan tänkas finnas på samma gränssnittssida som aktuellt pattern demonstreras. Om andra patterns utnyttjas inom ramen för aktuellt exempel ska det noteras och beskrivas. Det kan t ex handla om mindre patterns som t ex Prominent Done Button och Button Groups eller generella funktioner som t ex navigationssystem.
Använd Axure för att skapa och demonstrera (det ska var interaktivt) ert egna best practice-exempel. Hämta gärna inspiration från exemplen i boken eller från befintliga tillämpningar (t ex de som ni söker upp som goda exempel för aktuellt mönster), men det egna exempel får inte vara kopierat, varken från boken eller annan källa.
Läsa på – eget och andra
Förutom att gruppen ska förbereda presentationsmaterial för ett tilldelat pattern (se nedan), så ska samtliga grupper också läsa på i angivna kapitel i läsanvisningar och också särskilt kring både de pattern man själv ska presentera och det pattern som andra grupper presenterar vid samma tillfälle.
Separata seminarier campus/distans
Notera att seminarietillfällena är uppdelade i campus och distans, så campus-grupper läser på om och letar efter bra och dåliga exempel för övriga campus-grupper och distans-grupper gör det samma bara för de andra distansgruppernas patterns.
Upplägg seminarietillfälle
Upplägget vid seminarietillfällena är det följande för vart och ett av de interface pattern som presenteras vid seminarietillfället:
-
Presentation av pattern – vad är det, när används det samt presentation av egna bra och dåliga exempel (10 minuter)
-
Presentation av eget best practice exempel (desktop/mobil) och saker att tänka på listan (5-10 minuter)
-
Presentation av övriga gruppers bra och dåliga exempel (5 minuter)
-
Diskussion om lämpliga användningsområden och best practice vid utförande samt anpassningar till plattform (desktop/mobil) och hur man får aktuellt pattern att “look good”. Avslutas med val av två bästa respektive sämsta exempel, framtagning av lista på förbättringspunkter till presentation på presentationssajten och gemensam sammanfattning. (10-15 minuter)
Webbsida för publicering interface patterns
Google Sites-sidan som används för att presentera aktuella Interface Patterns kommer ni åt via ert Google-konto (studentmejlen) Formattering och redigeringsmöjligheter är enkla men funktionella.
https://sites.google.com/view/interfacepatterns
- säg till om du har problem att komma åt och/eller redigera sidan.
Innehållet på denna sida kommer gradvis att fyllas med innehåll och kommer då att utgöra en resurs som ni ska använda i ert individuella projektarbete. Det ska också fungera som en resurs för andra som är intresserade av gränssnittsutveckling. Det finns inte särskilt många bra resurser på nätet om Interface Patterns och förhoppningsvis kan denna sida bidra till att andra får upp ögonen för hur Interface Patterns kan användas för att att skapa effektiva och attraktiva grafiska gränssnitt.
Vi kommer att använda oss av webbsidan vid seminarietillfället, så ni ska inte förbereda något separat presentationsmaterial (ingen keynote/powerpoint), utan ni ska använda innehållet som ligger på webbsidan.
Följande rubrikmall ska användas vid publicering på webbsidan:
-
Vad är det?
-
När används det?
-
Bra exempel (2 från presenterande grupp, 1 var från övriga
-
Dåliga exempel (2 från presenterande grupp, 1 var från övriga grupper)
-
Eget exempel
-
Making it look good
-
Saker att tänka på (punktlista)
-
Anpassning till olika plattformar – desktop/mobil och kanske andra plattformar
-
Källor och länktips
Det egna exemplet ska presenteras i bild-form och också med länk till Axure-demo. De andra gruppernas bidrag med 1 bra och 1 dåligt exempel ska läggas till på samma sida – med en bild och beskrivningstext (och gärna en länk till originalet om länkbar).
Efter seminariet
Efter seminariet har den presenterande gruppen ansvara för att sidan uppdateras i linje med de förbättringspunkter som togs upp vid seminariet – för innhållet och för det egna exemplet. Den presenterande gruppen ansvarar också för att de icke utvalda bra/dåliga exemplen rensas bort från sidan.
