Designmetodik. Systemering med användarfokus Malin Pongolini
|
|
- Anna-Karin Bengtsson
- för 8 år sedan
- Visningar:
Transkript
1 Designmetodik Systemering med användarfokus Malin Pongolini
2 ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering
3 Upplägg för Design och Protyping Vad? Evolutionär utveckling - iterativ design konceptuell design interaktionsdesign detaljerad design Hur? Användningsscenarier mock-up:s, pappersskisser designmöten workshops Dokumentationssätt? Prototyper, inkrement Kriterielistor, designguidelines navigeringsstruktur
4 Håll kvar vid ACD:s karaktärsdrag! Användarfokus involvera användare genom hela processen kunskap och utbildning efter hand empirisk mätning (verklig mätning/studie av användare, ej antaganden!) Prototyping iterativ utveckling inkrementell utveckling integrerad utveckling tidig test och utvärdering
5 Användarnas roll When an artifact has been constructed and put to use, people change it, adjudting it to their needs. Once an artifact leaves the hands of the professional constructor, it begins to evolve. (Dahlbom & Mathiasen, 1993, s 73)
6 VAD ska man designa och prototypa? Design av artefakten (tekniken) Design av innehållet (informationen) Design av utformningen (interaktionen, bilden, ljudet) Design av testsituationen (interaktionen) Experiment och prototyping!
7 Design av tekniken Prototypens utseende Hörlurar/headset och knappar/reglage Skärmstorlek/upplösning Greppvänlighet/form Färg/kontrast Prototypens funktionalitet Av/på Start/stop - nästa/förra Hoppa framåt/bakåt Hastighet Höja och sänka tonläget Touch-teknik
8 Design av interaktionen. Design av gränssnittet Interaktionsdesgin skärmbildslayout dialoginteraktion gränssnittsdesign GUI-Graphical User Interface grafiska användargränssnitt kärt barn har många namn
9 Design av gränssnitt utgår från användningsfall och kravspecifikation designa rätt dialogform för de önskade funktionerna och användbarheten designa rätt gränssnittskontroller och element i vald dialogform tidig test och utvärdering av användbarheten (mått) Syftet med gränssnittskomponenter???
10 Tekniska genombrott inom GUI och gränssnittsdesign Mus, Fönster, Ritprogram (Englebart ~1965) Virtual reality (Sutherland ~1968) Hypertext (Bush ~1945, Nelson ~1960) Smalltalk miljöer (Key ~1975) Inmatningsdon (Card ~1978) Direktmanipulation (Schneiderman ~1982) Informationsvisualisering (Card, Schneiderman, ) fokus på information World Wide Web behov: informationsöverflöd, tekniska mekanismer
11 Flera interaktionsparadigm och interaktionssätt Hypertext-interaktion Röstigenkänning Känsel/beröringapplikationer Mobile computing Wearable computing Smart materials Etc
12 GUI bygger bl a på WYSIWYG (What You See Is What You Get) WIMP-komponenter (Windows, Icons, Menues, Pointers) Kontroller (knappar, listboxar, inmatningsfält, radioknappar, kryssrutor, bläddringslist, verktygsfält) Andra hypertextkomponenter (länkar, noder)
13 Designmetodik -tekniker och principer Systemering med användarfokus Malin Pongolini
14 Metoder för design och prototyping Kontext-baserad design Konceptuell design Knep&Knåp workshop Brainstorming Interaktionsdesign Scenarier och Storyboards Prototyping M fl
15 Hjälpmedel och tekniker Papper, penna, tejp, sax, post-it, kritor, etc Konceptuella modeller Prototyper Storbildsskärm (projektor), videoinspelning/uppspelning Programvaror (rit/layoutprogramvaror etc) Rollspel Designprinciper (färdiga guidelines) Designkriterier (identifierade designkrav) etc
16 Konceptuella modeller Koncept Allmän idé om hur en produkt (system/webbplats) eller verksamhet bör se ut och fungera Konceptualisering Att uppfatta och beskriva något m h a begrepp eller bilder som tillsammans utgör en meningsfullhet Metaforer skrivbordsmetaforen, forum-metaforen, köpprocessen (kunvagn/kundkorg) etc
17 Skrivbordsmetaforen Utnyttjar användarens tidigare kunskap Skrivbordet Mappar Kan förvirra om den inte stämmer till 100% Papperskorgen på bordet E-postmetaforen (jmf. postgång) Fungerar när 2 korresponderar När flera gör det är mötesmetaforen bättre
18 Konceptuella modeller metaforiskt tänkande (att tänka i liknelser med ting) analogiskt tänkande (att tänka i liknelser med tidigare kunskaper och erfarenheter = överensstämmelsegraden ) ursprungsdomän källdomän tillämpningsdomän måldomän överlappningsgrad?
19 Konceptuella modeller Designerns och användarens konceptuella modell stämmer inte alltid överens Används olika mycket och på olika sätt Design Model Designer User s Model User System System image
20 Designprinciper Ge användaren feedback Vanligtvis genom olika typer av dialogrutor Felmeddelanden Systemets läge Processer Använd användares erfarenhet Utnyttja användarnas erfarenhet och förkunskaper
21 Designprinciper T ex för Användarhjälp Felmeddelanden Hjälp F1 Användardokumentation (manual) T ex för Användarfel Användare gör fel Vi kan inte styra det, men vi kan styra följderna Inga klagomål betyder inte inga problem Användare skyller på sig själva Försök att förutse tänkbara problem som kan uppstå Ctrl + z - Det bör vara möjligt att ångra ett val: underbart ;-) Styrande funktioner - bör inte användas i onödan
22 Systemorienterat felmeddelande
23 Användarorienterat felmeddelande
24 Designprinciper för t ex GUI... enligt CUA-standard MENYER Alla val i menyraden ska vara vägalternativ Menyvalen bör ges lämpliga sammanfattande namn Ordningen på menyvalen bör vara: Arkiv, Redigera, Vy, Tillval, Fönster, Hjälp I rullgardinsmenyn bör alternativen grupperas rätt Pop-up meny ska endast avse egenskaper för det aktuella objektet I vissa situationer ska otillgängliga kommandon skuggas Kommandon som följs av dialogrutor ska ha... efter sig Kommandon som följs av kaskadmeny ska ha pil efter sig Bakom vissa kommandon ska motsvarande tangentbordskombination anges
25 Designprinciper för t ex GUI... enligt CUA-standard forts. INMATNINGSFÄLT OCH LISTBOXAR Bakgrundsfärg på inmatningsfält bör skiljas från icke inmatningsfält Listboxar bör visa 6-8 alternativ och kompletteras med en rullningslist KNAPPAR OCH RUTOR Använd knappar då det endast finns få funktioner Frekventa funktioner kan tilldelas både knappar och menyval Visa defaultvärden på de vanligast förekommande alternativen Placera knappar med början längst ned i vänstra hörnet och endast på en rad FÄRGSÄTTNING OCH PLACERING Var konsekvent! Tänk på färgblinda!
26 Designprinciper. Inmatningsfält och listboxar
27 Designprinciper. Ikoner Ikoner är små bilder som används för att representera system objekt, verktyg osv. Den begränsade storleken gör det ofta svårt att skapa bra ikoner
28 Designprinciper. Awareness Indikatorer: External representations away not available mobile phone
Kommandobaserad interaktion
Interaktion 1 Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken) Kommandobaserad interaktion Kommandobaserad
Läs merFöreläsning 9: Gränssnittsdesign och webbdesign. Rogers et al. Kapitel 6
Föreläsning 9: Gränssnittsdesign och webbdesign Rogers et al. Kapitel 6 Paradigm Handlar om en viss ansats inom en grupp På 80-talet designades användarcentrerade applikationer för enskilda användare framför
Läs merSystemering med användarfokus
Systemering med användarfokus Introduktion AnvändarCentrerad Design översikt Vad är systemutveckling? En problemlösningsprocess där en specifik situation undersöks Syftet med undersökningen är att man
Läs merFöreläsning 9: Gränssnitt och webbdesign
Föreläsning 9: Gränssnitt och webbdesign FSR: (1), 4, 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 160429 Gränssnitt och webbdesign 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt
Läs merFö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 merDesign och Prototyping
Design och Prototyping 23/10 2002 Christina von Dorrien Läsanvisningar: Kap 2.3-2.6, Kap 8.1-8.3 Från analys till design Hur går man från analys- och krav dokument till en design av en produkt eller ett
Läs merInteraktionsdesign, grundkurs INTERAKTION 1
Interaktionsdesign, grundkurs INTERAKTION 1 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Vad är interaktion? 1.
Läs merKravställande/kravhantering
Kravställande/kravhantering Systemering med användarfokus Suzana Ramadani 1 ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Funktionalitetskrav Egenskapskrav Användbarhetskrav Design
Läs merTest och utvärdering - introduktion. Systemering med användarfokus Malin Pongolini
Test och utvärdering - introduktion Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping
Läs merBoken. 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 merFö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 merGrafisk formgivning. Användarens checklista
1-1 Grafisk formgivning Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet Komponenter måste utformas och användas på ett konsekvent och enhetligt sätt.
Läs merAnvändarcentrerad Systemutveckling
Användarcentrerad Systemutveckling Människadatorinteraktion (MDI) Inst. för informationsteknologi http://www.it.uu.se/edu/ course/homepage/hci/ ht10 Användarcentrerad systemutveckling, gränssnitt och prototyper.
Läs merBoken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.
Interaktion 1 Boken Typer av interaktion (Kap 2.5) Typer av användargränssnitt (Kap 6.1-6.2) Översikt, navigering och orientering (ej i boken) Felhantering (kort på sid 138) OBS! Konkret interaktion är
Läs merInteraktionsdesign, designheuristik
Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete
Läs merVad 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 merMänniska-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011
introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2011 Avdelningen för MDI, Informationsteknologi Användbarhet Kan jag
Läs merGrundläggande teori för användargränssnitt,del 2
Grundläggande teori för användargränssnitt,del 2 Innehåll Översikt, navigering och orientering (ej i boken) Typer av användargränssnitt (Kap 6) Styrdon (ej i boken) Fitts lag (kort på sidan 527-528) Felhantering
Läs merAnvändarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt
Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2012 Avdelningen för Visuell information
Läs merGrundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5)
Vi håller på att fylla på den gröna delen! Grundläggande teori för användargränssnitt,del 2 Ergonomi kroppen Hörselsinnet Synsinnet Kognition perception Sociala och affektiva aspekter Human factors Användargränssnitt
Läs merGränssnittsdesign. Design för användbarhet. Gränssnittsdesign - designheuristik
Gränssnittsdesign - designheuristik Vad påverkar designen? Vad ska man utgå från? Heuristik praktiska regler, tips och råd. Exempel (bra, dåliga) Gränssnittsdesign Vi ser arbetet med design av ett användargränssnitt
Läs merFö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 merInteraktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet
Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete
Läs merhttp://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home
http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept
Läs merGrupparbete ACSD Projektplanering för ett Patientjournalsystem
Grupparbete ACSD Projektplanering för ett Patientjournalsystem Uppsala Universitet Institutionen för Informationsteknologi Användarcentrerad Systemdesign Grupp 8, ht03 Christian Rick, rick@bahnhof.se Frida
Läs merVad är design? Designmetodik. Varför en metodik? Samma (5!) huvudmoment. Härledning av form från specifikation. Användarcentrerad designmetodik
Designmetodik Vad är design? Föreläsning 11/9 2003 Preece: kap 1, 6.1-6.3 Härledning av form från specifikation Varför en metodik? Användarcentrerad designmetodik En metodik är tänkt att vara en hjälp
Läs merAnalysfasen. Systemering med användarfokus
Analysfasen Systemering med användarfokus ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering Suzana R (omarb från
Läs merFörfattare: Juha Söderqvist IT-GUI. Version 1.0. Datum
Författare: Juha Söderqvist IT-GUI Version 1.0 Datum 2017-08-18 Innehåll 1. Introduktion... 3 Human-computer interaction... 3 Grafiska användargränssnitt... 4 Operativsystem... 4 Xerox Alto Executive file
Läs merFö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 merTre 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 merFöreläsning 8, Design
Föreläsning 8: Design och prototyper FSR: 1, 4, 5, 6 Att läsa: Kapitel 11 i Rogers et al.: Interaction Design Översikt Konceptuell design (Fysisk design) Uppgiftsallokering Prototyper Typer av prototyper
Läs merVad 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 merGrundlä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 merTENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091
TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 DAG: 5 mars, 2012 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.
Läs merFö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 merAnvändarmanual KTC MeView Lägenhetsinnehavare. Revision 4.0. Användarmanual KTC MeView. Lägenhetsinnehavare. Sida 1
Användarmanual KTC MeView Lägenhetsinnehavare Sida 1 Innehåll Inledning... 3 Allmänt... 3 Tekniska förutsättningar... 3 Plug-in... 3 Upplösning... 3 Webbläsare... 3 Användaruppgifter... 4 Inloggning...
Läs merMänniska-Datorinteraktion
Människa-Datorinteraktion Grundutbildnings-, forskarutbildnings- och forskningsämne som behandlar Gränssnitt och kommunikation människa-dator Kommunikation och samarbete människa-människa via (medierat
Läs merInteraktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling
martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»
Läs merFö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 merFöreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design
Föreläsning 1: Interaktionsteknik, Introduktion Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design Interaktion SAOL: växelspel, samspel i umgänge Samspel med vad? med andra människor med saker?
Läs merArbeta med bilder. Lathund kring hur du fixar till bilder från digitalkamera eller Internet så att de går att använda i ett kommunikationsprogram.
Arbeta med bilder Lathund kring hur du fixar till bilder från digitalkamera eller Internet så att de går att använda i ett kommunikationsprogram. Habilitering & Hjälpmedel Installera PhotoFiltre Att installera
Läs merTangible interaction &TUI KIRSTEN RASSMUS-GRÖHN
Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Innehåll Vad är TUI? Historia Massor med exempel Hur gör man? Problem och utmaningar Vad är TUI = Tangible User Interface? I bred mening Att ge fysisk form
Läs merIntroduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T
Introduktion till kursen Människadatorinteraktion 10p 02-08-28 Maria Redström Patricija Jaksetic CR&T Dagens föreläsning: Kursadministration Introduktion till MDI Kursmoment Examination Designprinciper
Läs merInteraktion 1. Dagens föreläsning. Interaktionsmodeller
Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt
Läs merDagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering
Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt
Läs merKURSMÅL WINDOWS STARTA KURSEN
KURSMÅL WINDOWS Detta är en introduktionskurs för dig som är nybörjare. Du kommer att få bekanta dig med datorns viktigaste delar och lära dig grunderna i operativsystemet Windows, vilket är en förutsättning
Läs merInteraktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet
Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete
Läs merChaos om IT-projekt..
Användarcentrerad systemutveckling, gränssnitt och prototyper. Lämplig extraläsning Gulliksen, Göransson: Användarcentrerad systemdesign, Studentlitteratur, kapitel: 4, 5, 6, 7, 8, 9 (Bredvidläsning) Syfte
Läs merAnvändaranalys och användbarhetskrav
Från användaranalys och uppgiftsanalys till kravställning Föreläsning 18/9 2003 Kap 1.5, 7, 9, (14) (användaranlys och användbarhetskrav) Kap 2.1-2.2, 7, (14) (uppgiftsanalys och funktionalitetskrav) Förra
Läs merChaos om datorprojekt..
Systemutveckling och användbarhet Användarcentrerad systemutveckling, gränssnitt och prototyper. Referens till avsnitt i kursboken Dix kapitel 6 Gulliksen, Göransson: Användarcentrerad systemdesign, kapitel:
Läs merVad karaktäriserar ett bra användargränssnitt? Riktlinjer för gränssnittsdesign. Vad påverkar utformningen av ett gränssnitt? 1.
Riktlinjer för gränssnittsdesign Jan Gulliksen Vad karaktäriserar ett bra användargränssnitt? Verksamhetseffektivt Rätt funktioner finns Användarvänligt Lätt att lära Minimerar fel Minimerar onödiga belastningar
Läs merInnehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap
Interaktion 2 Innehåll Styrdon (ej i boken) Fitts lag (sidan 527-528) Natural user interfaces Kap 6.2.9, 6.2.11, 6.2.12 Kap 6.3-6.4 Styrdon Styrdon Tangentbord Pekdon Tangentbord QWERTY-layout QWERTY-layout
Läs merVad 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 merMetodisk programutveckling
2-1 Metodisk programutveckling Analys» krav analys - hur ska programmet användas?» domän analys - hur måste programmet vara strukturerat? Dialogmodellering» Dialogmodeller - Vilka fönster består dialogen
Läs merFöreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel 10 11 i kursboken
Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar Kapitel 10 11 i kursboken För speciella behov Impairment försvagning syn/skelek Disability funk9onsnedsäkning seende/
Läs merANPASSA SKRIVBORDET i Pyramid Business Studio
ANPASSA SKRIVBORDET i Pyramid Business Studio Gäller version 3.38 Denna dokumentation, liksom den programvara som den beskriver, tillhandahålls under licens och får endast kopieras eller mångfaldigas i
Läs merWindows 8.1, hur gör jag?
2014 Windows 8.1, hur gör jag? Tor Stenberg Piteå Kommun 2014-03-28 1 av 13 Innehåll Hur jobbar jag med Windows 8.1... 2 Logga in... 2 Skrivbordet och programportal... 2 Logga ut och stänga datorn... 3
Läs merVad vi pratade om förra gången. Fast med andra ord
Designprocessen 2 Vad vi pratade om förra gången Fast med andra ord Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design Hur samla in data och utvärdera
Läs merSkapa mapp. * Gör så här: Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande.
Ideell IT-förening där äldre lär äldre Skapa mapp Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande. * Gör så här: 1. Se till att du befinner dig på den plats i datorn
Läs merALEPH ver. 16 Introduktion
Fujitsu, Westmansgatan 47, 582 16 Linköping INNEHÅLLSFÖRTECKNING 1. SKRIVBORDET... 1 2. FLYTTA RUNT M.M.... 2 3. LOGGA IN... 3 4. VAL AV DATABAS... 4 5. STORLEK PÅ RUTORNA... 5 6. NAVIGATIONSRUTA NAVIGATIONSTRÄD...
Läs merKortkommandon Allmänna i Windows 7
n Allmänna i Windows 7 F1 CTRL + C CTRL + X CTRL + V CTRL + Z CTRL + Y DELETE SKIFT + DELETE F2 CTRL + HÖGERPIL CTRL + CTRL + NEDPIL CTRL + UPPIL CTRL + SKIFT med en piltangent SKIFT med en piltangent
Läs merFöreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.
Föreläsning 5 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från föregående föreläsning Användbarhetskrav att ta hänsyn till Användarnas förväntningar En uppgift i taget Struktur för
Läs merAtt läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.
Prototyper, Riktlinjer och standarder Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper behövs för att visa på designval för att designdokument
Läs merInteraktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.
Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:
Läs merSÖKORD -Lägga till program i Autostart 35 -Ta bort program från Autostart 36 Avaktivera -Avaktivera Active Desktop 27 -Avaktivera personligt anpassade
SÖKORDSREGISTER A Active Desktop 17 -Lägg till ett Active Desktop-objekt 18 -Lägg till ett Active Desktop-objekt direkt från webbläsaren 20 -Flytta ett Active Desktop-objekt 21 -Låsa position på ett Active
Läs merEfterlysning! 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 merInställningstips. Visuella anpassningar Windows 10 2015-08-06
Inställningstips Visuella anpassningar Windows 10 2015-08-06 Innehåll Inledning... 3 Anpassa bildskärmen... 4 Ändra storlek för text, appar och andra objekt... 4 Ändra muspekare och markör... 6 Egenskaper
Läs merDesign för användbarhet
Design för användbarhet» Användbarhets, användbarhetsern och utvecklingsprocessen. Bengt Göransson användbarhetser Bengt.Goransson@enea.se även avdelningen för Människa-datorinteraktion, Uppsala universitet
Läs merDesign och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman
Design och krav Henrik Artman >>Ett av skälen till att projektet inte höll tidplan och budget var [beställarens] höga ambitionsnivå. Dessutom skulle man gjort en stordel av arbetet självt, men en del av
Läs merInteraction Design. Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling
Interaction Design Karin Andersson Niklas Kihl-Forsberg Stefan Norberg Oskar Wenneling Innehåll Resultat Metodarbete Lärdomar Resultat Monokrom 94 96 pixlar Resultat Resultat Resultat Resultat Resultat
Läs merFormulär, textsträngar och en del annat
1ME322 Webbteknik 2 Lektion 6 Formulär, textsträngar och en del annat Rune Körnefors Medieteknik http://medieteknik.lnu.se/1me322 1 2018 Rune Körnefors rune.kornefors@lnu.se Agenda JavaScript Interaktion
Läs merAtt skapa egna konferenser i FirstClass
Att skapa egna konferenser i FirstClass Som lärare har man behörighet att skapa egna konferenser i FirstClass förutom de som skapats centralt av skolledning och datagruppen. Man kan sedan välja vilka användare
Läs merGrafisk formgivning. Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet
1-1 Grafisk formgivning Gränssnittet utformning skall på ett naturligt sätt stödja användarens interaktion mot programsystemet Komponenter måste utformas och användas på ett konsekvent och enhetligt sätt.
Läs merIntroduktion till människa datorinteraktion och interaktionsdesign
Introduktion till människa datorinteraktion och interaktionsdesign Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1257 2013-09-05 07:55:25Z
Läs merKom igång med. Windows 8. www.datautb.se DATAUTB MORIN AB
Kom igång med Windows 8 www.datautb.se DATAUTB MORIN AB Innehållsförteckning Grunderna i Windows.... 1 Miljön i Windows 8... 2 Startskärmen... 2 Zooma... 2 Snabbknappar... 3 Sök... 4 Dela... 4 Start...
Läs merKommentarer till MDI tentamen 081003
Kommentarer till MDI tentamen 081003 1) I utvärderingssammanhang vill man ofta att de tilltänkta användarna ska finnas med. Nämn tre sätt att ta med användarna och jämför de olika sätten, likheter och
Läs merDesign för användbarhet
Design för användbarhet» Användbarhetsdesign, användbarhetsn och utvecklingsprocessen. Bengt Göransson användbarhets Bengt.Goransson@guide.se även avdelningen för Människa-datorinteraktion, Uppsala universitet
Läs merOperativsystem - Windows 7
Uppgift 5 B Operativsystem - Windows 7 Skapa mappar och undermappar Det finns olika sätt att skapa nya mappar på. Alternativ. Högerklicka på en tom yta. Håll muspekaren över Nytt. Klicka på Mapp Alternativ.
Läs merKognition & Konceptuell design. Kognition 9/17/2014
Kognition & Konceptuell design Kognition 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
Läs merFöreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.
Föreläsning 6 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation,
Läs merNyheterna i Visma Tendsign 4.0
Användarmanual Nyheterna i Visma Tendsign 4.0 Uppdaterad 2014-05-21 VISMA COMMERCE AB +46 13 47 47 500 tendsignsupport@visma.com www.tendsign.com Innehållsförteckning 1. Visma TendSign 4.0... 2 2. Grafiskt
Läs merKom igång guide till Notebook 10.0
Kom igång guide till Notebook 10.0 Introduktion SMART Board är en interaktiv skrivtavla som du använder tillsammans med en dator och en projektor Datorn skickar en bild till projektorn Projektorn visar
Läs merWorkshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5
Workshop II (1IK419) jp222px (Johnny Pesola) sid. 1 av 5 Steg 1.1 Sammanfattningen av diskussionen är att strukturen på en sida bör vara till största del i balans, symmetrisk, reguljär, förutsägbar och
Läs merANVÄNDARGUIDE. ViTex
ANVÄNDARGUIDE ViTex ViTex snabbguide 1. Inläsning till ViTex från inskannat dokument via kopiatorn 2. Uppläsning i ViTex 3. Navigation & Zoner 4. Ändra inställningar 5. Kontakt och Support 1. Inläsning
Läs merMicrosoft. Windows 7 Grundkurs
Microsoft Windows 7 Grundkurs Innehållsförteckning 1 Börja arbeta med Windows...7 Operativsystem och program... 7 Utgåvor av Windows 7... 7 Mushantering... 8 Vänsterknappen... 8 Högerknappen... 8 Övriga
Läs merPP7Mobile User s Guide
PP7Mobile User s Guide PP7 Mobile är en del i PP7s produktserie och är beroende av PP7 Pro Desktop för att fungera. Modulen är optimerad för användning på mobiltelefon och/eller tablet. För användning
Läs merDesign 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 merInteraktionsdesign. Användbarhet ISO 9241. Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning
Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign Designing interactive products to support the way people communicate and interact in their everyday and working lives.
Läs merInställningstips Windows 10
@ Inställningstips Windows 10 2015-08-13 För att anpassa din dator med Windows 10. 1. Navigera till Skrivbordet (Windows+D) och höger-klicka med musen: 2. Tryck pil ner till Anpassa 3. Tryck Enter Inställningstips
Läs merDesign 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 mer1 Kursmaterialets Uppläggning... 4 2 Kursmaterialets Utformning... 5 3 Installation av Övningsfiler... 6. 1 PC:n en Beskrivning...
Innehåll Kapitel 1 Läs Detta Först 1 Kursmaterialets Uppläggning... 4 2 Kursmaterialets Utformning... 5 3 Installation av Övningsfiler... 6 Kapitel 2 Introduktion till Datorn 1 PC:n en Beskrivning... 12
Läs merDessa tre fönster kan enbart visas i datavyn, inte i layoutvyn. Det är också möjligt att ha flera fönster öppna samtidigt.
Fönstermenyer februari 2010 I ArcMap finns ytterligare tre sätt att visa geografiskt data i din karta: genom ett förstoringsglas, ett visningsfönster och ett översiktsfönster. I fall där du inte vill ändra
Läs merLänk till modulen Skapa Filarkiv
Dokumenthantering i Ping Pong: åhörarkopior I denna modul går du igenom hur funktionen Dokument fungerar i PING PONG och hur den skiljer sig från Filarkivet. Du får också en genomgång av hur du laddar
Läs merUtveckling och utvärdering av gränssnitt - En gränssnittsprototyp för design av t-shirtar
Utveckling och utvärdering av gränssnitt - En gränssnittsprototyp för design av t-shirtar Sebastian Johansson Rodrigo Vives Caballero EXAMENSARBETE 2006 ÄMNE INTERNETTEKNIK Postadress: Besöksadress: Telefon:
Läs merKognition & 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 merHur kan informationen kodas bättre? Förbättrad design. Ytterligare förbättringar. Läsbarhet och Layout. Alignments. Informationskodning
Design av användargränssnitt Jan Gulliksen Skärmdisposition och layout Skärmytan är en begränsad resurs Behövs verkligen all information som finns på sidan? Hellre för mycket information än för lite Samtidig
Läs mer3.5 Visuell programmering
3.5 Visuell programmering Alla våra program hittills har varit C# Console Applications (sid 41) inkl. programmet MessageBox fast det genererade en grafisk meddelanderuta. Nu vill vi utnyttja grafikens
Läs merNyheter i PowerPoint 2010
Nyheter i PowerPoint 2010 Nytt utseende Programfönstret i Office 2010 har ett nytt utseende. Likt Office 2003 är Arkiv tillbaka. Som i Office 2007 finns det flikar och grupper i det övre verktygsfältet.
Läs merDatakurs, grund. Thor Stone Education. Datakurs, grund. (Windows 7) Copyright Torsten Nilsson
Thor Stone Education Datakurs, grund (Windows 7) 1 Efter att du slagit på strömmen till datorn och den har laddat in operativsystemet (Windows), visas skrivbordet på skärmen. Det som visas på skrivbordet
Läs merProjektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder
Måldriven design Projektsteg: Detaljdesign 1. Projektplanering 2. Undersökning av användare och situation 3. Modellering (av undersökningsresultatet) 4. Kraammanställning 5. Ramverksdesign (övergripande
Läs mer