Föreläsning 10: Gränssnitt och webbdesign
|
|
- Ida Anita Forsberg
- för 5 år sedan
- Visningar:
Transkript
1 Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design
2 Gränssnitt och webb 2
3 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar Webben historiskt Kännetecken för webben Designutmaningar Riktlinjer och tips Gränssnitt och webb 3
4 Typer av gränssnitt 1980-talet: kommandon WIMP/GUI 1990-talet Avancerad grafik (multimedia, virtuell verklighet, informationsvisualisering) Webb Tal/naturligt språk Penna, gester, pekande 2000-talet mobilitet multimodal gripbar (tangible) förstärkt verklighet (augmented reality) wearable computing; robotic Gränssnitt och webb 4
5 Kommandon Oftast i form av enkla tangentkombinationer Kännetecknas av snabbhet och effektivitet Men de kräver inlärning och regelbundet användande Gränssnitt och webb 5
6 WIMP Xerox Star första WIMP (1981) Windows skrollning, dra, överlappning, öppna/stänga, flytta Icons representerade applikationer, objekt, funktionalitet och redskap, åtkomst via klickande Menus listor med möjliga val som skrollas Pointing device (pekdon) en mus som kontrollerar pekaren relaterat till fönster, menyer, ikoner Gränssnitt och webb 6
7 GUI grafiskt användargränssnitt Samma element som i WIMPs, men mer varierade färg, 3D, ljud, animering, olika typer av menyer, ikoner, fönster Nya grafiska element verktygsfält, docka, rollovers Direktmanipulation Gränssnitt och webb 7
8 Fönster i gränssnitt För att komma tillrätta med de fysiska begränsningarna med skärmar (som var små). Mer information kan representeras. Rullningslister (scroll bars) i fönster har samma syfte Många fönster öppna kan bli svåröverskådligt. Löses med listor, ikoner, krympa Gränssnitt och webb 8
9 Utmaningar för design Fönsterhantering enkelt röra sig mellan olika fönster Växla uppmärksamhet mellan dem för att hitta den information som behövs utan att bli distraherad, indikationer för vilket som är aktivt Designprinciper för avstånd, gruppering och enkelhet Ännu ett fönster är inte alltid lösningen Gränssnitt och webb 9
10 Menyer Olika menytyper platta listor, drop-down, pop-up, kontextuell, och expanderande, t.ex. skrollande och överlappande Platta menyer bra för att visa ett litet antal alternativ samtidigt när storleken på displayen är liten, t.ex. ipod Expanderande menyer möjliggör fler val flexiblare navigering flera nivåer kräver musprecision, lätt att välja fel Kontextuella menyer ofta använda funktioner högerklicka Gränssnitt och webb 10
11 Designutmaningar, menyer Vilken terminologi passar bäst? enstaka ord eller kort mening? Placering i menyerna Stäng och spara ej i närheten Det finns många riktlinjer kring detta avseende djup/bredd, struktur mm. ISO Gränssnitt och webb 11
12 Ikondesign Matchningen mellan ikon och det den representerar kan vara: avbildande (similar), dvs. en bild av en mapp för att representera en mapp analog/symbolisk, ett glas representerar att något är skört godtycklig (arbitrary), X kan betyda ta bort Avbildande ikoner är effektivast Men allt är inte objekt; handlingar svårare att representera (ta bort t.ex.) kombinera objekt och symboler som kan stå för det mest framträdande i en handling Gränssnitt och webb 12
13 Talande gränssnitt Kombinationer av användare och system som pratar Används mest för att ta reda på mycket specifik information, som flygtider, köpa biljetter via telefon mm. Även för personer med funktionshinder Ingen inlärning Gränssnitt och webb 13
14 Webb, historiskt: hypermedia Rötterna i Vannevar Bushs framtidvision från 1945: As we may think (Memex) Ted Nelson myntade begreppet hypertext 1963 Genombrottet i WWW, Tim Berners Lee, CERN Gränssnitt och webb 14
15 Webben Kännetecknas av: Flexibilitet föränderligt browser[o]beroende Tillgänglighet växer med nya apparater plattforms(o)beroende Var mans egendom allt görs på webben begränsning: webbläsare, apparat Gränssnitt och webb 15
16 Design av innehåll Försök vara kortfattad Korrekturläs Undvik långa textmassor scannability Första meningen viktigast En idé per stycke Radlängd begränsas Skrollning Typografi typsnitt utan seriffer (med seriffer) storlek, anpassningsbar Gränssnitt och webb 16
17 Att styra uppmärksamhet Storlek anger viktighet Kontrasten har betydelse Närhet Spatial närhet Samma stil (typsnitt, färg mm) Ramar Animeringar Färger mörk text på ljus botten tvärtom endast mycket begränsat Gränssnitt och webb 17
18 Struktur Bör avspegla eventuella konceptuella modeller för aktuellt sammanhang Strukturen ska stödja överblick och enkel navigering Djup kontra vidd, optimera (utvärdera) Veens designprinciper 1. Var är jag? 2. Vart kan jag gå? 3. Vad finns här? Gränssnitt och webb 18
19 Gränssnitt och webb 19
20 Organisation av innehåll Exakta alfabetiska kronologiska geografiska mottagare Godtyckliga ämne uppgiftsorienterade slump Gränssnitt och webb 20
21 Bilbolaget Gränssnitt och webb 21
22 Gränssnitt och webb 22
23 Att diskutera Räkna upp de interaktionsstilar du kommer på. Utgå ifrån PACT-modellen och föreslå interaktionsstilar för olika värden för PACT-parametrarna. Börja gärna att utgå från uppgift (Activity). Hur skulle du koppla olika interaktionsstilar till användbarhetsmålen? Ge exempel på hur man kan organisera webbsidor, vilka principer kan man följa? Ge exempel på vad som kan styra vilken princip man väljer? Ge exempel på hur man kan styra användarens uppmärksamhet på webbsidor Gränssnitt och webb 23
Fö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 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 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 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 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 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 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 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 merNya funktioner i InPrint 3
Hemsida: www.symbolbruket.se Telefon: 013-712 70 E-post: support@symbolbruket.se Nya funktioner i InPrint 3 InPrint 3 är en helt omgjord version av det gamla programmet InPrint 2. Allt du gjorde i In Print
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 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 merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
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 Vad är kognition, perception? Vad har kognition och perception med interaktionsdesign
Läs merDesignmetodik. Systemering med användarfokus Malin Pongolini
Designmetodik Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering
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 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 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 merNya Medier. Gränssnitt, Interaktivitet och Digital kod
Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar
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 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 mer1. Uppdateringsmodul (CMS)
Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...
Läs merRullningslisten. Klicka på rullningslistpilar (pil upp eller pil ner) 1 för att förflytta dig i önskad riktning, en liten bit i taget.
Rullningslisten Om informationen i fönstret inte ryms på skärmen skapas automatiskt en rullningslist i fönstrets högra kant. Med rullningslisterna kan du snabbt och enkelt flytta dig i fönstret 1 Klicka
Läs merAnpassning av Windows 7 och Word 2010
Anpassning av Windows 7 och Word 2010 Det finns en hel del små förändringar man kan göra för att det ska bli lättare att navigera i datorn, läsa och skriva. Med kortare rader, tydligt typsnitt större avstånd
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 merBygga kurser för mobila enheter
Bygga kurser för mobila enheter NETCOMPETENCE 2017-10-30 Innehåll Inledning... 2 Om Responsive Design och Adaptive Design... 3 Responsive Design... 3 Adaptive Design... 3 Exempel... 4 Tips och rekommendationer...
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 merInteraktionsteknik. 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 merMä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 merFö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 merDatainsamling Hur gör man, och varför?
Datainsamling Hur gör man, och varför? FSR: 2 Preece et al.: Interaction design, kapitel 7 Översikt Att kunna om datainsamlingsmetoder Observationstekniker Att förbereda Att genomföra Resultaten och vad
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 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 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 merLäsa med stöd av talsyntes
UTBILDNINGSFÖRVALTNINGEN Läsa med stöd av talsyntes ClaroRead Pro Starta talsyntesprogrammet 1. Starta programmet genom att klicka på genvägen på skrivbordet. Du hittar också programmet i startmenyn >
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 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 merFöreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?
Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? FSR: (1), 2, 5, (6), 7 Att läsa: Kapitel 14-15 i Rogers et al.: Interaction design 160405 Mer om utvärdering 2 Översikt
Läs merIndex. centrerad förflyttning 125 ClearType 203. Del av skärm metod 53 Delning metod 53
Index A adjusting a zoom window 57 AHOI kortkommando 212 aktivera verktygsfärtsknappar 201 aktivera ZoomText 32 Aktivera ZoomText 9.0 19 Alltid överst 201 AppLäsare inställningar 160 kommando 162 verktygsfält
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 merLATHUND WINDOWS 2000. RXK Läromedel, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.
LATHUND WINDOWS 2000 RXK Läromedel, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel. Mångfaldigande
Läs merSkapa PowerPoint-presentation
Denna manual avser att visa hur du med PowerPoint kan: använda befintliga mallar ordna text i dispositionsnivåer infoga bilder i presentationer infoga ljudfiler i presentationen Manualen avser att visa
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 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 merLATHUND OUTLOOK 2000 SV/EN
LATHUND OUTLOOK 2000 SV/EN RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel
Läs merAnvändbarhet för webben MDI, Webb och speciella behov 1
Användbarhet för webben MDI, Webb och speciella behov 1 Hur används webben? Webbsidor läses inte, de skummas! Således, designa för att de ska skommas scanability Vi gör inga optimala val, vi söker något
Läs merUtvä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 merLATHUND FRONTPAGE 2000
LATHUND FRONTPAGE 2000 RXK Läromedel AB, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel AB.
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 merZWCAD har stöd för VBA och Lisp program så alla funktioner som ni tidigare har skapat kan användas direkt utan anpassning.
ZWCAD+ 2015 pro ZWCAD+ 2015 pro är ett mycket bra och stabilt CAD-program som har fullständigt DWG-filformat och skapar framtidssäkrade handlingar utan några låsta filformat eller tilläggsfiler. Alla kommer
Läs merMagnus Palm. Lättläst IT
Magnus Palm Lättläst IT Del 1 LÄRA KÄNNA DIN DATOR 1. Persondatorn... 6. Bekanta dig med Windows XP... 7 3. Filer... 10. Hitta i datorn... 1 5. Gör det enkelt att hitta i datorn... 16 6. Övningsuppgifter...
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 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 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 merHandlande, metaforer och interaktionsstilar
Föreläsning 6 080909 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. Människa-Dator Interaktion Institutionen för Datavetenskap Erik Billing MDI 1 Föreläsning 6 080909 Human Action
Läs merZoomtext 2018 Kortkommandon
Zoomtext 2018 n 2 Innehåll Välkommen till ZoomText 2018...3 Program...4 Förstoring...4 Fönster...5 Läsning...5 Skrollning...5 AppLäsare...6 Bakgrundsläsare...8 Kamera...8 Support...9 Sökare...10 Markör...11
Läs merSnabbguide. ITP Whiteboard har 3 nivåer bas, medel och avancerad. Detta gör att det är enkelt att börja jobba med ITP Whiteboard.
ITP Whiteboard har 3 nivåer bas, medel och avancerad. Detta gör att det är enkelt att börja jobba med ITP Whiteboard. Verktygsfunktioner i BAS Snabbguide Klicka på det verktyg du vill jobba med. Det verktyg
Läs merAtt använda talsyntes i en lässituation.
Att använda talsyntes i en lässituation. Komma igång med ClaroRead Starta talsyntesprogrammet 1 Gå till Startmenyn Program Clarosoftware 2 Klicka på för att starta talsyntesen ClaroReads verktygsrad syns
Läs merFöreläsning 4 Identifiera krav och behov. Att läsa: Kapitel 10 i Rogers et al.: Interaction design
Föreläsning 4 Identifiera krav och behov Att läsa: Kapitel 10 i Rogers et al.: Interaction design Översikt Vikten av krav Olika typer av krav Datainsamling för olika krav Scenarier Use Cases Essential
Läs merSlutrapport: Informationsvisualisering av släktträd
Slutrapport: Informationsvisualisering av släktträd Grupp 11 Behzad Charoose, Johan Magnuson, Mikael Onsjö och Sofie Persson 2003-10-10 Göteborg, Chalmers/GU Innehåll 1. INLEDNING...3 2. SYFTE...3 3. METOD...3
Läs merManual till Båstadkartans grundläggande funktioner
Manual till Båstadkartans grundläggande funktioner Webbfönstret När du klickar på kartlänken öppnas Båstadkartan i eget fönster eller egen flik, beroende på inställningen i din webbläsare. Bilden nedan
Läs merINNEHÅLL ALLMÄNT... 2
INNEHÅLL ALLMÄNT... 2 POWERPOINT... 2 KOMMA IGÅNG MED POWERPOINT... 3 SKAPA EN PRESENTATION... 4 INFOGA... 5 Kopiera kalkylbladsceller från Microsoft Excel till en presentation...5 Dela information mellan
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 merArbeta i Qlikview. Grundkurs i Qlikview- enkel Exempel och beskrivning av grundläggande funktioner
Arbeta i Qlikview Grundkurs i Qlikview- enkel Exempel och beskrivning av grundläggande funktioner Ekonomi- och planeringsavdelningen/ Qlikview Systemförvaltning Innehåll 1 Sammanfattning... 3 2 Lär känna
Läs merMacromedia. Flash 8 Grundkurs. www.databok.se
Macromedia Flash 8 Grundkurs www.databok.se Innehållsförteckning 1 Börja arbeta med Flash 8...1 Användningsområden...1 Bekanta dig med arbetsytan...2 Scen och tidslinje...3 Lager...3 Bibliotek...4 Verktygsfältet
Läs merSkillnader mellan design för tryck och webbdesign
Vad är en webbtext? Webbtexter är inte en specifik texttyp i likhet med protokoll, rapporter eller artiklar. Istället kan webbtexter vara precis vilken texttyp som helst, och det enda som förenar dem är
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 merLathund Claro Read Plus
Lathund Claro Read Plus Innehållsförteckning LathundWord Read Plus V 5...1 Innehållsförteckning...1 Starta... 2 Knappbeskrivning... 2 Börja läsa... 2 Börja skriva... 2 Knapp 8 Inställningar... 3 Knapp
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 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 merMenyer, formulär och dialogrutor
Interaktion 2 Menyer, formulär och dialogrutor Konkreta typer av interaktion för direktmanipulation/wimp Kursboken Kap 6 Menyer Tanken med att använda menyer i användargränssnitt Datorer är duktiga på
Läs merNå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 merProjekt 3 :: Bush Icke-traditionella grafiska gränssnitt Mikael Onsjö, Sofie Persson, Behzad Charoose, Johan Magnuson
Projekt 3 :: Bush Icke-traditionella grafiska gränssnitt Mikael Onsjö, Sofie Persson, Behzad Charoose, Johan Magnuson Inledning... 3 Syfte... 3 Grundläggande design (spelregler)... 4 Strategi... 4 Tillvägagångssätt...
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 merProgrammeringsmjukvara TwidoSuite Ett enklare sätt att programmera
Programmeringsmjukvara TwidoSuite Ett enklare sätt att programmera P94543 P94541 Följ guiden Projekt Beskrivning Testa skillnaden! Här hittar du en kort sammanfattning av de olika utvecklingsfaserna i
Läs merTips och idéer för Windows 8
Tips och idéer för Windows 8 Läs mer om it i lärandet på webben: www.spsm.se/itochlarande Tips och idéer för Windows 8 Skriften är utgiven av Specialpedagogiska skolmyndigheten (SPSM). Skriften kan hämtas
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 merLATHUND OUTLOOK XP/2002. RXK Läromedel, Riddarplatsen 36 Plan Järfälla Tel: , Fax: e-post:
LATHUND OUTLOOK XP/2002 RXK Läromedel, Riddarplatsen 36 Plan 7 177 30 Järfälla Tel: 08-580 886 00, Fax: 08-580 259 40 www.rxk.se, e-post: info@rxk.se Detta material är författat av RXK Läromedel. Mångfaldigande
Läs merBildredigering i EPiServer & Gimp
Bildredigering i EPiServer & Gimp Maria Sognefors 7minds Agenda Teori om bilder Att tänka på när jag fotograferar Föra över bilder från kamera till dator Ladda upp bilder till EPiServer CMS 5 Enkel redigering
Läs merVälkommen som användare av medietekniks och informatiks publika studentserver
Välkommen som användare av medietekniks och informatiks publika studentserver student.ktd.sh.se Syfte Vår server är en kombinerad ftp- och webbserver med två grundläggande syften: 1) Spara dokument som
Läs merTa en skärmbild. Det är enkelt att ta en bild av skärmen. 2 Det går att ta en bild av ett enskilt öppet programfönster. SMART PROGRAM PÅ SVENSKA
SMART PROGRAM PÅ SVENSKA Ta en skärmbild Ta en bild av ett enskilt fönster, av hela skärmen eller av ett långt dokument eller en hel webbsida. Det går också att spela in video av det som händer på skärmen.
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 merAnvändarutbildning i SiteVision
Användarutbildning i SiteVision Innehållsförteckning 1 Komma igång med SiteVision 2 1.1 Starta SiteVision 2 1.2 Redigeringsläget i SiteVision 3 1.2.1 Verktygsfält 3 1.2.2 Modulväljare 4 1.2.3 Navigator
Läs merSkanRead hjälp. SkanRead 2.0. Elevdata AB
SkanRead hjälp SkanRead 2.0 Elevdata AB SkanRead hjälp: SkanRead 2.0 Elevdata AB Copyright 2011 Elevdata AB Innehållsförteckning Inledning... v 1. Så här gör du!... 1 2. SkanRead i CD-ORD och programmenyn...
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 merRiktlinjer för utveckling av lek- och lärspel till Kunskapsstjärnan.
Riktlinjer för utveckling av lek- och lärspel till Kunskapsstjärnan. Innehåll Inledning... 3 Tillgänglighet... 4 Plattform... 4 Text... 4 Ljud... 4 Musik... 4 Symboler... 4 Utrustning... 4 Tidsförlopp...
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 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 merInnehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011
Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011 Lizette Nilsson 2012-05-07 Idag Kort om vår datormiljö Vanliga orsaker till problem Låt MS Word göra jobbet åt dig - Formatmallar
Läs merLä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 merSENIORER SENIORER. Grundläggande IT för. Windows 7. Grundläggande IT för. Windows 7. Eva Ansell Marianne Ahlgren. Eva Ansell Marianne Ahlgren
600 IT för seniorer Windows 7.qxp 2011-06-0 10:27 Sida 1 Eva Ansell Marianne Ahlgren Eva Ansell Marianne Ahlgren Grundläggande IT för SENIORER Windows 7 Det här är en bok för dig som behöver grundläggande
Läs merWebbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:
Webbdesign Man kan definiera webbdesign som konsten att skapa webbplatser. En webbdesigners uppgift är att välja färger som passar, lägga till bra och rätt funktioner till webbplatsen och sedan se till
Läs merDatorns delar DATORLÅDA CD/DVD-SPELARE/BRÄNNARE SKÄRM. DISKETT-STATION Finns sällan i nya datorer. TANGENTBORD
Datorns delar På en skivspelare kan du spela olika sorters musik som till exempel pop, rock, jazz, och klassiskt. Utan skivor är skivspelaren inget att ha. För att du ska kunna använda en dator måste du
Läs merLathund länkar. Skapa en intern länk som en sida
Lathund länkar SiteVision hanterar enkelt olika typer av länkar: interna länkar (webbsidor som finns på egna webbplatsen) externa länkar (andras webbsidor) länkar till filer/dokument länkar till bilder
Läs merMänniska-datorinteraktion. Innehåll. Forts. Teknik, principer, metaforer och modeller Bengt Sandblad
Människa-datorinteraktion Teknik, principer, metaforer och modeller Bengt Sandblad Syfte Att beskriva grunderna för hur människor interagerar med datorsystem och andra tekniska system, för att utföra en
Läs merKortkommandoreferens
Kortkommandoreferens Kortkommandon för stationära och bärbara PC Denna information är tillgänglig i alternativa format på sidorna www.yourdolphin.com Introduktion 1 Detta dokument ger dig en bra översikt
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 merHandbok Systeminställningar. Richard A. Johnson Översättare: Stefan Asserhäll
Richard A. Johnson Översättare: Stefan Asserhäll 2 Innehåll 1 Inledning 5 2 Använda Systeminställningar 6 2.1 Starta Systeminställningar................................. 6 2.2 Skärmen för KDE:s systeminställningar.........................
Läs merAtt använda talsyntesen ClaroRead Pro Version 6
Att använda talsyntesen ClaroRead Pro Version 6 Talsyntesen kan läsa upp all text som går att markera. Till exempel Word-dokument, på Internet, e-post mm. Den kan även läsa PDFfiler, bilder och inskannade
Läs merKomma igång med Qlikview
Denna instruktion är till dig som är ny i Qlikview och snabbt vill komma igång med grundläggande funktioner. Innehåll 1 Introduktion... 2 1.1 Behörighet... 2 1.2 Webbläsare... 2 2 Installation av Qlikview
Läs mer