Design av användargränssnitt
|
|
- Linnéa Månsson
- för 4 år sedan
- Visningar:
Transkript
1 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? Utseende och dynamik Det som användaren ser och upplever Det enda som intresserar användaren Vad är ett bra användargränssnitt? Rätt funktionalitet Effektivt i dagligt arbete Minimerar kognitiva belastningar Lätt att lära Accepterat av användarna m.m.
2 Några egenskaper hos människan Korttidsminnet är begränsat - kan lagra få informationsenheter - kort avklingningstid - störningskänsligt Viss informationsbehandling sker automatiskt Inmatning via fingrarna är långsam Bra på att skapa och känna igen mönster Vad behöver man veta? Domänkunskap Vilka arbetsuppgifter Vem gör vad Vilken information Hur tas beslut etc Gränssnitt Kunskap om användaren Kunskap Erfarenhet Utbildning etc Teknisk kunskap Skärmstorlek/Upplösning Verktyg Databas etc Människa-dator kunskap Styleguides Guidelines Domänspecifika styleguides Standarder Rekommendationer etc. Generella designprinciper Designa för skickliga användare (i arbetslivet) Tillåt automatisering av arbetsprocessen Rätt informationsmängder samtidigt tillgängliga Välj lämplig grundmetafor (skrivbord, rum ) Gör designen färdig Visa detalj och helhet samtidigt Tillåt växling mellan arbetsuppgifterna Gör informationskodning tydlig, konsistent och konsekvent Vettig användning av ikoner och färger
3 Designprinciper forts. Använd (ofta) bläddring för informationsväxling Lagom stora pekytor Anpassa pekfunktioner och pekdon till arbetssituationen Utvärdering under designfasen Result from the an aly sis D omain exp erts Des ign of the fir st p rototyp e Compu ter exp erts Domain specific evaluation D omain s pecific evaluation Domain s pecific evaluation D omain specific evaluation Tim e Domain specific evaluation Utvärdering 1. Identifiera generella problem 2. Identifiera verksamhetsspecifika problem 3. Dokumentera fynden 4. Gör om prototypen
4 Generella aspekter 1. Skärmdisposition 2. Orientering och navigering 3. Kontroll och återkoppling 4. Inmatning 5. Läsbarhet 6. Fel och hjälp 7. Utseende 8. Användning av färg 1. Skärmdisposition Begränsad resurs Väl avgränsade huvuddelar Fasta och genomtänkta positioner Undvik överlappande fönster Betona det väsentliga Kompakt bild 2. Orientering och navigering Veta var man är och var man ska Se var man är utan att behöva tänka Se var man är i en lista eller bunt Visa översikt och detalj samtidigt Visa om det finns/inte finns mer information Visa hur man når den informationen Bläddring är ofta bättre än scrollning
5 3. Kontroll och återkoppling Viktigt att användaren styr - inte blir styrd Utföra arbetet på olika sätt Att visa vad som händer Återkoppling viktigt för säkerhet Tangentnedtryckning, väntetid, vilket tillstånd 4. Inmatning Gäller data, parametrar, menyalternativ, kommandon Minimera inmatning Undvik växling av mus och tangent Snabbare med tangent än mus Visa vilka fält som är inmatningsbara Breda istället för djupa menyer Defaultvärden, snabbkommandon, snabbhopp mellan fält 5. Fel och hjälp Tillåt användaren att göra fel Tydliga felmeddelanden Hjälp om nödvändigt Om hjälp behövs kan designen vara dålig
6 6. Läsbarhet och layout Logisk gruppering av data Gruppera med närhet, färger, fonter, ramar Avläsning i kolumner där varje tecken tar lika stor plats Läsbara fonter Betona det väsentliga Färganvändning 7. Utseende Subjektivt Använd färger med måtta Linjering Objekten bildar en helhet Balans 8. Färganvändning Designa för gråskala - addera färger Färger används till - förmedla budskap - ej kosmetika - ge en harmonisk miljö Undvik arg fruktsallad Använd få färger Använd mest omättade färger Kontrast är det viktigaste uttrycksmedlet Bakgrund: stilla och lugn yta (t ex mattblå) Undvik interfererande färger, t ex grön vs. röd
7 Färganvändning forts. Förgrund: färg anger informationskodning För text: hög kontrast mot stilla bakgrund - svart text på vit bakgrund - ljusgrå bakgrund ger möjlighet till vit text Färganvändning för informationskodning - använd få färger - utnyttja kontrast - koda informationsstatus - tydlig mening - konsekvens - betona det viktiga - lämpliga färgkombinationer - ej blå i förgrund Verksamhetsspec utvärdering Med användare Skapa scenarion Gå igenom de olika aspekterna Verksamhetsaspekter 1. Arbetssätt 2. Samtidig visning av information 3. Betona det viktiga 4. Kortkommandon och genvägar 5. Användarnas språk
8 1. Arbetssätt Metafor Stödjer gränssnittet arbetsuppgiften? Information logiskt grupperad Viktig info kliver fram 2. Samtidig visning av inform. Belastande för korttidsminnet att växla bild All information som behövs i ett beslut synlig Undvik överlappande fönster Formulär för läsning och skrivning samtidigt Framgår tydligt hur man når information som ej syns 3. Betona det viktiga Data ofta viktigare än rubriker Koda med färg, form, font, storlek etc Status (ex inkomst > , temp>37 är feber) Använd färg, form, font etc för att visa status
9 4. Kortkom. och genvägar Kortkommandon för den vane användaren Knapptryckning snabbare än musklick Gå direkt till en viss sida/plats (genväg) Inte behöva gå tillbaka i flera steg Använd defaultvärden 5. Användarnas språk Använd verksamhetstermer Undvik dataspråk Ikoner med bilder som knyter an till verksamheten Välj färger som hör ihop med verksamheten Analys av utvärderingen Gå igenom resultatet av utvärderingen Vad är viktigast att åtgärda Förslag till förbättringar Kompromissa
10 Konflikter vid design Två exempel: - Orientering vs. samtidig presentation - Tala användarnas språk vs. samtidighet
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 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 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 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 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 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 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 merDesign för användbarhet Designexempel, hur tänkte man vid designen?
Design för användbarhet Designexempel, hur tänkte man vid designen? Bengt Göransson :: Användbarhetsdesigner Guide Redina AB :: Bengt.Goransson@guide.se Why? Bengt Göransson, Guide Redina AB, 2005 http://www.guide.se/
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 merDesign av användargränssnitt. Skärmdisposition och layout
Design av användargränssnitt Jan Gulliksen Interaktionsdesign 1MD115 Skärmdisposition och layout Skärmytan är en begränsad resurs Behövs verkligen all information som finns på sidan? Hellre för mycket
Läs merGrafisk 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 merRiktlinjer och designregler för gränssnittsutformning
Framtida tågtrafikstyrning Riktlinjer och designregler för gränssnittsutformning En rapport från projektet Framtida tågtrafikstyrning Ett samverkansprojekt mellan Banverket och Avd. för människa-datorinteraktion,
Läs merGrafiska användargränssnitt, några tips
1 april 1997 Grafiska användargränssnitt, några tips Else Nygren Inledning Rapporten innehåller några stolpar som jag hoppas kan vara användbara vid bedömning av användargränssnitt. Materialet brukar användas
Läs merGrafisk 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 merGrafiska användargränssnitt i Java
TDDD78, TDDE30, 729A85 jonas.kvarnstrom@liu.se 2018 Grafiska användargränssnitt i Java En genomgång av de viktigaste begreppen Alternativ 2 Från början fanns AWT, Abstract Window Toolkit Stora delar har
Läs mergrafisk design & layout regler
& layout regler Grafisk design eller grafisk formgivning är ett kreativt och konstnärligt språk, men till skillnad från en fri konstnär så får en grafisk designer i uppdrag att föra ut ett speciellt budskap.
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 av användargränssnitt
Design av användargränssnitt Jan Gulliksen Informationskodning Ge färger, former, fonter, platser betydelse Aktivt, valbart, ej valbart Avvikande data, relationer mellan data, kategorisera, etc.. Var konsekvent
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 merHypergene 14-1. Beskrivning av nya funktioner
Hypergene 14-1 Beskrivning av nya funktioner Hypergene 14-1 Detta dokument sammanfattar de stora nyheterna i Hypergene 14-1, som blir allmänt tillgänglig för befintliga och nya kunder efter sommaren. Utöver
Läs merKognitiva teorier inom MDI - Introduktion
Kognitiva teorier inom MDI - Introduktion (MDI) Inst. för informationsteknologi http://www.it.uu.se/edu/course/homepage/hci/ht10 Arbetsuppgiften till idag: Identifiera ett tydligt exempel på dålig användbarhet
Läs merKraven är ofta mycket speciella och svåra att uppfylla Man har makt och en tradition att säga nej till det man inte vill ha Historiskt ser man många
Kraven är ofta mycket speciella och svåra att uppfylla Man har makt och en tradition att säga nej till det man inte vill ha Historiskt ser man många misslyckanden Effekten av dåliga lösningar kan vara
Läs merPilar till länkade aktiviteter skrivs ut även från översikt
Vad är nytt i Easy Planning 6.58 Detta är en större uppdatering som innehåller ett flertal förbättringar samt en del nya funktioner. Vi rekommenderar alla våra kunder att uppdatera till denna version.
Läs merVisma EasyCruit. Sammanfattning av vår senaste produktutveckling. Augusti Svensk version
Visma EasyCruit Sammanfattning av vår senaste produktutveckling Augusti 2019 - Svensk version Innehåll Innehåll 2 Vad har vi arbetat med? 3 Förbättringar för den nya kandidathanteringen 3 Videoansökningar
Läs merViTal. Talsyntes. Användarhandledning
ViTal Talsyntes Användarhandledning Introduktion ViTal är ett program som utvecklats för att med hjälp av artificiellt tal vara ett stöd vid läsning och skrivning. ViTal kan användas både i undervisning
Läs merADA metoden. Mall för observationsintervju. En metod för bedömning av kognitiva arbetsmiljöproblem och datasystems "användarvänlighet"
ADA metoden En metod för bedömning av kognitiva arbetsmiljöproblem och datasystems "användarvänlighet" Mall för observationsintervju Previa-Rikshälsan Miljödata AB CMD, Uppsala universitet -1- Innehåll
Läs merTeman för föreläsningen. Gestaltlagarna Layout Typografi
Teman för föreläsningen Gestaltlagarna Layout Typografi Gestaltlagarna Lagen om likhet Gestaltlagarna Gestaltlagarna Gestaltlagarna Lagen om närhet Gestaltlagarna Gestaltlagarna närhet likhet kontinuitet
Läs merChecklista Mobila applikationer fo r bank och betalning
Checklista Mobila applikationer fo r bank och betalning Checklistan nedan kan användas till att säkerställa att er mobila applikation för bank och betalning är tillgänglig för personer med funktionsnedsättning.
Läs merGrafiska användargränssnitt i Java
jonas.kvarnstrom@liu.se 2017 Grafiska användargränssnitt i Java En genomgång av de viktigaste begreppen Alternativ 2 Från början fanns AWT, Abstract Window Toolkit Till stor del ersatt av Swing: Mer omfattande,
Läs merRelease Notes. Vad är nytt i Easy Planning 6.31. Programmet nu Vistakompatibelt. Ny html hjälpfil anpassad för Vista
Vad är nytt i Easy Planning 6.31 Nya funktioner som tillkommit: 1. Programmet nu Vistakompatibelt. 2. Ny html hjälpfil anpassad för Vista. 3. Skapa egna rapporter i Access. 4. Databasen uppgraderas till
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 merFö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT
Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards
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 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 mer1. Utvärdering användbarhet & användarscenarier. 2. Visning av systemet samt testinloggning
05-0-04 (4) Bilaga Utvärderingsmodell. Utvärdering användbarhet & användarscenarier Bedömning av systemets användbarhet görs av en referensgrupp bestående av upphandlare från kommunen. Referensgruppen
Läs merProjektuppgift.
Projekt Projektuppgift Designa och implementera ett webbaserat gränssnitt för att söka information i en befintlig databas. Webssidan ska vara komplett med navigering, överblick, sökning och strukturerad
Läs merProjektet. TNMK30 - Elektronisk publicering
Projektet TNMK30 - Elektronisk publicering Gruppindelning projekt Valfria grupper ~4 per grupp TNM088 - Digitala media-grupperna är ok Projektgrupper 4 personer Jämna par Lika arbete för små grupper Anmäl
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 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 merDesign av användargränssnitt. Processen snarare än produkten
Design av användargränssnitt Jan Gulliksen Design och konstruktion av användargränssnitt 1MD113 Processen snarare än produkten Analys -> Design -> Utvärdering -> Återkoppling -> Iterativ Inkrementellt
Läs merGranskning av gränssnitt. Mattias Arvola
Granskning av gränssnitt Mattias Arvola 2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera 3 Mål med utvärderingen Revidera,
Läs merListan på egna rapporter inkluderar rapporter från TIDPLAN.MDB
Vad är nytt i Easy Planning 6.52 Detta är en stor uppdatering som innehåller många förbättringar samt en del nya funktioner. Vi rekommenderar alla våra kunder att uppdatera till denna version. 1. Bokningsvy
Läs merSe och förstå! om att utforma information på bildskärmar och displayer
Se och förstå! om att utforma information på bildskärmar och displayer I ARBETSMILJÖLAGEN står det att arbetsförhållandena ska anpassas till människors olika förutsättningar i fysiskt och psykiskt avseende.
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 merSmå förändringar. Stora resultat.
FileMaker Developer Conference 2017 Presenter Series Små förändringar. Stora resultat. En guide till ett perfekt gränssnitt. Martha Zink, Soliant Consulting, Inc. FileMaker Developer Conference DevCon
Läs merBilaga 3b. Användbarhet. Upphandling av ett helhetsåtagande avseende IT-stöd för pedagogiskt material inom Skolplattform Stockholm
SID 1 (12) Bilaga 3b Användbarhet Förfrågningsunderlag Upphandling av ett helhetsåtagande avseende IT-stöd för pedagogiskt material inom Skolplattform Stockholm Box 22049, 104 22 Stockholm. Besöksadress
Läs merIntroduktionsmanual till Design- / Utvecklarmodulen
Introduktionsmanual till Design- / Utvecklarmodulen Redigera utskriftslayouter och fönsterdesignen I den senaste versionen av System Bokhållaren (från ver 4.6 och senare), finns en helt ny avancerad funktion,
Läs merGrafiska användargränssnitt i Java
TDDD78, TDDE30, 729A85 jonas.kvarnstrom@liu.se 2019 Grafiska användargränssnitt i Java En genomgång av de viktigaste begreppen Alternativ 2 Från början fanns AWT, Abstract Window Toolkit Stora delar har
Läs merRelease Notes. Vad är nytt i Easy Planning Nyheter
Vad är nytt i Easy Planning 6.80 Detta är en stor uppdatering som innehåller många nya funktioner och ett flertal förbättringar. Vi rekommenderar alla våra kunder att göra denna uppdatering. Nyheter -
Läs merLayout. Layout. Varför layout? Proportioner. Rutnät, gruppering & justering. skapa struktur skapa balans markera betydelse
Layout Proportioner A4 1,42 (roten ur 2) Letter 8,5 x 11 Gyllene snittet 1,62 Kvadrat (1:1) Datorskärm 0,75 (3:4) Layout: Proportioner Layout: Proportioner Pocket: 110 x 178 mm Fackpockett: 110 x 170 mm
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 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 merFöreläsning 12 Inspektionsmetoder. Rogers et al. Kapitel 15
Föreläsning 12 Inspektionsmetoder Rogers et al. Kapitel 15 Inspektionsmetoder Metoder som genomförs utan användare En eller helst flera experter utför en inspektion eller granskning Man utgår ifrån vedertagna
Läs merKomma igång med 3L Pro 2014. Komma igång med 3L. Copyright VITEC FASTIGHETSSYSTEM AB
Komma igång med 3L Innehåll LOGGA IN I 3L... 3 Verktyg och kortkommandon... 6 Övriga tangenter... 9 RAPPORTUTSKRIFT I 3L... 10 Instruktioner för att skriva till fil:... 11 Logga in i 3L Ikonen för 3L Pro
Läs merTillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/
Tillgänglighetskrav på teknik 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 DATUM: 2009-04-03
Läs merfö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 merLÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR
UPPDRAGSGIVARE: IT-CENTER VÅR REFERENS: STEFAN JOHANSSON TEL.: 0708-23 10 64 E-POST: stefan.johansson@funkanu.se INNEHÅLL: LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR _ Funka Nu AB Finnbodavägen 2, 131 31
Läs merBilaga 3b Användbarhet Dnr: /
Bilaga 3b Användbarhet stockholm.se Stadsledningskontoret Avdelningen för digital utveckling Ragnar Östbergs Plan 1 105 35 Stockholm Växel 08-508 29 000 www.stockholm.se Innehåll 1 Inledning 4 1.1 Allmänt
Läs merGRAFISK PROFIL TIDAHOLMS KOMMUN
GRAFISK PROFIL TIDAHOLMS KOMMUN INNEHÅLL 2 3 4 5 6 7 8 8 8 Varför grafisk profil? Övergripande riktlinjer Logotyper Kommunvapen Tidaholmslogotyp Verksamhetsspecifika symboler Skyltar Mallar Audiell profil
Läs merGRÄ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 merLÄR DIG ANVÄNDA DIN MAC. från grunden! Nu med Mac OS X Leopard! Harry Peronius
Harry Peronius LÄR DIG ANVÄNDA Nu med Mac OS X Leopard! DIN MAC från grunden! Del 1 GRUNDFUNKTIONER 4. Finder... 6 5. Dock... 34 6. Hjälp... 36 7. Mappar och filer... 38 8. Time Machine... 4 9. Systeminställningar...
Läs merbehövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.
1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera
Läs merPersonlig anpassning av Microsoft Word 2013. Vers. 20131001
Personlig anpassning av Microsoft Word 2013 Vers. 20131001 Innehållsförteckning: Menyer... 3 Ta bort menyflikarnas ikoner... 3 Anpassning av snabbåtkomstfältet... 4 Tangentbordskommandon... 5 Kortkommandon
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 merRaindance JavaClient är den senaste klienten i Raindancefamiljen. Den kör i en javamiljö, och kan därför användas på de flesta datorplattformar.
Raindance JavaClient Raindance JavaClient är den senaste klienten i Raindancefamiljen. Den kör i en javamiljö, och kan därför användas på de flesta datorplattformar. Gå till EA:s hemsida för närmare information.
Läs merPersonlig anpassning av Microsoft Word 2003. Vers 20101001
Personlig anpassning av Microsoft Word 2003 Vers 20101001 Innehållsförteckning Startåtgärdsfönster... 3 Anpassa antalet ikoner... 3 Lägga till ett nytt verktygsfält... 4 Återställ till normalläge... 4
Läs merDen här veckan. Kapitel 7 och 11. Kom ihåg att boka tiden för handledning på fredag. Uppsamling av missade övningar på onsdag
Den här veckan Kapitel 7 och 11 Kom ihåg att boka tiden för handledning på fredag Uppsamling av missade övningar på onsdag Making it look good Visuell design Färger Typografi Exempel och patterns Komplex
Läs merKognition. Kognition, interaktion och användare. Överblick - kognition. Data-information-kunskap. Nivåer av kognition. Dä ä bar å åk.
Kognition Kognition, interaktion och användare Henrik Artman Tänkande Mentala funktioner för att tolka information genom sinnena Kognitiva funktioner Perception Minne och uppmärksamhet Problemlösning och
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 merDesign och konstruktion av grafiska gränssnitt. Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU
Design och konstruktion av grafiska gränssnitt Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Making it look good: Visual Style and Aesthetics Visuell design Färger Typografi Exempel
Läs merIntroduktion 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 merKursplan 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 merSuperNova Kortkommandoreferens
SuperNova Kortkommandoreferens Kortkommandon för stationära och bärbara PC CAPS LOCK D O L P H + F1 I N H J Ä L P Denna information är tillgänglig i alternativa format på sidorna www.yourdolphin.com Introduktion
Läs merPersonlig anpassning av Microsoft Word 2007. Vers. 20101001
Personlig anpassning av Microsoft Word 2007 Vers. 20101001 Innehållsförteckning: Menyer... 3 Ta bort menyflikarnas ikoner... 3 Anpassning av snabbåtkomstfältet... 4 Tangentbordskommandon... 4 Kortkommandon
Läs merExtra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare
Den här veckan Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Kom ihåg att boka tiden för handledning på fredag när doodles kommer upp. Handledning
Läs merMänniska-datorinteraktion. Innehåll. Teknik, principer, metaforer och modeller Bengt Sandblad
Människa-datorinteraktion Teknik, principer, metaforer och modeller Bengt Sandblad Syfte med lektionen Att beskriva grunderna för hur människor interagerar med datorsystem och andra tekniska system, för
Läs merBruksanvisning för hjälpbegäran
Bruksanvisning för hjälpbegäran Med verktyget för hjälpbegäran kan du öppna en fil som innehåller en stor mängd uppgifter för att kunna lösa ert problem och konsultera samtliga sända filer. Du kan skapa
Läs merSMD084 lp människa/datorinteraktion. Del II Programmeringens matematiska grunder. Del I - Lektionsplanering. Del II Lektionsplanering
SMD084 lp 3 2003 Del I Introduktion till människa/datorinteraktion Del II Programmeringens matematiska grunder Del I Introduktion till människa/datorinteraktion Inlämningsuppgifter: Användarperspektiv:
Läs merVad är nytt i Jeeves Selected och Jeeves Universal 2.0
Vad är nytt i Jeeves Selected och Jeeves Universal 2.0 Magnus Sjökvist Copyright 2008 Jeeves Information Systems AB Galapremiär Jeeves Selected Jeeves Universal 2.0 Nya produkter! Jeeves Selected Trade
Läs merGUIDELINES: VALSLOGAN 2018 GRAFISK ANVÄNDNING
GUIDELINES: VALSLOGAN 2018 GRAFISK ANVÄNDNING Det här dokumentet anger guidelines för hur 2018 års valslogan används i grafisk form. @ 2018 Socialdemokraterna Sida 1 2018 ÅRS VALSLOGAN: Användning: Använd
Läs merTeknik, principer, metaforer och modeller Lars Oestreicher
Teknik, principer, metaforer och modeller Innehåll All interaktion mellan människor och teknik måste gå genom våra sinnen. Vi skiljer mellan input-kanaler och output-kanaler (ur människans perspektiv).
Läs merCopy Cat Laboration 4
Laborationsanvisning Copy Cat Laboration 4 Författare: Johan Leitet Version: 1 Datum: 2011-09-19 Inledning Vi kommer på denna laboration fortsätta med CSS och nu finslipa vår sida. Du kommer även att få
Läs merInnehå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 merLogga in på din hemsideadministration genom dina inloggningsuppgifter du fått.
Joomla Guide 2.5.11 MENYER Sida 1 av 41 MENYER En meny är centerpunkten på en hemsida. Det är ifrån denna man utgår om man vill navigera på hemsidan. Menyer kan vara vertikala eller horisontella och är
Läs merKognitiv tillgänglighet
Kognitiv tillgänglighet i digital offentlig service Dokumentation från nätverksträff 2018-11-07 Myndighetssamverkan IT-tillgänglighet (MITT) OBS! Bilderna är kanske inte begripliga på egen hand, men presentationerna
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 merGRAFISK PROFIL TIDAHOLMS KOMMUN
GRAFISK PROFIL TIDAHOLMS KOMMUN INNEHÅLL 2 3 4 5 6 7 9 10 10 10 Varför grafisk profil? Övergripande riktlinjer Logotyper Kommunvapen Tidaholmslogotyp Grafiska element Verksamhetsspecifika symboler Skyltar
Läs merManual för StoraBasen. Stora Basen
Manual för Filerna i mappen För att ska fungera behöver alla olika filer vara med och inte byta namn eller plats. I mappen Kartex finns alla filer för visning i Kartex I mappen TillFrån finns alla filer
Läs merVälkommen till Studiekanalen.se
Välkommen till Studiekanalen.se Det här produktbladet beskriver besökarens (elevens) väg till utbildningen, hur de matchas mot rätt skola och utbildning. Det beskriver även hur utbildningsanordnaren kan
Läs merBRUKSANVISNING. izoom 6
BRUKSANVISNING izoom 6 2 Bruksanvisning izoom 6 INNEHÅLLSFÖRTECKNING 1.0 INLEDNING... 4 2.0 INSTALLATION... 5 2.1 Starta izoom... 5 2.2 Avsluta izoom... 6 3.0 INSTÄLLNINGAR... 7 3.1 Aktivera / Inaktivera
Läs merStorleksförändra figurer och bildobjekt - Word 2007 / 2010
Word (Textruta Figursättning, storleksförändra, beskära, Linjal, Sidhuvud/fot) 1:5 En textruta är en ram som kan innehålla text, bild, tabell etc. och kan precis som bilder, figursättas. Textrutan använder
Läs merSätt att tänka om IT-system har betydelse
Handlingsbara IT-system - perspektiv & modeller Göran Goldkuhl Forskningsgruppen VITS IEI Linköpings universitet Sätt att tänka om IT-system har betydelse Hur vi uppfattar IT-system Hur vi tycker IT-system
Läs merINTRODUKTION TILL LADOK
Innehåll 1. Huvudmenyn... 2 2. Menyraden... 3 Arkiv... 3 Redigera... 3 Inställningar... 3 Special... 3 Funktion... 4 Hjälp... 4 3. Funktion och förflyttningar... 4 Förflyttning mellan fält... 4 Förflyttning
Läs merAtt göra-lappar för digital tillgänglighet
Att göra-lappar för digital tillgänglighet 18 konkreta åtgärder för att: - Göra digitala tjänster enklare, tryggare och mer effektiva - Uppfylla nya lagkrav - Nå fler användare webbriktlinjer.se Vad är
Läs merTillgä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 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 merAtt utveckla läromedel i digital form
Att utveckla läromedel i digital form för elever med funktionsnedsättning Att utveckla läromedel i digital form för elever med funktionsnedsättning Det digitala läromedlet Ett digitalt läromedel kan finnas
Läs merAktivitetsbyte. Martin Gräßlin Översättare: Stefan Asserhäll
Martin Gräßlin Översättare: Stefan Asserhäll 2 Innehåll 1 Navigera mellan fönster 4 1.1 Visualisering......................................... 4 1.2 Genvägar...........................................
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ältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist
Fältstudier Torsdagen den 13 november 15-17 K2 Ann Lantz alz@nada.kth.se Sinna Lindqvist Sinna@nada.kth.se Fältstudier Fält Målgrupp Funktionshinder Design för alla 24-timmars myndigheten Web Accessibility
Läs mer