Designprinciper + hemuppgift. Normans principer. Läs! Affordans 9/9/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ4

Storlek: px
Starta visningen från sidan:

Download "Designprinciper + hemuppgift. Normans principer. Läs! Affordans 9/9/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ4"

Transkript

1 TNM040 Kommunikation och användargränssnitt HT2016, FÖ4 Designprinciper + hemuppgift Normans principer Hur uppfattar vi, ser vi, tolkar vi och känner igen objekt i gränssnittet? Färg Form Storlek Ljusstyrka, kontrast Symboler Struktur, mönster, relationer Placering Etc. Förstår vi att de kan/ska användas? Förstår vi hur de ska användas? Förstår vi varför de ska användas? En bra design: ger klar affordans kan jag använda något? har signifiers var, hur (ledtrådar)? har god synlighet ser jag det? stödjer god mappning hur hänger saker ihop? vad händer om jag gör så här? vad kan jag göra, vart kan jag gå? ger god feedback vad händer, hände? Donald Norman. (2013). The design of everyday things Läs! Affordans Kapitel 1 som läggs upp på hemsidan/litteratur. Upplevd egenskap/kvalitet hos ett objekt Gör användningen av, vad något är till för, uppenbart Bara genom att titta på något ska användare veta hur det ska användas Uppenbarhet, tillhandahållande har föreslagits av Computer Sweden. Generellt: när en affordans hos en produkt matchar dess avsedda användande, är produkten lätt att använda när en affordans hos en produkt föreslår andra handlingar än de som objektet är designat för är det lätt att man gör fel och instruktioner/bilder etc. är nödvändiga Donald Norman. (2013). The design of everyday things Utnyttjar användarens grundläggande kunskaper om hur människan, världen och naturen fungerar. "When simple things need labels or instructions, the design is bad. Norman, D The design of everyday things. 1

2 Affordans Norman's huvudexmpel är dörrar. För vissa dörrar är det omöjligt att se om man ska dra eller trycka för att komma in/ut, hos andra är det uppenbart. 3D knappar erbjuder klickbarhet, platta knappar gör det inte Sliders erbjuder musen/fingret att glida över dem Check box erbjuder att klicka i den? Eller är affordans en konvention? alltså något vi lär oss? Bestäms av kultur, instinkt, mental modell etc. tex en hyperlänkad text är något vi lärt oss hur den fungerar. Affordance is often more about conventions than about reality Norman, D The design of everyday things. Signifiers - signaler/indikatorer Signifiers Alternativ/komplement till affordans affordans avgör/visar/erbjuder vilka handlingar somär möjliga en signifiers kommunicerar var/hur dessa kan äga rum en signal somguidar användaren ger ledtrådar ord, tecken, grafiks illustration, ljud etc. somkommunicerar rätt beteende Det går att använda touch på hela skärmen men man behöver visa var man ska göra det. Norman definierar en signifier som: some sort of indicator, some signal in the physical or social world that can be interpreted meaningfully. A form field signifies typing can happen there. A hover state over a rectangle signifies an actionable area. Norman, D The design of everyday things. Norman, D The design of everyday things. Affordans Affordans + Signifiers nces- of- a- traffic- circle/ nces- of- a- traffic- circle/ 2

3 Signifier Hur ska man veta att det finns mer sektioner? - Visibility Saker och ting ska vara väl synliga i gränssnittet, så att man ser/vet vad man kan göra och hur man uppnår sina mål. Det ska vara uppenbart vad någonting är till för, problem uppstår när vi inte kan se/förstå det. Affordans + Signifiers + Saker och ting ska vara väl synliga i gränssnittet, så att man ser/vet vad man kan göra och hur man uppnår sina mål. Det ska vara uppenbart vad någonting är till för, problem uppstår när vi inte kan se/förstå det. Viktiga saker ska vara mer synliga/framträdande/dra åt sig uppmärksamheten mer än mindre viktiga! Affordans (1) Signifier (2) (3) Det går att använda touch på hela skärmen (?), man behöver visa var man ska göra det (?), och visa det väl (?). Visuell organisation, visuell hierarki av information är oerhört viktigt för läsbarhet och förståelse! (Tänk på EPn!) Tänk på färg, form, storlek, placering, densitet etc. Affordans + Signifiers + Affordans (1) Signifier (2) (3) Det går att använda touch på hela skärmen (1), man behöver visa var man ska göra det (2), och visa det väl (3). 3

4 9/9/16 Ett exempel från vardagen när vi inte kan se det är automatiska kranar. Vi är inte säkra på hur de ska användas, vi måste gissa oss till var händerna ska placeras. Synliga rattar, handtag, knappar etc. har ersatts av osynliga och tvetydiga aktiva zoner. Alltid synlighet? Att dölja vissa funktioner kan vara fördelaktigt i gränssnittsdesign (för att undvika problem som har att göra med densitet, plottrighet etc.). Hålls osynligt tills det behövs men ingår i en grupp som är tydlig och fungerar som en ledtråd". Men överväg syns det inte så finns det inte". Skillnad mellan kunskap i världen och kunskap i huvudet Exempel: Ikoner för navigation behålls synliga vid scrollning. Tydligt, distraherande, hjälpsamt? kunskap i världen ser man direkt kunskap i huvudet måste man minnas/komma ihåg 4

5 9/9/16 Affordans, signifier, synlighet Affordans, signifier, synlighet Bra visibility till vänster (storlek, kontrast, white space runt), något sämre till höger. Den vänstra har en affordans till att m an ska trycka på den (en ram) den andra erbjuder inte till klick på samma sätt eftersom designen är platt. Båda har en relativt dålig signal, förstår m an vad ikonen säger, visar den vad m an ska göra? Bra visibility till vänster (storlek, kontrast, white space runt), något sämre till höger. Den vänstra har en affordans till att man ska trycka på den (ram, skugga) den andra erbjuder inte till klick på samma sätt eftersom designen är platt. Båda har en relativt dålig signal, förstår man vad ikonen säger, visar den vad man ska göra? Läs! This a rticle focuses o n the v isual a spect o f c lickability: can you tell w hat s a ctionable, simply b y looking at the p age? How a n o bject looks tells u s h ow to u se it. elements/ elements/ elements/ elements/ 5

6 Återkoppling - Feedback Återkoppling - Feedback Ska ge information om/visa systemets status. Återkoppling är mycket viktig då användare väntar på att en process ska bli klar. Återkoppla/skicka tillbaka information till användaren om vad som verkligen hände/vilka handlingar som gjorts och vad resultatet blev av en handling. Ska vara tydlig, omedelbar och synkroniserad med den handling användaren utfört. Dropbox visar en statusindikator när filer laddas upp. För sådana här händelser, där väntetiderna varierar mycket är en statusindikator mycket viktig så att användare inte behöver gissa hur lång tid som återstår. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Nielsen, Jacob. 10 Usability Heuristics for User Interface Design. usability- heuristics/ Återkoppling - Feedback Återkoppling - Feedback Relevanta och begripliga felmeddelanden ge information om vad felet är och hur det ska åtgärdas Ge återkoppling via status på knappar. viktigt med kontrast mellan aktiva och inaktiva tillstånd/knappar. en knapp som visar att den klickats på ger omedelbar återkoppling till användaren. se till att återkopplingen syns väl, även under ett finger (större än 1x1cm) Responstid Grundläggande rekommendationer angående responstid har varit i stort sett de samma i över 30 år (Miller 1968; Card et al. 1991): 0.1 sekund upplevs som omedelbart Här går gränsen för att användaren ska uppleva det som att ett system reagerar omedelbart, innebär att ingen särskild återkoppling behövs förutom att förmedla resultatet. 1.0 sekund man uppfattar en fördröjning men upplever inte något avbrott i tankekedjan handlar om gränsen för användarens flöde av tankar att förbli oavbrutna, trots att användaren 10 sekunder märker förseningen. Normalt är ingen särskild återkoppling nödvändig under fördröjningar på mer än 0,1 men mindre än 1,0 sekund, men användaren förlorar känslan av att agera direkt (på information). man ändrar agerande, byter uppgift handlar om gränsen för att hålla en användares uppmärksamhet fokuserad. För längre förseningar, kommer användaren att vilja utföra andra uppgifter i väntan på att något ska hända, så denne bör ges återkoppling som förmedlar vad som händer (så man vet vad man kan förvänta sig). Återkoppling - Feedback Andra typer av återkoppling förutom synlig sådan? auditiv ljud taktil - känsel 6

7 Relation mellan objekt, handlingar. Relation mellan egenskap hos ett objekt och dess funktion. Så fort man har någon form av objekt som sköter kontrollen av eller inställningarna för något annat objekt i ett gränssnitt så ska det på något sätt vara uppenbart att/hur det ena objektet kontrollerar det andra, dvs det ska finnas en en naturlig mappning (relation) mellan dem (kontrollobjektet och det objekt som påverkas). Naturliga mappningar drar fördel av fysiska analogier och kulturella standarder. Sekvenser/ordningar ska ske i en naturlig/logisk ordning (tex. uppifrån och ned, från vänster till höger). fysisk: ett reglage för volym förs uppåt om man vill höja ljudet (inte nedåt för det känns konstigt) Naturliga mappningar drar fördel av fysiska analogier och kulturella standarder. fysisk: ett reglage för volym förs uppåt om man vill höja ljudet (inte nedåt för det känns konstigt) Knapp för lampa, behövs texten? Affordans + Signifiers + + Mappning Affordans (1) Signifier (2) (3) Mappning (4) Det går att använda touch på hela skärmen (1), man behöver visa var man ska göra det (2), visa det väl (3), högerpil/vänsterpil är logiskt/naturligt. 7

8 Naturliga mappningar drar fördel av fysiska analogier och kulturella standarder. fysisk: ett reglage för volym förs uppåt om man vill höja ljudet (inte nedåt för det känns konstigt) kulturell: röd innebär stopp, akta(?), grön innebär gå/ok? Relation mellan objekt, handlingar. Relation mellan egenskap hos ett objekt och dess funktion. Så fort man har någon form av objekt som sköter kontrollen av eller inställningarna för något annat objekt i ett gränssnitt så ska det på något sätt vara uppenbart att det första objektet kontrollerar det andra, dvs det ska finnas en en naturlig mappning (relation) mellan dem (kontrollobjektet och det objekt som påverkas). Sekvenser/ordningar ska ske i en naturlig/logisk ordning (tex. uppifrån och ned, från vänster till höger). Naturliga/tydliga mappningar tillsammans med återkoppling är oerhört viktigt för att användaren ska kunna forma en bra mental modell av hur något fungerar. Ta bort dessa två egenskaper och det blir i stort sett omöjligt för användaren att bilda sig en uppfattning om hur denne ska använda sig av något (gränssnittet). Otydligt vilken kontroll som styr vilken platta. Tydligt vilken kontroll som styr vilken platta. Siffror är ett enkelt sätt att visa relationer mellan något i en lista och dess ställe ( knappnål etc.) på en karta. Hur hänger saker ihop? Vad kan jag göra, vart kan jag gå? Vad händer om jag gör så här? Funktioner och delar som hör samman samlas på ett ställe, exempelvis relaterade funktioner under samma rubrik/flik. Också exempel på en begränsning, vad som är tillåtet vid ett visst tillfälle. 8

9 Minns gestaltlagar och principer som närhet etc. från TNMK Kritisk analys av ett gränssnitt Uppgiften består av en analys av ett användargränssnitt. Uppgiften redovisas i form av en rapport som innehåller en beskrivning av gränssnittet, en redogörelse av dess fördelar och nackdelar (resultat/analysen) och en slutsats och diskussion. Analysen ska göras med hjälp av den terminologi och begrepp som vi har diskuterat så här långt under kursen (se främst föreläsning 4). Känn dig fri att använda allt från föreläsningar men observera att begreppen affordans/signifier, synlighet, mappning och återkoppling måste användas. Viktigt! Begreppen ska skrivas ut i texten när de används för att förklara något. Exemplifiera (gärna) genom att beskriva olika uppgifter. Ni kan skriva begreppen på svenska eller engelska men var konsekvent för samma begrepp (alltså inte feedback en gång och återkoppling en annan)! Rapporten bör vara ord (min/max), 3-5 sidor (min/max) beroende på antal och storlek av illustrationer). (Textstorlek11pt). Följinstruktionernai Attskrivarapporter Uppgiften utförs individuellt. Inlämning måndag 12 oktober Betyg U, 3-5 System Till exempel Välj ett gränssnitt, exempelvis ett bokningssystem. Beskriv gränssnittet (hur det ser ut och fungerar), var det presenteras, beskriv dess syfte, varför det analyseras och hur analysen kommer att genomföras, om hela eller delar av gränssnittet analyseras. Gå igenomoch beskriv (både negativa och positiva aspekter) hur användaren interagerar med gränssnittet. Hur presenterar gränssnittet vad det är till för och hur det bör användas för användaren? Vad kan användaren göra, hur visas det? Hur vet användaren vad denne ska göra först och därefter vad händer då? Är det synligt? Vilka affordanser och mappningar presenterar gränssnittet? Ger gränssnittet återkoppling till användaren om sitt tillstånd och olika handlingar och hur fungerar det? Etc. Avsluta med dina övergripande resultat och vad du tycker om gränssnittet, slutsats och diskussion. Inkludera bilder för att illustrera! Kritisk analys av ett gränssnitt Läs igenom instruktion, exempel, betygskriterier noga och hör av er i god tid till Camilla om något är oklart! Ytterligare instruktion för innehåll och struktur. Följ dessa! Finns på kurshemsidan under - Litteratur. 9

10 Här följer några allmänna råd inför att skriva en rapport och tips på hur du undviker vanliga misstag. Tänk också på att du måste följa de särskilda instruktioner som finns inför uppgiften Kritisk analys som gavs på föreläsning 4, se föreläsningsanteckningar på kurshemsidan. Hur du presenterar ett material bidrar till det intryck det gör på den som läser det. Även om själva innehållet är bra så kommer en ostrukturerad eller slarvigt skriven rapport att ge ett mindre bra intryck. Titel sida. En rapport har en titelsida (förstasida) med titel, kursens namn, namn på författaren tillsammans med LiU- ID och epostaddress. Ingen text ska finnas på baksidan av titelsidan. Introduktion. En rapport börjar med en introduktion; syftet är att ge en bakgrund till varför du skriver rapporten (men skriv inte bara att det är för att det är en del av en kurs utan beskriv varför det är intressant/viktigt). Innehåll. Introduktionen följs av själva innehållet i rapporten. Det ska presenteras i en ordning somgör det lätt att följa beskrivningar och resonemang, resultat, analys, (och hur dessa leder till) slutsatser. Ett förslag är att använda numrerade rubriker/underrubriker för att strukturera dokumentet. Tänk på att du måste tolka dina resultat för att göra dem förståeliga för läsaren Till exempel, omdu analyserar en hemsida är det inte tillräckligt att påstå: Menyn innehåller 43 objekt ". Du måste skriva: " Menyn innehåller 43 objekt, vilket är alldeles för många eftersom antalet gör det svårt för användaren att hitta rätt alternativ vid navigation i menyn." Slutsats/Diskussion. En skriven rapport innehåller alltid en slutsats och en diskussion, det budskap du vill att läsaren ska ha fått efter att ha läst din rapport. Den kan bestå av en summering, slutsatser och en diskussion kring dessa eller några slutliga påpekanden. Illustrationer/bilder. I alla ovan nämnda delar av rapporten kan du inkludera illustrationer i form av skärmdumpar, foton etc. för att exemplifiera beskrivninar och öka förståelsen hos läsaren. Dessa måste alltid vara numrerade och ha en förklarande bildtext. Alla bilder måste också refereras till i löpande text (exempelvis; se Bild 1, eller vilket illustreras i Bild 2). Placera bilderna på ett sätt som ger god läsbarhet. Gör en stavningskontroll och se över helheten (formattering etc.). Gör en stavningskontroll (som ditt ordbehandlingsprogram erbjuder) men läs också själv igenom din text ordentligt minst en gång. För att garantera en god läsbarhet bör ditt dokument vara skrivet så att texten inte har mer än ord per rad (jämför med en bok eller det här dokumentet). Storleken på texten bör inte vara för liten, 11 punkter rekommenderas. Dokumentet bör vara luftigt men var inte frikostig i onödan, (dvs rubriker behöver inte vara jättestora, stycken kan vara ganska långa utan att det blir jobbigt att läsa och infoga inte blanka rader under rubriker och mellan stycken i onödan ). Språk. Skriv fullständiga meningar och undvik (ett för) vardagligt språk och slang. Dessutom, innan du lämnar in ditt arbete: För mycket luft Mogge Det här är en liten berättelse om Mogge, mitt får som är 6 år och av rasen Leicester. Den 15 mars fick Mogge tre lamm. Två tackor och en bagge. Mogge behövde hjälp vid födseln och ganska snabbt hade hon då tre blöta och hungriga lamm som alla ville ha uppmärksamhet och bli ompysslade av mamma (se bild 1). Bild1. Mogge med sina tre nyfödda lamm bara några minuter efter att alla tre har kommit till världen. Allt gick bra och med lite hjälp av husse och matte så var alla snabbt torra och mätta. Tackorna heter nu Mä (för att hon bräker så mesigt) och Mähä (för att hon är lite mähäig bara) och baggen heter Stjärna. Namnet fick han då han hade en stor vit fläck i pannan när han föddes och för att han trots ett svagt ben såg till att få i sig mat och röra på sig så att det blev starkt och friskt ganska snabbt. I bild 2 syns det tydligt vem som är Stjärna. Bra Bild2. Mogge med sina tre lamm som här är drygt en vecka gamla. Det är Stjärna som står på Mogge. 10

11 Mogge Det här är en liten berättelse om Mogge, mitt får som är 6 år och av rasen Leicester. Den 15 mars fick Mogge tre lamm. Två tackor och en bagge. Mogge behövde hjälp vid födseln och ganska snabbt hade hon då tre blöta och hungriga lamm som alla ville ha uppmärksamhet och bli ompysslade av mamma (se bild 1). Mogge Det här är en liten berättelse om Mogge, mitt får som är 6 år och av rasen Leicester. Den 15 mars fick Mogge tre lamm. Två tackor och en bagge. Mogge behövde hjälp vid födseln och ganska snabbt hade hon då tre blöta och hungriga lamm som alla ville ha uppmärksamhet och bli ompysslade av mamma (se bild 1). Bild1. Mogge med sina tre nyfödda lamm bara några minuter efter att alla tre har kommit till världen. Allt gick bra och med lite hjälp av husse och matte också så var alla snabbt torra och mätta. Tackorna heter nu Mä (för att hon bräker så mesigt) och Mähä (för att hon är lite mähäig bara) och baggen heter Stjärna. Namnet fick han då han hade en stor vit fläck i pannan när han föddes och för att han trots ett svagt ben såg till att få i sig mat och röra på sig så att det blev starkt och friskt ganska snabbt. I bild 2 syns det tydligt vem som är Stjärna. Bild1. Mogge med sina tre nyfödda lamm bara några minuter efter att alla tre har kommit till världen. Allt gick bra och med lite hjälp av husse och matte också så var alla snabbt torra och mätta. Tackorna heter nu Mä (för att hon bräker så mesigt) och Mähä (för att hon är lite mähäig bara) och baggen heter Stjärna. Namnet fick han då han hade en stor vit fläck i pannan när han föddes och för att han trots ett svagt ben såg till att få i sig mat och röra på sig så att det blev starkt och friskt ganska snabbt. I bild 2 syns det tydligt vem som är Stjärna. Bra Bild2. Bild2. Mogge med sina tre lamm som här är drygt en vecka gamla. Det är Stjärna som står på Mogge. Mogge Det här är en liten berättelse om Mogge, mitt får som är 6 år och av rasen Leicester. Den 15 mars fick Mogge tre lamm. Två tackor och en bagge. Mogge behövde hjälp vid födseln och ganska snabbt hade hon då tre blöta och hungriga lamm som alla ville ha uppmärksamhet och bli ompysslade av mamma (se bild 1). Allt gick bra och med lite hjälp av husse och matte också så var alla snabbt torra och mätta. Tackorna heter nu Mä (för att hon bräker så mesigt) och Mähä (för att hon är lite mähäig bara) och baggen heter Stjärna. Namnet fick han då han hade en stor vit fläck i pannan när han föddes och för att han trots ett svagt ben såg till att få i sig mat och röra på sig så att det blev starkt och friskt ganska snabbt. I bild 2 syns det tydligt vem som är Stjärna. Bra Mogge Det här är en liten berättelse om Mogge, mitt får som är 6 år och av rasen Leicester. Den 15 mars fick Mogge tre lamm. Två tackor och en bagge. Mogge behövde hjälp vid födseln och ganska snabbt hade hon då tre blöta och hungriga lamm som alla ville ha uppmärksamhet och bli ompysslade av mamma (se bild 1). Allt gick bra och med lite hjälp av husse och matte också så var alla snabbt torra och mätta. Tackorna heter nu Mä (för att hon bräker så mesigt) och Mähä (för att hon är lite mähäig bara) och baggen heter Stjärna. Namnet fick han då han hade en stor vit fläck i pannan när han föddes och för att han trots ett svagt ben såg till att få i sig mat och röra på sig så att det blev starkt och friskt ganska snabbt. I bild 2 syns det tydligt vem som är Stjärna. Bild1. Mogge med sina tre nyfödda lamm bara några minuter efter att alla tre har kommit till världen. Bild1. Mogge med sina tre nyfödda lamm bara några minuter efter att alla tre har kommit till världen. Bild2. Mogge med sina tre lamm som här är drygt en vecka gamla. Det är Stjärna som står på Mogge. Bild2. Mogge med sina tre lamm som här är drygt en vecka gamla. Det är Stjärna som står på Mogge. Mogge Det här är en liten berättelse om Mogge, mitt får som är 6 år och av rasen Leicester. Den 15 mars fick Mogge tre lamm. Två tackor och en bagge. Mogge behövde hjälp vid födseln och ganska snabbt hade hon då tre blöta och hungriga lamm som alla ville ha uppmärksamhet och bli ompysslade av mamma (se bild 1). Mähä (för att hon är lite mähäig bara) och baggen heter Stjärna. Namnet fick han då han hade en stor vit fläck i pannan när han föddes och för att han trots ett svagt ben såg till att få i sig mat och röra på sig så att det blev starkt och friskt ganska snabbt. I bild 2 syns det tydligt vem som är Stjärna. Du behöver inte ange källa/litteratur. Om du gör det ska dessa hanteras på ett korrekt sätt. (Hänvisa till källa i löpande text och källförteckning/litteraturlista sist i rapporten). Bild1. Mogge med sina tre nyfödda lamm bara några minuter efter att alla tre har kommit till världen. Allt gick bra och med lite hjälp av husse och matte också så var alla snabbt torra och mätta. Tackorna heter nu Mä och Bild2. Mogge med sina tre lamm som här är drygt en vecka gamla. Det är Stjärna Som står på Mogge. 11

12 Betygskriterier Betygskriterier 5 - Mycket bra rapport Introduktion, beskrivning av systemet, analys och slutsats/diksussion är utförlig (tar upp det som angavs i instruktion) och väl strukturerad, lättläst, röd tråd, logisk ordning, illustrationer, eventuella källor etc. hanteras väl och rapporten har angivet antal ord/sidor (ca ). 4 Bra Som ovan men med vissa brister: i introduktion, i analys, i diskussion/slutsats, i dokumentation vilket ger ett bra resultat och intryck men inte fullt ut. Eventuellt något kort eller lång rapport. 3 Ok/godkänd Här finns brister som ovan, flera stycken, allvarligare, eventuellt något kort rapport. U - allvarliga brister Följer inte instruktion, delar saknas, mycket kortfattad analyserar/dokumenterar inte alla principer/begrepp som ska användas. En rapport där ett begrepp används en enstaka gång ger rimligtvis inte högre betyg än 3. Det krävs inte att man behärskar varje princip/begrepp till fullomen du ska vara tydlig med vad du menar och konsekvent genomrapporten. Du kan inte använda liknande exempel för att beskriva/förklara 2 olika principer/begrepp. I exemplen, beskriv och motivera väl! Den somläser ska inte behöva fråga sig: vad menas med god synlighet här?. Rapport med betyg U kan kompletteras till betyg 3/godkänt. Rapport med betyg 3-4 ska göras om helt (nytt gränssnitt och ny analys) för höjning av betyg, tillfälle ges i omtentaperiod. Inlämning Kritisk analys av ett gränssnitt Lämnas in som pdf via e- post till camilla.forsell@liu.se Onsdag 5e oktober kl (ska finnas i inkorgen tidigt torsdag morgon) Läs igenom instruktion, exempel, betygskriterier noga och hör av er i god tid till Camilla on något är oklart! Sen inlämning ger betyg 3 som högst (skarp deadline precis som vid skriftlig tentamen) Återigen J Glöm inte att läsa/kolla igenom din rapport innan inlämning! Närhet (gestaltlag) Glöm inte att läsa/kolla igenom din rapport! 12

13 Tack! Vi ses på måndag 19 sept (Introduktion till grupparbetet). 13

Kognition crash course

Kognition crash course Kognition crash course Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskap och kognitiv psykologi syftar till att beskriva och förstå hur tänkande går till. Människans

Läs mer

Individuell inlämningsuppgift TEK210

Individuell inlämningsuppgift TEK210 Individuell inlämningsuppgift TEK210 Den individuella inlämningsuppgiften består av två delar. Del 1 Kognitiv design är obligatorisk och för att bli godkänd på kursen krävs att denna, tillsammans med skriftlig

Läs mer

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Att kunna om perception och kognition Konceptuella modeller Metaforer Paradigm, teorier,

Läs mer

Vad utmärker ett bra användargränssnitt?

Vad utmärker ett bra användargränssnitt? Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt

Läs mer

Individuell inlämningsuppgift del 1: Kognitiv design.

Individuell inlämningsuppgift del 1: Kognitiv design. Individuell inlämningsuppgift del 1: Kognitiv design. Den individuella inlämningsuppgiften består av två delar. Del 1 Kognitiv design är obligatorisk och för att bli godkänd på kursen krävs att denna,

Läs mer

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst? Några exempel Principer för design Hur många kan ställa in klockan på sin video utan manual? Hur ofta vrider man på fel platta på spisen eller glömmer vrida av den när man är klar? Hur ofta knuffar man

Läs mer

Innehållsförteckning

Innehållsförteckning Innehållsförteckning Tillgänglighet i praktiken Hur skapar man tillgänglighetsanpassade dokument? Hur gör vi då? Dagens mål Tillgänglighet i det dagliga arbetet en arbetsprocess Hur får vi skribenten medveten

Läs mer

Förbered och planera bildmanuset

Förbered och planera bildmanuset Del av Kapitel 4: Förbered och planera bildmanuset I detta kapitel kommer du att: Omvandla ditt manus till ett bildmanus Lägga till bildmanusguider Planera för de bilder som ska visas på skärmen Skriva

Läs mer

Grundläggande teori för användargränssni3, del 1

Grundläggande teori för användargränssni3, del 1 Grundläggande teori för användargränssni3, del 1 Innehåll Mentala och konceptuella modeller (Kap 2.3) Metaforer (Kap 2.4) Donald Normans designprinciper (Kap 1.6.3) Mentala och konceptuella modeller Mentala

Läs mer

Vad utmärker ett bra gränssnitt?

Vad utmärker ett bra gränssnitt? Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I

Läs mer

Boken. Kap 2.1-2.4 Kap 11.3

Boken. Kap 2.1-2.4 Kap 11.3 Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever

Läs mer

Föreläsning 4, Användbarhet, prototyper

Föreläsning 4, Användbarhet, prototyper Föreläsning 4 Användbarhet och prototyper Kapitel 5-7 i Stone et al. Mer om användbarhet Psykologiska principer avseende: Förväntningar En uppgift i taget Struktur för förståelse Känna igen eller komma

Läs mer

Individuell inlämningsuppgift del 1: Kognitiv design.

Individuell inlämningsuppgift del 1: Kognitiv design. Individuell inlämningsuppgift del 1: Kognitiv design. Den individuella inlämningsuppgiften består av två delar. Del 1 Kognitiv design är obligatorisk och för att bli godkänd på kursen krävs att denna,

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet?

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet? Efterlysning! Kognitiv design 1 Hur man gör en användare glad Kursrepresentanter? Maila! Webbaserat system för gruppindelning. Idag Inledande exempel Vad är användbarhet? Hur gör användaren? Normans sjustegsmodell

Läs mer

Grafisk design Varför grafisk design? öka synligheten ge klar affordance stödja en god mappning ge god feedback Varför grafisk design? skapa en smidig interaktion kan göra gränssnittet visuellt mer

Läs mer

Manual

Manual Manual www.jur.lu.se Innehållsförteckning Logga in 1 Skapa en ny sida 2 Sidinställningar 3 Spara sidan 5 Skapa undersidor 6 Redigera en befintlig sida 7 Länk i löpande text 7 En mejladress som länk 8 Skapa

Läs mer

Några av fenomenen kommer vi att titta/uppleva i helklass och andra kognitiva problem kommer ni att få bekanta er med gruppvis.

Några av fenomenen kommer vi att titta/uppleva i helklass och andra kognitiva problem kommer ni att få bekanta er med gruppvis. Laboration EXTA65 Syftet med övningen är att visa på några fenomen inom mänsklig kognition. Till vardags är man knappt medveten om de olika kognitiva processer som pågår men om man ändrar några förutsättningar,

Läs mer

Föreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al.

Föreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al. Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas

Läs mer

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Muddycards ERD MySQL Säkerhet. Förra gången Idag Muddy cards resultat MySQL-kopplingar mellan tabeller Usability - användbarhet Interaktionsdesign Projektuppgift. Muddy Cards

Läs mer

IBSE Ett självreflekterande(självkritiskt) verktyg för lärare. Riktlinjer för lärare

IBSE Ett självreflekterande(självkritiskt) verktyg för lärare. Riktlinjer för lärare Fibonacci / översättning från engelska IBSE Ett självreflekterande(självkritiskt) verktyg för lärare Riktlinjer för lärare Vad är det? Detta verktyg för självutvärdering sätter upp kriterier som gör det

Läs mer

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska råd och tips - Heuristik Exempel på bra och mindre bra design Några egenskaper hos människan

Läs mer

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se

Läs mer

Kursplan Gränssnittsdesign, 100p Läsår

Kursplan Gränssnittsdesign, 100p Läsår Kursplan Gränssnittsdesign, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka

Läs mer

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

Läs mer

Några av fenomenen kommer vi att titta/uppleva i helklass och andra kognitiva problem kommer ni att få bekanta er med gruppvis.

Några av fenomenen kommer vi att titta/uppleva i helklass och andra kognitiva problem kommer ni att få bekanta er med gruppvis. Laboration EXTA65 Syftet med övningen är att visa på några fenomen inom mänsklig kognition. Till vardags är man knappt medveten om de olika kognitiva processer som pågår men om man ändrar några förutsättningar,

Läs mer

Väl godkänt (VG) Godkänt (G) Icke Godkänt (IG) Betyg

Väl godkänt (VG) Godkänt (G) Icke Godkänt (IG) Betyg Betygskriterier Examensuppsats 30 hp. Betygskriterier Tregradig betygsskala används med betygen icke godkänd (IG), godkänd (G) och väl godkänd (VG). VG - Lärandemål har uppfyllts i mycket hög utsträckning

Läs mer

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet?

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet? Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign Kognition och perception

Läs mer

Föreläsning 7, Interak2on

Föreläsning 7, Interak2on Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas

Läs mer

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3 Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign 120420 Kognition

Läs mer

Design av användargränssnitt

Design av användargränssnitt Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska rekommendationer - Heuristik Exempel på bra och mindre bra design Vad är ett användargränssnitt?

Läs mer

Idag. Psykologi - milstolpar. Kogni4on 2013-09- 24. TNM040 Kommunika4on och användargränssni= HT2013, FÖ3

Idag. Psykologi - milstolpar. Kogni4on 2013-09- 24. TNM040 Kommunika4on och användargränssni= HT2013, FÖ3 TNM040 Kommunika4on och användargränssni= HT2013, FÖ3 Idag Kogni4v psykologi Visuell percep4on Design principer Introduk4on 4ll examina4onsuppgik i kri4sk analys (inlämning v42) Kogni4on Lat. cognoscere

Läs mer

Alde Värmesystem. Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06

Alde Värmesystem. Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06 Alde Värmesystem Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06 Inledning Åre kommun, Huså by. Det är kväll och vi har precis kommit upp till vår husvagn som vi har

Läs mer

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al.

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al. Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion Kapitel 5 (3) i Rogers et al. Översikt Human Action Cycle Konceptuella modeller Metaforer ikoner Emotionell design Antropomorfism Agenter

Läs mer

Handbok Kanagram. Danny Allen Översättare: Stefan Asserhäll

Handbok Kanagram. Danny Allen Översättare: Stefan Asserhäll Danny Allen Översättare: Stefan Asserhäll 2 Innehåll 1 Inledning 5 2 Använda Kanagram 6 2.1 Spela ett spel......................................... 7 3 Anpassa Kanagram 9 3.1 Ordförråd..........................................

Läs mer

Aristi Fernandes Examensarbete T6, Biomedicinska analytiker programmet

Aristi Fernandes Examensarbete T6, Biomedicinska analytiker programmet Kursens mål Efter avslutad kurs skall studenten kunna planera, genomföra, sammanställa och försvara ett eget projekt samt kunna granska och opponera på annan students projekt. Studenten ska även kunna

Läs mer

Blackboard Studentmanual - Att arbeta med Wikis

Blackboard Studentmanual - Att arbeta med Wikis 1 (5) Blackboard Studentmanual - Att arbeta med Wikis Läraren på kursen kan ha valt att kursen ska använda sig av Wikis. Då syns funktionen i menyn. En wiki är en webbsida/webbplats som användarna skapar

Läs mer

Lättlästa instruktioner för Samsung Galaxy Tab 3

Lättlästa instruktioner för Samsung Galaxy Tab 3 Lättlästa instruktioner för Samsung Galaxy Tab 3 I samarbete med: Med hjälp av de här lättlästa instruktionerna lär du dig att använda en Samsung Galaxy Tab 3 med operativsystemet Android 4.1.2. Ett operativsystem

Läs mer

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1. Tre kursblock Grundläggande teori för design av användargränssnitt Människa dator interaktion Del 1 1. Design 2.Human factors & Ergonomics 3. Human computer interaction Inledningsvis Interaktiv produkt/system

Läs mer

Socialpsykologiska teorier, 7,5 hp

Socialpsykologiska teorier, 7,5 hp Socialpsykologiska teorier, 7,5 hp Masterprogrammet i psykologi, HT- 13 Psykologiska institutionen Stockholms universitet Kursansvarig: Charlotte Alm Övergripande syfte och innehåll Syftet med kursen är

Läs mer

Människan och Tekniken. Fö 3 Människan och tekniken. Perception. Visuell perception

Människan och Tekniken. Fö 3 Människan och tekniken. Perception. Visuell perception Fö 3 Människan och tekniken Fö1 om Användbarhet och svårigheter med det. PACT som ett ramverk för att beskriva problemet. Fö 2 om metoder för att genomföra PACT-analys, dvs användarstudie och ev. analys

Läs mer

Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer

Skapa en mall för inlämning av skriftliga uppgifter. med hjälp av Open Office Writer Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Open Office Writer Enkel guide till ordbehandling med Open Office www.openoffice.org Medieteknik Södertörns högskola 31 januari 2011 uppdaterad

Läs mer

Bedömning av Examensarbete (30 hp) vid Logopedprogrammet Fylls i av examinerande lärare och lämnas i signerad slutversion till examinator

Bedömning av Examensarbete (30 hp) vid Logopedprogrammet Fylls i av examinerande lärare och lämnas i signerad slutversion till examinator version 2014-09-10 Bedömning av Examensarbete (30 hp) vid Logopedprogrammet Fylls i av examinerande lärare och lämnas i signerad slutversion till examinator Studentens namn Handledares namn Examinerande

Läs mer

Användarmanual Legimus för Iphone och Ipad. Version 0.9

Användarmanual Legimus för Iphone och Ipad. Version 0.9 Användarmanual Legimus för Iphone och Ipad Version 0.9 Innehåll Vad är Legimus?... 3 Införande... 3 Kom igång... 3 Inloggning... 3 Hur laddar jag ner böcker?... 3 Hur hittar jag mina böcker?... 4 Hur tar

Läs mer

www.pts.se/archive/documents/ SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003.

www.pts.se/archive/documents/ SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003. 2 3 1 Är samhällsviktiga tjänster på Internet tillgängliga för personer med funktionshinder? PTS-ER-2004:14, ISSN 1650-9862. www.pts.se/archive/documents/ SE/Rapport_tillganglig_webb_2004_14.pdf 2 webzone.k3.mah.se/k99ac3hl/helenalackmagisterkogniton2003.pdf

Läs mer

Guide till att använda Audacity för uttalsövningar

Guide till att använda Audacity för uttalsövningar Guide till att använda Audacity för uttalsövningar Victoria Johansson Humlabbet, SOL-center, Lund IT-pedagog@sol.lu.se 28 mars 2006 1 Inledning Audacity är ett program som kan användas för att spela in

Läs mer

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Denna artikel går igenom hur du gör en hemsida användarvänlig till både vanliga desktopdatorer och mobilanvändare utan att behöva ha två

Läs mer

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Vad är kognition, perception? Vad har kognition och perception med interaktionsdesign

Läs mer

Institutionen för kulturvård KURSGUIDE. KGM 511 Kulturvårdens hantverk fördjupning, litteraturkurs 7,5 hp. Höstterminen 2016.

Institutionen för kulturvård KURSGUIDE. KGM 511 Kulturvårdens hantverk fördjupning, litteraturkurs 7,5 hp. Höstterminen 2016. 1 (5) Institutionen för kulturvård KURSGUIDE KGM 511 Kulturvårdens hantverk fördjupning, litteraturkurs 7,5 hp Höstterminen 2016 Grundnivå Reviderad 2016-12-01 Välkommen till en hel kurs för att öva vetenskapligt

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

5.0 RSS. InfoBoard manual. 5.0 Välkommen till manualen för RSS-kanalen Huvudsidan för RSS-kanalen Vad definierar ett objekt?

5.0 RSS. InfoBoard manual. 5.0 Välkommen till manualen för RSS-kanalen Huvudsidan för RSS-kanalen Vad definierar ett objekt? InfoBoard manual 5.0 RSS 5.0 Välkommen till manualen för RSS-kanalen 1 5.2 Huvudsidan för RSS-kanalen 1 5.2.1 Vad definierar ett objekt? 1 5.2.2 Aktiv och inaktiv 2 5.2.3 Redigera ett objekt 2 5.2.4 Visa

Läs mer

Betygskriterier NS1066 Svenska för studenter med utländsk förutbildning, 30 hp

Betygskriterier NS1066 Svenska för studenter med utländsk förutbildning, 30 hp Betygskriterier NS1066 Svenska för studenter med utländsk förutbildning, 30 hp astställda av institutionsstyrelsen 2012-05-09. Gäller fr.o.m. ht 12. elkurs 1: et talade språket, 7,5 hp örväntade studieresultat

Läs mer

förmågor är begränsade. Hur kan vi Ok, vi vet att människans kognitiva underlättar interaktionen?

förmågor är begränsade. Hur kan vi Ok, vi vet att människans kognitiva underlättar interaktionen? Fö 5 Människans förmåga - kognition Ok, vi vet att människans kognitiva förmågor är begränsade. Hur kan vi då utforma ett människateknikgränssnitt som fungerar och underlättar interaktionen? Donald Norman

Läs mer

Presentation i itslearning

Presentation i itslearning Institutionen för hälsovetenskaper Omvårdnad Nedan följer information angående de uppgifter du har att arbeta med inför kursstart samt under de första 3 hp, som ingår i kursen Intensivvårdssjuksköterskans

Läs mer

Word-guide Introduktion

Word-guide Introduktion Word-guide Introduktion På det kognitionsvetenskapliga programmet kommer du läsa kurser inom flera olika vetenskapsområden och för varje vetenskapsområde finns ett speciellt sätt att utforma rapporter.

Läs mer

Interaktionsdesign, grundkurs (7,5 HP) Del 2

Interaktionsdesign, grundkurs (7,5 HP) Del 2 Interaktionsdesign, grundkurs (7,5 HP) Del 2 Tre kursblock 1. Design 2. Human-computer interaction 3. Human Factors / Ergonomi Tre kursblock 1. Design Föreläsningar & workshop 2. Human-computer interaction

Läs mer

Idag. Språk. Metaforer. Metaforer 10/3/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ7. Deadline projektgrupper idag

Idag. Språk. Metaforer. Metaforer 10/3/16. TNM040 Kommunikation och användargränssnitt HT2016, FÖ7. Deadline projektgrupper idag TNM040 Kommunikation och användargränssnitt HT2016, FÖ7 Deadline projektgrupper idag Mailar kontaktansvarig om tid för avstämning (tider v40) Deadline individuell uppgift kritisk granskning nu på onsdag

Läs mer

Föreläsning 10: Gränssnitt och webbdesign

Föreläsning 10: Gränssnitt och webbdesign Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 1501006 Gränssnitt och webb 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar

Läs mer

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen

Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Hur du gör ditt Gilles hemsida - en liten hjälp på vägen Sidan 2 - Logga in Sidan 3 - Uppbyggnad av en sida Sidan 4 - Infoga länk Sidan 5 - Infoga bilaga Sidan 6 - Infoga bild Sidan 7-8 Vad betyder knapparna

Läs mer

2009-08-20. Manual för Typo3 version 4.2

2009-08-20. Manual för Typo3 version 4.2 2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1

Läs mer

Fotobok-guide Så här gör du en egen Ifolorbok

Fotobok-guide Så här gör du en egen Ifolorbok Fotobok-guide Så här gör du en egen Ifolorbok 01/12 Vad är en Ifolorbok och Ifolor Designer? En Ifolorbok är en äkta tryckt bok med pärmar och innehåll som du själv skapat med dina foton och texter. Ifolorboken

Läs mer

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

Läs mer

SLUNIK manual. SLUNIK version 2 2010-08-03

SLUNIK manual. SLUNIK version 2 2010-08-03 SLUNIK manual SLUNIK version 2 2010-08-03 Innehåll SLUNIK...1 Kursledare... 1 Lärare... 1 LOGGA IN... 1 Hjälp, inloggning... 2 Välj kurs att administrera... 2 Om du inte ser din kurs i listan... 3 Filtrera

Läs mer

Idéhäfte. MEMOdayplanner 3. Beskriver även användning av tillbehöret 508785 Anpassningsmaterial. Rev A SE

Idéhäfte. MEMOdayplanner 3. Beskriver även användning av tillbehöret 508785 Anpassningsmaterial. Rev A SE Idéhäfte Idéhäfte MEMOdayplanner 3 Beskriver även användning av tillbehöret 508785 Anpassningsmaterial Rev A SE 2 1. Inledning I detta idéhäfte vill vi ge tips om hur man kan använda tid- och planeringshjälpmedlet

Läs mer

Anonym inlämningsuppgift i itslearning

Anonym inlämningsuppgift i itslearning FHS Anonym inlämningsuppgift i itslearning Användarstöd för lärare Gahnberg Anna 2019-04-08 Innehåll Lägg till Inlämningsuppgift... 1 Inställningar... 1 Att tänka på... 2 Efter inlämning... 3 Analysresultat

Läs mer

Hur vet vi att något är begripligt?

Hur vet vi att något är begripligt? Hur vet vi att något är begripligt? Håkan Eftring Certec, Lunds Tekniska Högskola Hur vet vi att något är begripligt? Svårt, men vi kan: Fråga personen Testa personen Kontrollera informationen Kontrollera

Läs mer

Utvärdering av prototyp: Frågedatabas av Mårten Cronander. Innehållsförteckning

Utvärdering av prototyp: Frågedatabas av Mårten Cronander. Innehållsförteckning 1 (6) Mottagare: Åsa Cajander Mårten Cronander Utvärdering av prototyp: Frågedatabas av Mårten Cronander Innehållsförteckning 1 Inledning 2 1.1 Ten usability heuristics 2 1.2 Severity ratings for usability

Läs mer

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of

Läs mer

Nytt objekt - Steg 1 Typ av exempel

Nytt objekt - Steg 1 Typ av exempel Nytt objekt - Steg 1 Typ av exempel Nytt objekt - Steg 1 Typ av exempel När man vill lägga till en nytt exempel så är det första steget att välja Typ av exempel, Här kan man i dag välja mellan: VGU Tätort

Läs mer

Riktlinjer för bedömning av examensarbeten

Riktlinjer för bedömning av examensarbeten Fastställda av Styrelsen för utbildning 2010-09-10 Dnr: 4603/10-300 Senast reviderade 2012-08-17 Riktlinjer för bedömning av Sedan 1 juli 2007 ska enligt högskoleförordningen samtliga yrkesutbildningar

Läs mer

Principer för interaktionsdesign

Principer för interaktionsdesign Designtrappan och GDK Principer för interaktionsdesign Mattias Arvola Institutionen för datavetenskap Designtrappan är framtagen av Dansk Design Center och vidareutvecklad av SVID. 2 Dagens föreläsning

Läs mer

Provverktyg för elever instruktioner [SE]

Provverktyg för elever instruktioner [SE] Provverktyg för elever instruktioner [SE] Innehållsförteckning 1 Inledning 3 2 Göra proven 3 2.1 Logga in 3 2.2 Kontrollera ljudet för hörförståelseprovet 5 2.3 Göra ett prov 5 3 Uppgifterna 7 3.1 Uppgifter

Läs mer

Introduktion till MySQL

Introduktion till MySQL Introduktion till MySQL Vad är MySQL? MySQL är ett programmerings- och frågespråk för databaser. Med programmeringsspråk menas att du kan skapa och administrera databaser med hjälp av MySQL, och med frågespråk

Läs mer

NALLELEK LäraMera / www.laramera.se Swedish Media Art / www.swedishmediaart.se

NALLELEK LäraMera / www.laramera.se Swedish Media Art / www.swedishmediaart.se Programmet Nallelek är ett program med många roliga övningar och tydliga bilder. I programmet ingår övningar av typen trycka-hända, sortera, kategorisera, finn lika, möblera, klä på, domino mm. Nallelek

Läs mer

Kognition & Konceptuell design

Kognition & Konceptuell design Kognition & Konceptuell design Kognition Kognition Ni kommer läsa en hel kurs om kognition i tvåan Därför kommer vi bara skrapa lite på ytan i denna föreläsning Kapitel 3 har en mindre viktig roll i kursboken

Läs mer

Några av fenomenen kommer vi att titta/uppleva i helklass och andra kognitiva problem kommer ni att få bekanta er med gruppvis.

Några av fenomenen kommer vi att titta/uppleva i helklass och andra kognitiva problem kommer ni att få bekanta er med gruppvis. Laboration TEK210 Syftet med övningen är att visa på några fenomen inom mänsklig kognition. Till vardags är man knappt medveten om de olika kognitiva processer som pågår men om man ändrar några förutsättningar,

Läs mer

Grupper; Gruppindelningar; Vanliga inställningar för modul

Grupper; Gruppindelningar; Vanliga inställningar för modul Personalsupport Medicinska fakulteten, Lunds universitet Grupper; Gruppindelningar; Vanliga inställningar för modul Moodle version 2.7.1 Lars Rundgren, 2012-2014 Moodle 2.7.1 Grupper; Gruppindelningar;

Läs mer

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt. Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu

Läs mer

Projektet. EDAA35 Föreläsning 7. Krav på uppgiften. Ert projektförslag. Inlämning av förslag. Egna idéer är välkomna!

Projektet. EDAA35 Föreläsning 7. Krav på uppgiften. Ert projektförslag. Inlämning av förslag. Egna idéer är välkomna! EDAA35 Föreläsning 7 OM PROJEKTET Projektet Genomförs i läsperiod 4, grupper om 3 studenter Information finns på kursens hemsida Målet är att ni ska använda den kunskap ni fått och omsätta den praktiskt

Läs mer

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu.

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu. Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt

Läs mer

Micro:bit. Börja skapa egna program

Micro:bit. Börja skapa egna program Micro:bit Börja skapa egna program Att programmera är mer än att skriva kod 1. När man ska bygga något behövs först en ritning. Formulera i talspråk vad programmet ska göra. 2. Förbered att skriva koden

Läs mer

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR

MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR MANUAL FÖR JÄGAREFÖRBUNDETS KRETSAR I följande dokument hittar ni information om hur ni administrerar er nya hemsida. Manualen går endast igenom grundläggande administration. För mer avancerad redigering

Läs mer

Klassens aktivitet. Inställningar

Klassens aktivitet. Inställningar Klassens aktivitet Inställningar Förslag till struktur på klassens aktivitet Jag föreslår att vi till en början väljer att ha ganska lite att välja på i aktiviteten, så att det inte blir för rörigt för

Läs mer

Handhavande manual problemhantering

Handhavande manual problemhantering av Handhavande manual problemhantering 1(9) av Flytta dina dokument från H: till OneDrive I och med att Norrtälje kommun går över till Office 365 för skolverksamheten så kommer den egna lagringsplatsen

Läs mer

Resledaren Användarguide iphone Innehåll

Resledaren Användarguide iphone Innehåll Resledaren Användarguide iphone Innehåll Planera Ny Resa... 3 Visa Mina Resor... 13 Ta bort sparad resa... 14 Ändra planerad resa... 15 Påminnelser... 15 Under Resan... 17 Inaktivera Pågående Resa... 20

Läs mer

Roboten. Sida 1 av 11

Roboten. Sida 1 av 11 EV3 ipad Roboten Fyra output portar A,B,C och D(motorer) Fyra input portar 1,2,3 och 4 (sensorer) USB, Bluetooth, eller Wi-Fi koppling 16 MB flash minne 64 MB RAM SD Card Port: 32 GB Flera inbyggda verktyg

Läs mer

Människans förmåga kognition. Fö5. Kursinnehåll. Kognition och e-hälsa. ETIF20 E-hälsa. MEN kanske extra viktigt om man riktar sig till en

Människans förmåga kognition. Fö5. Kursinnehåll. Kognition och e-hälsa. ETIF20 E-hälsa. MEN kanske extra viktigt om man riktar sig till en Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskapochkognitivpsykologi syftar till att beskriva och förstå hur tänkande går till. Kognition och e-hälsa Att ta hänsyn

Läs mer

ibooks Author Komma igång

ibooks Author Komma igång ibooks Author Komma igång Välkommen till ibooks Author, ett lätt sätt att skapa snygga och interaktiva Multi-Touch-böcker för ipad och Mac. Börja med proffsiga Apple-designade mallar med mängder av eleganta

Läs mer

Grid Player. Komma igång

Grid Player. Komma igång gp Grid Player Komma igång För support, video och mer information besök oss på www.thinksmartbox.com Välkommen till gp Grid Player Grid Player är en Alternativ och Kompletterande Kommunications (AKK) App

Läs mer

Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word

Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word Skapa en mall för inlämning av skriftliga uppgifter med hjälp av Microsoft Office Word Enkel guide till ordbehandling med Word 2010 Medieteknik Södertörns högskola 2 september 2011 Du hittar vilka krav

Läs mer

Lär dig POWERPOINT. Lars Ericson datorkunskap.com

Lär dig POWERPOINT. Lars Ericson datorkunskap.com Lär dig POWERPOINT Lars Ericson datorkunskap.com POWERPOINT D A Programmet Microsoft PowerPoint används till att skapa grafiska presentationer till bildspel, presentationer mm. När du öppnar upp PowerPoint

Läs mer

Tentamen på kursen Webbdesign, 7,5 hp

Tentamen på kursen Webbdesign, 7,5 hp Högskolan i Borås Institutionen för data- och affärsvetenskap Malin Nilsson Tentamen Tentamen på kursen Webbdesign, 7,5 hp Tentamenstid: 2012-05-28, kl. 9-13 Hjälpmedel: Inga hjälpmedel tillåtna Betyg:

Läs mer

Lärarguide till textkommentering

Lärarguide till textkommentering Lärarguide till textkommentering Förmågan att kunna presentera vetenskapliga resultat, teorier och resonemang på ett sätt så att den tänkta målgruppen kan ta till sig budskapet, är en uppgift som naturvetare

Läs mer

Konverteringsskola Del 3: Vad är användbarhet?

Konverteringsskola Del 3: Vad är användbarhet? Konverteringsskolans andra del behandlade vikten av att lära känna sina besökare. Vi kommer nu att arbeta vidare med besökarna i åtanke och fokusera på hur pass väl de kan använda webbplatsen. Om webbplatsen

Läs mer

Instruktioner till övningen som börjar på nästa sida

Instruktioner till övningen som börjar på nästa sida Instruktioner till övningen som börjar på nästa sida Övningen innehåller det grundläggande som du måste kunna för att klara Word. Varje stycke ska vara formaterat så som det står i stycket. Under varje

Läs mer

TES Mobil. Användarmanual. Användarmanual TES Mobil Dok.nr. 32-019-03-02 v8

TES Mobil. Användarmanual. Användarmanual TES Mobil Dok.nr. 32-019-03-02 v8 1 TES Mobil Användarmanual 2 Innehållsförteckning 1 Introduktion... 3 1.1 Vad kan man göra med TES Mobil?... 3 1.2 Vad är en RFID-tag?... 3 1.3 Olika hantering på olika mobiltelefoner... 3 1.4 Rekommendationer

Läs mer

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 2 Så här skapar du en ny sida. Mycket av informationen nedan kan tillämpas på skapandet av andra typer av innehåll, till exempel nyheter, blogginlägg,

Läs mer

Snabbkurs i Wordpress för IOGT-NTO

Snabbkurs i Wordpress för IOGT-NTO Snabbkurs i Wordpress för IOGT-NTO Välkommen till din nya sida! Det här materialet är till för att ge en snabb genomgång av din nya sida och de olika funktionerna så att du snabbt kan komma igång och arbeta

Läs mer

Workshop PIM 2 - PowerPoint

Workshop PIM 2 - PowerPoint Workshop PIM 2 - PowerPoint Varje ny sida i bildspelet kallas för en Bild. Foton och andra bilder som man lägger in kallas för Bildobjekt. All text skrivs i Textrutor. Växlingen från en bild till nästa

Läs mer