Hang je Little Big Detail op de muur.
|
|
|
- Barbara Smets
- 7 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Hang je Little Big Detail op de muur.
2 Hang je Little Big Detail op de muur.
3 Best-of-the-best Little Big Detail Opdracht: Plak je stippen op het beste Little Big Details (en bedenk waarom je je stippen waar plakt).!! nb. Een goed LBD verrijkt de interactie waarvan hij deel uitmaakt en is wezenlijk onderdeel van de interactie.! nb. Een LBD is geen make-up - geen foefje/trucje/grapje dat op de interactie is geplakt.
4 Little Big Details toegepast SIS kan beter. Grote wijzigingen doorvoeren in SIS is echter erg lastig. Maar wellicht kunnen we de experience wel verbeteren door op de details te letten.! Met welke Little Big Details kan deze pagina verbeterd worden? Maak schetsen (5 minuten).
5 Little Big Details Layout Dynamiek Responsive design Next week
6 Lay-out is ordening en plaatsing van voorwerpen in een ruimte, is samenhang en onderscheid, is hiërarchie en contrast (via bijvoorbeeld positie, grootte, oriëntatie, vorm, kleur, waarde, verzadiging en textuur), is groepering (via bijvoorbeeld nabijheid, gelijkenis, continuïteit en voltooiing) en is eenvoud, reductie en antivorm
7 Lay-out is... ordening en plaatsing van voorwerpen in een ruimte! samenhang en onderscheid hiërarchie en contrast positie, grootte, oriëntatie, vorm, kleur, waarde, verzadiging en textuur groepering nabijheid, gelijkenis, continuïteit en voltooiing! eenvoud, reductie en antivorm
8 Layout principes zijn al eeuwenoud
9 Dit is belangrijker dan deze tekst
10
11
12
13
14 Groeperen o.a. Gestalt
15
16 Groeperen door nabijheid
17 Groeperen door gelijkenis
18 Groeperen door gelijkenis
19 Redundante codering
20 Groen Rood Blauw Oranje Geel Paars Grijs Groen Rood Blauw Oranje Geel Paars Grijs Groen Rood Blauw Oranje Geel Paars Grijs Groen Rood Blauw Oranje Geel Paars Grijs Groen Rood Blauw Oranje Geel Paars Grijs Groen Rood Blauw Oranje Geel Paars Grijs Groen Rood Blauw Oranje Geel Paars Grijs Groen Rood Blauw Oranje Geel Paars Grijs
21 Groen Blauw Paars Geel Groen Grijs Paars Rood Oranje Oranje Paars Paars Blauw Paars Groen Groen Oranje Oranje Groen Blauw Blauw Paars Geel Blauw Blauw Grijs Grijs Blauw Geel Geel Grijs Oranje Rood Groen Groen Rood Groen Oranje Rood Geel Geel Paars Geel Rood Rood Oranje Grijs Paars Grijs Rood Grijs Blauw Oranje Grijs Geel Rood
22 Groen Groen Groen Groen Groen Groen Groen Groen Rood Rood Rood Rood Rood Rood Rood Rood Blauw Blauw Blauw Blauw Blauw Blauw Blauw Blauw Oranje Oranje Oranje Oranje Oranje Oranje Oranje Oranje Geel Geel Geel Geel Geel Geel Geel Geel Paars Paars Paars Paars Paars Paars Paars Paars Grijs Grijs Grijs Grijs Grijs Grijs Grijs Grijs
23 Groen Groen Groen Groen Groen Groen Groen Groen Rood Rood Rood Rood Rood Rood Rood Rood Blauw Blauw Blauw Blauw Blauw Blauw Blauw Blauw Oranje Oranje Oranje Oranje Oranje Oranje Oranje Oranje Geel Geel Geel Geel Geel Geel Geel Geel Paars Paars Paars Paars Paars Paars Paars Paars Grijs Grijs Grijs Grijs Grijs Grijs Grijs Grijs
24 Groen Groen Groen Groen Groen Groen Groen Groen Rood Rood Rood Rood Rood Rood Rood Rood Blauw Blauw Blauw Blauw Blauw Blauw Blauw Blauw Oranje Oranje Oranje Oranje Oranje Oranje Oranje Oranje Geel Geel Geel Geel Geel Geel Geel Geel Paars Paars Paars Paars Paars Paars Paars Paars Grijs Grijs Grijs Grijs Grijs Grijs Grijs Grijs
25 Groen (8x) Rood (8x) Blauw (8x) Oranje (8x) Geel (8x) Paars (8x) Grijs (8x)
26 Tekst Tekst Tekst
27 Tekst Tekst Tekst
28 Groeperen door continuïteit
29 Groeperen door continuïteit
30 Groeperen door voltooiing
31 Groeperen door voltooiing
32 Adres Huisnummer Postcode Plaats Land Voornaam Tussenvoegsel Achternaam continuïteit Functie Bedrijf Website Telefoon Mobiel Telefax
33 Adres Huisnummer Postcode Plaats Land Voornaam Tussenvoegsel Achternaam Functie Bedrijf Website Telefoon Mobiel Telefax
34 minder oogbewegingen (in één keer fixatie op label en veld) Adres Huisnummer Postcode Plaats Land Voornaam Tussenvoegsel Achternaam
35 Adres Huisnummer Postcode Plaats Land Voornaam Tussenvoegsel Achternaam Functie dubbele continuïteit Bedrijf Website Telefoon Mobiel Telefax
36 Sorteren op alfabet? Achternaam Adres Bedrijf Functie Huisnummer Land Mobiel Plaats Postcode Telefax Telefoon Tussenvoegsel Voornaam Website
37 Land Adres Sorteren op lengte? Plaats Mobiel Bedrijf Telefax Functie Website Telefoon Postcode Voornaam Achternaam Huisnummer Tussenvoegsel
38 Voornaam Tussenvoegsel Achternaam Functionele sortering Functie Bedrijf Adres Huisnummer Postcode Plaats Land Website Telefoon Mobiel Telefax
39 Voornaam Tussenvoegsel Achternaam Functie Bedrijf Groeperen door nabijheid Adres Huisnummer Postcode Plaats Land Website Telefoon Mobiel Telefax
40 Naam Functie Bedrijf Groeperen door nabijheid Adres Postcode Land Website Telefoon Mobiel Telefax
41 Naam Functie Bedrijf Adres Groeperen door voltooiing Postcode Land Website Telefoon Mobiel Telefax
42 Naam Functie Bedrijf Zo denken computers Adres Postcode Land Zo denken computers Website Telefoon Zo denken computers Mobiel Telefax
43 Naam Functie Voor en achternaam Bedrijf Adres Postcode Land Straat en huisnummer 1234 XX Website Telefoon Mobiel Telefax
44 Persoonlijke informatie Naam Hiërarchie Gelijkenis Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
45 Persoonlijke informatie Meer hiërarchie Naam Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
46 Persoonlijke informatie Nog meer hiërarchie Naam Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
47 Persoonlijke informatie Naam Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
48 Persoonlijke informatie Naam Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
49 Persoonlijke informatie Naam Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
50 Persoonlijke informatie Naam Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
51 Persoonlijke informatie Naam Functie Bedrijf Adres informatie Adres Postcode Land Contact informatie Website Telefoon Mobiel Telefax
52 1 Persoonlijke informatie Naam Functie Bedrijf 2 Adres informatie Adres Postcode Land 3 Contact informatie Website Telefoon Mobiel Telefax
53 1 Persoonlijke informatie Naam Functie Bedrijf 2 Adres informatie Adres Postcode Land 3 Contact informatie Website Telefoon Mobiel Telefax
54 De aandacht trekken en aandacht sturen
55
56
57
58 Let op dat op het moment dat je het Contact Yohan verwijdert, je ook alle s en afspraken van en met Yohan verwijdert. Help Annuleren Verwijderen
59 Let op dat op het moment dat je het Contact Yohan verwijdert, je ook alle s en afspraken van en met Yohan verwijdert. Niet alleen kleur Help Annuleren Verwijderen
60 ! Let op dat op het moment dat je het Contact Yohan verwijdert, je ook alle s en afspraken van en met Yohan verwijdert. Help Annuleren Verwijderen
61 Let op dat op het moment dat je het Contact Yohan verwijdert, je ook alle s en afspraken van en met Yohan verwijdert. Help Annuleren Verwijderen
62 Let op dat op het moment dat je het Contact Yohan verwijdert, je ook alle s en afspraken van en met Yohan verwijdert. Help Annuleren Verwijderen
63 Het op dat op het moment dat je het Contact Yohan verwijdert, je ook alle s en afspraken van en met Yohan Help Annuleren Verwijderen
64 Het op dat op het moment dat je het Contact Yohan verwijdert, je ook alle s en afspraken van en met Yohan Help Annuleren Verwijderen
65
66 1
67 2
68 3
69
70 1
71 2
72 3
73
74 1
75 2
76 3
77
78 1
79 2
80 3
81 Little Big Details Layout Dynamiek Responsive design Next week
82 Tot nog toe papieren-layout principes - al eeuwenoud Op schermen hebben we daar dynamiek bijgekregen
83
84
85 Dynamische mogelijkheden o.a. om gebrek aan ruimte te compenseren Use pixels more than once Transparency / Layers Animation Video & Sound Haptic feedback
86
87 Context stereotypen one-eye and one-hand
88 Context stereotypen
89
90 Strategieën: Do nothing
91 mobile website website Strategieën: Mobile site
92 mobile website website Desktop version Strategieën: Mobile site
93 native app applicatie Strategieën: Native apps
94 mobile website native app applicatie Strategieën: Native apps
95 Android Windows Phone ios Strategieën: App only
96 mobile website native apps website Strategieën: M-Web & Natives
97 focussed native apps website Strategieën: Focussed app
98 Dit gaan we vandaag doen Strategieën: Responsive website één website voor alle formaten en interactiestijlen
99 Little Big Details Layout Dynamiek Responsive design Next week
100 Vandaag alleen de homepage in t echt alle pagina s (veel werk)
101 Responsive Design workflow! 1a. Content analyseren 1b. Content prioriteren! 2a. Componenten ontwerpen 2b. Breakpoints bepalen! 3a. Prototypen & Testen 3b. Prototypen & Testen 3c. Prototypen & Testen
102 Opdracht 1/2 (duo)! 1a. Content analyseren - Bepaal welke elementen er op de pagina staan. - Nummer de elementen (A, B, C ).! 1b. Content prioriteren - Bepaal van elk element de belangrijkheid: - van 5 (belangrijkst) - tot 1 (minst belangrijk) - of 0 (niet belangrijk). - Denk na over gebruiksscenario s bij het bepalen van de prioriteit. Zorg dat je je keuzes kunt onderbouwen.
103
104 A B
105 Opdracht 1/2 (duo)! 1a. Content analyseren - Bepaal welke elementen er op de pagina staan. - Nummer de elementen (A, B, C ).! 1b. Content prioriteren - Bepaal van elk element de belangrijkheid: - van 5 (belangrijkst) - tot 1 (minst belangrijk) - of 0 (niet belangrijk). - Denk na over gebruiksscenario s bij het bepalen van de prioriteit. Zorg dat je je keuzes kunt onderbouwen.
106
107 A A. Logo B. Login functie C. Extra menu D. Hoofdmenu E. Zoeken F. Carousel C G. Feedback functie B D F E G
108 H I J K L M N H. Interne reclame I. Login functie J. Fat footer K. Fat footer (contact) L. Fat footer (my t-mobile) M. Service menu N. Sitemap link
109
110 Opdracht 2/2 (duo)! 2a. Componenten ontwerpen - Van klein naar groot óf van groot naar klein. - Schalen tot een component niet meer past of werkt. - Verlies het geheel niet uit oog. - Schetsen, schetsen, schetsen.! 2b. Breakpoints bepalen - Content - en niet de devices - bepalen breakpoints. - Ontwerp voor tussen breakpoints - niet voor op breakpoints. - Breakpoints zouden per component kunnen verschillen.
111 Schalen tot een component niet meer past of werkt
112 Schalen tot een component niet meer past of werkt
113 Schalen tot een component niet meer past of werkt
114 Schalen tot een component niet meer past of werkt
115 Schalen tot een component niet meer past of werkt
116 Schalen tot een component niet meer past of werkt
117 Schalen tot een component niet meer past of werkt Is dit wenselijk?
118 Schalen tot een component niet meer past of werkt Column drop Off canvas Lineair (onder elkaar) Mostly fluid Tiny changes Lay-out shifter
119 Schalen tot een component niet meer past of werkt Achtergrond Logo Images Headers Tekst Menu(s) Tabellen Links / Knoppen Kolommen
120 Van klein naar groot (mobile first) óf van groot naar klein (bij bestaande site)
121 óf wellicht tablet first
122 Content - en niet de devices - bepalen breakpoints. 320 px 480 px 640 px 760 px 1400 px > Een layout moet werken tussen 2 breakpoints (alles is vloeibaar)
123 Content - en niet de devices - bepalen breakpoints. Sprekers naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk Workshops
124 Content - en niet de devices - bepalen breakpoints. Sprekers Sprekers naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk Workshops naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk Workshops
125 Content - en niet de devices - bepalen breakpoints. Sprekers Sprekers Sprekers naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk Workshops naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk naam van spreker titel van talk Workshops naam van spreker titel van talk naam van spreker titel van talk
126 Opdracht 2/2 (duo)! 2a. Componenten ontwerpen - Van klein naar groot óf van groot naar klein. - Schalen tot een component niet meer past of werkt. - Verlies het geheel niet uit oog. - Schetsen, schetsen, schetsen.! 2b. Breakpoints bepalen - Content - en niet de devices - bepalen breakpoints. - Ontwerp voor tussen breakpoints - niet voor op breakpoints. - Breakpoints zouden per component kunnen verschillen.!! Nb. Nb. Nb. Nb. Nb. Je mag je richten op desktop en kleiner. Maak minimaal 3 layouts. Wellicht hoeven niet alle items in de carousel (altijd) de zelfde layout te hebben. Schets alle statussen van de layouts. Annoteer je schetsen.
127 Little Big Details Layout Dynamiek Responsive design Next week
128 Voor volgende week lezen Hoofdstuk 4 - Forms are everywhere Voor volgende week maken UX pictoos opdracht en neem volgende week je reader mee en kijk alvast naar de cases voor de ontwerpopdracht.
Tap is the New Click Werkgroep 2
Tap is the New Click Werkgroep 2 (On)verwacht SO Vraag 1/11 - Vul de vijf missende begrippen in. 1. Concrete Completion Visual Design Interface Design 2. Information Design Navigation Design Surface Skeleton
F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E )
F U N C T I O N E E L O N T W E R P V O O R F U L L H O U S E M O B I LE ( V I S I O N V E R S I E ) Datum: 29-09-2010 Auteur: Dairo Bosschart Versie: 1.0 Document: Functioneel_ontwerp (vision versie).docx
WISWEB. design concepts v0.1 WISWEB
design concepts v0.1 Het doel van het WISWeb design is vier-ledig: 1. het moet informatie verschaffen over producten (en evenementen) die voor voor het wiskunde onderwijs in het voorgezet onderwijs relevant
WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3. WT-Webwinkel... 3
Inhoudsopgave Versie 2.0.0... 2 Algemeen... 2... 2 WT-Content... 3... 3 WT-Nieuws... 3... 3 WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3... 3 WT-Webwinkel... 3... 3 WT-Contact... 4... 4 Versie 2.0.1...
Mobile Ads AANLEVERSPECIFICATIES. Naast de traditionele wegen om bij Bright te adverteren introduceren wij nu in-app advertising.
Mobile Ads iphone Mobile Ads Naast de traditionele wegen om bij Bright te adverteren introduceren wij nu in-app advertising. In-app. advertising staat voor adverteren in de iphone app. van Bright. AANLEVERSPECIFICATIES
Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders
Responsive Design Werkwijze en aanlevering Responsive Design Mach3Builders Introductie Door de explosieve stijging van het aantal soorten devices waarop websites bekeken kan worden, is het ontwerpen van
Card sorting Sitemap Use case. Wireframes Schermontwerpen Stijlgids. Niet in les gedaan! Via je einddocument. Verkennen. Genereren.
Hoorcollege 4 Verkennen Genereren Evalueren Communiceren Card sorting Sitemap Use case Wireframes Schermontwerpen Stijlgids Niet in les gedaan! Via je einddocument Schermontwerpen Pauze Stijlgids Feedback
Stedelijk Museum. Ontwerpspecificatie. VMBO leerlingen interactieve rondleiding. Meesterproef Minor UXD V0.1 18-06-2013 Jasper Bunschoten 500615247
Stedelijk Museum VMBO leerlingen interactieve rondleiding Ontwerpspecificatie Meesterproef Minor UXD V0.1 18-06-2013 Jasper Bunschoten 500615247 Inhoud INHOUD OPDRACHT CONCEPT ONTWERP HIGH LEVEL DETAIL
1.9.9 Release Notes 28 oktober 2014
1.9.9 Release Notes 28 oktober 2014 Inhoud Voordelen... 1 Overzicht... 2 Release Versie... 3 Nieuw... 4 Nieuw Tablet/Groot scherm weergave... 4 Ontwerp de Tablet/Groot Scherm Layout... 4 Site eigenaar
Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:
Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia
Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn?
Deze week: - Bespreken 2 websites - kleur - MBTI - Opdracht wat moet er voor volgende week af zijn? Vormgeving in relatie tot verschillende doelgroepen Hoe kun je mensen groeperen? oefening [ met z n
Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com
Talk Nerdy To Me 16-05-2012 NHL Responsive Webdesign Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com 1.1 Waarom is webdesign voor mobiel gebruik onvermijdelijk? in 2010 was er 600% groei in
Dennis Wagenaar 19-04-10 v 1.0
Ontwerprapport Save Energy Leiden Dennis Wagenaar 19-04-10 v 1.0 Inhoudsopgave Inleiding...4 1 Grafisch Ontwerp...5 1.1 De website...5 1.2 Header...6 1.3 Menu...6 1.4 Content...7 1.5 Grafieken...7 1.5
edenspiekermann_ hva Stijlgids HvA responsive website
edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage
afdruk: 26 november 2015 blz. 1
afdruk: 26 november 2015 blz. 1 Usability design for Uniface developers Intro Intro Waarnemen De Baas OK Controls Foutje Vormgeving Platform, hardware Mentaal model Taak, 80/20-regel Na afloop: Hebt u
USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR
USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;
Web Games en het mobiele web. Hoorcollege Webdesign 9 6 juni 2014 Christof van Nimwegen
Web Games en het mobiele web Hoorcollege Webdesign 9 6 juni 2014 Christof van Nimwegen Webgames: scope dit college onderdeel Games staan nu centraal in deze faculteit. In een cursus over webdesign MOET
ANOUK ROUMANS TO CODE OR NOT TO CODE.
ANOUK ROUMANS ANOUK ROUMANS TO CODE OR NOT TO CODE. 00 HOOFDVRAAG 00 HOOFDVRAAG Is het relevant voor een UX-designer om development kennis te hebben op gebied van apps? 00 INHOUDSOPGAVE 00 INHOUDSOPGAVE
Project: DevThis! Bedrijf: Discodevelopment
Plan van aanpak Project: DevThis! Bedrijf: Plaats, datum: Rotterdam, 19 september 2009 Opgesteld door: Projectgroep Stephen Steven 0781359 Marvin 0790920 Sandra 0773300 Shanaka 0760515 Dairo 0763673 Plan
Release notes Argo 7. Interactieve LMS interface. Nieuwe interface voor lesmodules
Release notes Argo 7 Argo 7 heeft een interactief web design. Het is optimaal afgestemd op de grote diversiteit aan computerbeeldschermen, van grootbeeld desktops en notebooks tot tablets en smart phones.
Maak je eigen app met Thunkable!
Maak je eigen app met Thunkable! We gebruiken hiervoor de webapplicatie https://thunkable.com/. Elk kind moet nu een account aanmaken via e-mail of zijn/haar Google-account. FASE 1 DE APP BEDENKEN (max
Inhoud van de website invoeren met de ContentPublisher
Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.
procesbeschrijving. Opdracht 1
Opdracht 1 procesbeschrijving 2014-2015 Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde Team 28 Randell
15 Interactie Ontwerpen
15 Interactie Ontwerpen Kenrick Fontijne 0909758 1A Inhoud Product backlog Sitemap Navigatie model Activity diagram Wireframes Content areas Styleguide Tone of voice Product Backlog MUST HAVE Als gebruiker
Documentatie WD32. Christine van Woensel M32
Documentatie WD32 Christine van Woensel M32 Ontwerpkeuzes per device resolutie Desktop (1025 1600px & 769 1024px): Tablet (481 768px): Smartphone (321 480px & tot 320px): Algemeen: Alle ontwerpen voor
Succesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida.
Succesvol dankzij het juiste design Ilse Kroes UX-designer van Vevida. 1 Reden dat je website er is. Informatie delen Online vertellen wat voor soort bedrijf je hebt. Zoveel mogelijk producten verkopen.
SAP Mobile Documents SP 05 Hoe het werken met de nieuwste versie nog makkelijker is geworden.
SAP Mobile Documents SP 05 Hoe het werken met de nieuwste versie nog makkelijker is geworden. Documentnummer: 1.0 Datum: 4-1-2016 Auteur: SANDER MAES Rompertdreef 1b 5233 ED s-hertogenbosch Postbus 86
Leerscenario Kata-App (werktitel) Raymond Stoops Hogeschool Utrecht. Analyse. Inleiding. Doelstellingen
Leerscenario Kata-App (werktitel) Raymond Stoops Hogeschool Utrecht Analyse Inleiding Bij het beoefenen van karate zijn er meerdere trainingsvormen. Een individuele trainingsvorm is de kata, waar een vast
onderzoek ontwerp realisatie implementatie
Usability testing onderzoek ontwerp realisatie implementatie onderzoek concept ontwerpen prototype realisatie & specificatie onderzoek ontwerp realisatie implementatie vandaag onderzoek ontwerp realisatie
Het Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010
Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management
MWeb 4.0. Handleiding Basis Modules Versie 1.0
MWeb 4.0 Handleiding Basis Modules Versie 1.0 Index 1. Algemeen 3 1.1. Gebruikersnamen en Wachtwoorden 3 1.2. Inloggen 3 1.3. Uitloggen 3 1.4. Belangrijk 3 2. User Manager 4 2.1. Gebruikers lijst User
Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase
Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet
1. ONTWIKKEL EEN MOBIELE VERSIE
1. ONTWIKKEL EEN MOBIELE VERSIE Het is een misvatting om te denken dat een webshop die ontwikkeld is als desktopsite, ook goed werkt voor mobiele gebruikers. Integendeel, je moet de website optimaliseren
Inloggen op het Portal
Inloggen op het Portal Voordat de roosters bekeken kunnen worden op het Zermelo Portal moet eerst worden ingelogd zodat het portal weet wie je bent. Het Zermelo Portal is ontwikkeld voor gebruik op computers
Interactieontwerp Groepsopdracht Week 3, Opdracht 2
Interactieontwerp Groepsopdracht Week 3, Opdracht 2 Bas de Keulenaar (11045973) Grafisch Ontwerper Annejet Robijn (11269111) Interactie Ontwerper Angélique Siu (11211725) Facilitator Lisanne van Vliet
Handleiding CrisisConnect app beheersysteem
Handleiding CrisisConnect app beheersysteem Inhoudsopgave 1. Start 1.1. Vereisten gebruik 1.2. Inloggen 1.3. Wachtwoord wijzigen 2. Vullen 2.1. Dossiers 2.2. Processen 2.2.1. Tekst toevoegen 2.2.2. Bijlagen
MED-APP uw eigen congres app
MED-APP uw eigen congres app HTML5 website Compatibel met: Smartphone Tablets PC Apple Computer ios Compatibel met ipod iphone ipad Android Compatibel met Android smartphone Android tablet A Waarom een
Een account aanmaken voor weebly.
Een account aanmaken voor weebly. STAP 1 Vul de volgende gegvens in voordat je op de oranje knop klikt. - NAAM - E-mailadres - PASWOORD Klik op de home page op de onderstaande knop. STAP 2 Wanneer je de
Handleiding Nieuwsbrief InSocial in Mailchimp
Handleiding Nieuwsbrief InSocial in Mailchimp Inhoud 1 Mogelijkheden page 2 2 Bericht opties page 3 3 Achtergrond page 4 4 Afbeeldingen page 5 5 Tekst page 6 6 Link page 7 7 Testen page 8 TEST altijd eerst
Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening
Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je doelgroep.
Handleiding - Vivago Mobile
Handleiding - Vivago Mobile Installatie Vivago Mobile applicatie Vereisten Vivago Mobile App : Android Smartphone > Android versie 4.0.3. of hoger Iphone > ios versie 9.0 of nieuwer Download de Vivago
Office 365 verificatie in twee stappen instellen (zonder smartphone)
Office 365 verificatie in twee stappen instellen (zonder smartphone) Als uw school verificatie in twee stappen gebruikt voor Office 365, maar je bent niet in het bezit van een smartphone dan is WinAuth
Een website maken met Weebly Alva ICT Karsten Campsteyn Jan Penders
Een website maken met Weebly Alva ICT Karsten Campsteyn Jan Penders 1. Inhoudsopgave 2. Een account aanmaken voor weebly.... 3 STAP 1... 3 STAP 2... 3 STAP 3... 3 3. Een Menustructuur aanbrengen... 4 STAP
4. Contacten, agenda en widgets beheren
95 4. Contacten, agenda en widgets beheren Naast E-mail en Internet staat er nog een aantal andere standaardapps op uw Samsung Galaxy Tab. Met de app Contacten beheert u bijvoorbeeld uw contactpersonen.
Mobile Service Request : handleiding
Mobile Service Request : handleiding bewaard op 30-11-2018 1 1. Meldingen in de Mobile Service Request app (MSR) Opgelet: inloggen kan niet tegelijk in web en app. Een van de twee wordt dan automatisch
Mach3Framework 5.0 / Website
Mach3Framework 5.0 / Website Handleiding Mach3Builders Inhoudsopgave 1 Inloggen...5 1.1 Ingelogd blijven...6 1.2 Wachtwoord vergeten...7 2 Applicatie keuzescherm...8 2.1 De beheeromgeving openen...9 3
HANDLEIDING PROFIELPAGINA WEBSITE ONE
HANDLEIDING PROFIELPAGINA WEBSITE ONE In dit document vind je een instructie aangaande het vullen van je profielpagina in de expertisebank van de website van ONE. Inloggen in de expertisebank Om je profielpagina
Een website maken met Weebly
Een website maken met Weebly Bron: http://flippenindeklas.weebly.com/uploads/1/1/8/6/11865400/weebly_ handleiding.pdf (26-08-2016) Inhoudsopgave 2. Een account aanmaken voor weebly.... 3 STAP 1... 3 STAP
AUTOMOTIVE. Het Semilo Channel Automotive Voor alles over auto s
AUTOMOTIVE Het Semilo Channel Automotive Voor alles over auto s Websites: 11 Uniek bereik: 2.334.500 Impressies: 123.170.000 Het channel Automotive van Semilo biedt de bezoeker alles over auto s. Nieuwe
Handreiking Mobiele App Ontwikkeling en Beheer voor de Rijksoverheid
Handreiking Mobiele App Ontwikkeling en Beheer voor de Rijksoverheid Ronald Heukers Architect Dictu w.j.r.heukers@dictu.nl Margreet van der Krans Architect SSC- I m.van.der.krans@dji.minjus.nl Leendert
Technische data. Versie dec
Technische data Versie dec.2016 www.mobilea.nl Mobiléa Infrastructuur: Pagina 1 Pagina 2 Specificaties: Het platform van Mobiléa valt op te splitsen in een aantal technische componenten, te weten: De webapplicatie
Gebruiksaanwijzing. Het aanmaken van nieuwe pagina in de Buy & Sell Module in 10 eenvoudige stappen. Nieuwe pagina aanmaken
Gebruiksaanwijzing Het aanmaken van nieuwe pagina in de Buy & Sell Module in 10 eenvoudige stappen. Stap 1. Stap 2. Stap 3. Stap 4. Stap 5. Stap 6. Stap 7. Stap 8. Stap 9. Stap 10. Inloggen Nieuwe pagina
HANDLEIDING WEBHARE 1
HANDLEIDING WEBHARE 1 2 INHOUDSOPGAVE HANDLEIDING WEBHARE... 1 Introductie... 4 Inloggen... 5 Publisher... 7 De knoppenbalk... 7 Context Menu... 8 Rotary Word sjabloon... 9 Basis WebHare beheer... 11 Nieuwe
Scratch voor mobiel: AppInventor
Scratch voor mobiel: AppInventor Beginnen AppInventor is Scratch voor Android. Je maakt hiermee apps voor op je mobiele telefoon of tablet. Beginnen: Start chrome.exe en ga naar http://appinventor.mit.edu/explore
Gebruikershandleiding GO search 2.0
Gebruikershandleiding GO search 2.0 1 Gebruikershandleiding Product: GO search 2.0 Documentversie: 1.1 Datum: 2 februari 2015 Niets uit deze uitgave mag zonder toestemming van GemeenteOplossingen worden
d e s i g n d o c u m e n t MELK
designdocument MELK melk moet een identiteit krijgen zowel inhoudelijk als visueel in dit document is het ontstaan van het visuele gedeelte weergegeven Dit is een inhoudsopgave 4-19... logo 20-34... website
Homepagina - Logo en favicon plaatsen
Homepagina - Logo en favicon plaatsen Wat leer je in dit hoofdstuk: - Hoe je een logo kunt plaatsen - Hoe je een favicon kunt plaatsen - Hoe je tekst kunt aanpassen in de tabbladen van je browser Inleiding
Verslag Pencil, Photoshop & InDesign
Verslag Pencil, Photoshop & InDesign Naam: Rob Dekker Studentnummer: 11020067 Vak: MMIO Datum: 07-02-2016 Pencil Bij het ontwerpen van drie verschillende voorstellen voor mijn portfoliosite heb ik gebruik
Hoe maak je een nieuwbrief template met MailChimp? In dit document leg ik je stap voor stap uit hoe je met het drag and drop systeem van MailChimp jouw eigen layout bij elkaar sleept. Je geeft jouw template
Web. TU Delft. Huisstijlrichtlijnen
TU Delft Web TU Delft Huisstijlrichtlijnen Index 1 Broodtekst 2 Titels 3 Template homepage 4 Template vervolgpagina s 5 Hoofdmenu 6 Submenu 7 Headers 8 Tabblad 9 Tabblad varianten 10 Tabblad nieuws / agenda
Design rationale document. Rabobank.com
Design rationale document Rabobank.com Inhoudsopgave 3 4 5 14 Inleiding Design values Algemene rationale Styleguide 2 Inleiding In dit document zijn de ontwerpuitgangspunten vastgelegd voor de vernieuwde
Courbois Software. Extra categoriën toevoegen aan de WebWinkel
Courbois Software Extra categoriën toevoegen aan de WebWinkel De editor handleiding is altijd te vinden op de volgende locatie : http://editor.cs-webdesign.nl 2012 Courbois Software Beuningen Fazantlaan
The testresultaten kunnen bekeken worden door alle gezondheidsprofessionals die toegang hebben tot het dossier van de patiënt.
1 van 5 14/04/2014 21:51 Handleiding Inleiding Inleiding Terminologie Vereisten Inloggen Bestaande patiënt openen Afgedrukte vragenlijst Spartanova WiPaM (Wireless Patient Monitoring) is een telegeneeskunde
Gebruiksaanwijzing. Het aanmaken van een nieuwe pagina in de supplier module in 10 eenvoudige stappen. Nieuwe pagina aanmaken
Gebruiksaanwijzing Het aanmaken van een nieuwe pagina in de supplier module in 10 eenvoudige stappen. Stap 1. Stap 2. Stap 3. Stap 4. Stap 5. Stap 6. Stap 7. Stap 8. Stap 9. Stap 10. Inloggen Nieuwe pagina
02. Responsive Design
WHITEPAPER IN 5 MINUTEN J U L I 2 0 1 2 02. Responsive Design Introductie De wereld van schermen waarop je website wordt getoond, raakt in rap tempo versnipperd. Voorheen was het makkelijk: websites werden
Pagina 1 van 13. Screen design. Justin koopmans
Pagina 1 van 13 Screen design Justin koopmans - 0880018 Inleiding Pagina 2 van 13 Voor het vak Screen Design was opdracht 1 al een leuke. We moesten een pagina van een bank herontwerpen. Dit sprak mij
Afstudeerpresenta,e van Marleen de Jager
Afstudeerpresenta,e van Marleen de Jager User Experience oplossingen voor een steeds groter aantal mobile devices en mobile platforms. Afstudeerscriptie van Marleen de Jager } Extra aandacht bij het ontwerpen
Documentatie Nederlands v1
Documentatie Nederlands v1 Getting started Navigation menu Theme settings General Features Background Typography Banners Contact details Social Unique selling points Image Sizes Frequently asked questions
Design jezelf online
Design jezelf online Gaat over jouw personal brand Ik gebruik de term personal brand, omdat dat beter de inhoud weergeeft als mijn persoonlijke merk. Personal brand -> wordt al ervaren als je uitstraling
Self-Service Portal Registeren, downloaden & activeren van een soft token
Self-Service Portal Registeren, downloaden & activeren van een soft token Document versie: 3.2 Uitgavedatum: september 2014 Inhoud Introductie... 3 Over 2 e factor authenticatie... 3 Over egrid authenticatie...
Product Backlog. Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen.
Product Backlog MUST HAVE Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen. Als gebruiker wil ik dat mijn foto automatisch versierd wordt aan de
Responsive web applicaties op Oracle
APEX Responsive web applicaties op Oracle Spreker(s) : Datum : E-mail : Arian Macleane & Jacob Beeuwkes 06-06-2013 info@transfer-solutions.com WWW.TRANSFER-SOLUTIONS.COM Outline Trends APEX intro APEX
Cognition Empowers! PERSOONLIJKE ONTWIKKELING: kennis - inspiratie - beleving. TEAM BUILDING: delen - communiceren - verbinden
Cognition Empowers! PERSOONLIJKE ONTWIKKELING: kennis - inspiratie - beleving TEAM BUILDING: delen - communiceren - verbinden HET BEDRIJF: kwaliteit - uitstraling - sociale media 1 MEI 2019 ONDERDEEL VAN
Handleiding voor Leden Teampagina aanpassen op www.witkampers.nl
Handleiding voor Leden Teampagina aanpassen op www.witkampers.nl 1 Inleiding & Inhoudsopgave Deze handleiding helpt bij het aanpassen van de teampagina s op www.witkampers.nl. Het doel van de website is
Instructies Zitecraft Content Management System (CMS)
Instructies Zitecraft Content Management System (CMS) Inloggen Het CMS wordt geopend via http://zitecraft.com/login of er kan op het icoontje rechtsonder op de zite geklikt worden. Vervolgens dient het
WHITEPAPER. Wat is een. Responsive website? Voordelen van een. Responsive website? Hoe start je met een. Responsive website? RESPONSIVE WEBSITES
WHITEPAPER RESPONSIVE WEBSITES Wat is een Responsive website? Voordelen van een Responsive website? Hoe start je met een Responsive website? INTRODUCTIE Met het downloaden van deze whitepaper kunnen we
Instructie voor een mail-merge VZVZ toestemmingsformulier in Word.
Instructie voor een mail-merge VZVZ toestemmingsformulier in Word. NB: Voor deze instructie is gebruik gemaakt van Office 2016 op een Windows 7 computer; de taal staat ingesteld op Nederlands. In grote
responsive design & merkbeleving Nils Vermeulen / Seminar
responsive design & merkbeleving Nils Vermeulen / Seminar deze seminar 1. De vraagstelling 2. Responsive (web)design 3. Responsive identity 4. Toepassen onderzoek 5. Van responsive design naar styleguide
Remote Administration System PDA (RASmobile)
Divitec Nederland BV 1 Xineron RAS Mobile RAS Mobile geeft u de mogelijkheid om toegang te krijgen tot externe sites en live video te bekijken met gebruik van een op Windows Mobile gebaseerde PDA op ieder
Mediakit 2016 editie
Mediakit 2016 editie Wij maken technologie begrijpelijk Contactgegevens Informatie over verkoop, traffic, redactie en de uitgever 2016 Titels: AndroidPlanet.nl iphoned.nl Smartphone.nl www.androidplanet.nl
Portal Handleiding voor de gebruiker 4.8
Portal Handleiding voor de gebruiker 4.8 Deze handleiding beschrijft op gebruikersniveau de basisfuncties van de portal. Version: x.x MOBIDM Gebruikershandleiding Pagina 1 Index Introductie 2 Help-bestanden
Mediakit Tech in begrijpelijke taal
Tech in begrijpelijke taal Mediakit 2017 Via onze websites informeren, inspireren en adviseren we maandelijks ruim 2 miljoen bezoekers op het gebied van technologie en gadgets Inhoud 1. Over BigSpark 2.
Philips E-motion. Protoyping/Interactieontwerp. Kwartaal 1 jaar 3. Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts
Protoyping/Interactieontwerp Philips E-motion Kwartaal 1 jaar 3 Inhoud Onderzoek Schetsen Mockups Wireframes Flowcharts Maarten de Splenter COHORT0506 000119739 Onderzoek Bij het ontwikkelen van de E-motion
Bouw snel en eenvoudig een eigen mobile Virtual Reality app
Bouw snel en eenvoudig een eigen mobile Virtual Reality app Deze handleiding is opgesplitst in twee delen. Deel 1: Hoe gebruik je het Smart2VR CMS? Deel 2: Hoe gebruik je de Virtual Reality app? Deel 1:
HANDLEIDING SimpleInOut
HANDLEIDING SimpleInOut 1 September 2017 SimpleInOut WAT IS SimpleInOut?... 3 EEN ACCOUNT AANVRAGEN... 3 DE EERSTE KEER INLOGGEN... 3 JE GEGEVENS AANVULLEN OF WIJZIGEN... 4 IN- EN UITCHECKEN VIA DE WEBSITE...
Mobile Self Service Android DeBlessurePraktijk
Mobile Self Service Android DeBlessurePraktijk Datum : di 18 dec 12 Versie : 1.0 1 Inhoudsopgave 1.Algemeen... 3 2.App installatie... 4 3.Inloggen... 5 4.Hoofdmenu... 6 5.Agenda instellingen onderhouden...
Mobile Service Request : handleiding voor de melder
Mobile Service Request : handleiding voor de melder bewaard op 30-11-2018 1 1. Meldingen in de Mobile Service Request app (MSR) Opgelet: inloggen kan niet tegelijk in web en app. Een van de twee wordt
Mobile UX Design met Keynote
Wireframe Mockup Requirements Clickable Prototype UXD Present Mobile UX Design met Keynote Zorg ervoor dat keynote is geïnstalleerd op je laptop. Agenda Voorstelronde Waarom is prototypen belangrijk De
5. Documenten Wat kan ik met Documenten? 1. Over LEVIY. 5.1 Documenten terugvinden Uitleg over vinden van documenten.
Versie 1.0 23.03.2015 02 1. Over LEVIY Wat doet LEVIY? 08 5. Documenten Wat kan ik met Documenten? 2. Algemene definities Behandelen van terugkerende definities. 09 5.1 Documenten terugvinden Uitleg over
4. Contacten, agenda en widgets beheren
113 4. Contacten, agenda en widgets beheren Naast E-mail en Internet staat er nog een aantal andere standaard apps op uw Samsung Galaxy Tab. Met de app Contacten kunt u bijvoorbeeld uw contactpersonen
ProwareGolf Cloud Ledeninformatie. Versie 3.0.0
ProwareGolf Cloud Ledeninformatie Versie 3.0.0 Inhoudsopgave De mijn pagina... 1 Inloggen op de mijn pagina... 2 Uw wachtwoord opnieuw instellen... 3 Het beginscherm... 5 Het inzien van uw persoonlijke
Foto s bewerken en toevoegen aan de website
Foto s bewerken en toevoegen aan de website Inhoud Formaten... 3 Foto s bovenaan de pagina - topimages... 3 Foto s op maat maken en bewerken... 3 Foto s toevoegen bovenaan de pagina... 5 Via een content
edenspiekermann_ hva Stijlgids HvA responsive website
edenspiekermann_ hva Stijlgids HvA responsive website April 2014 Versie 1.0 HvA, Stijlgids responsive website - Februari 2014 - Versie 1.0 2 Inhoud Introductie 3 Concept webstijl 4 3-koloms grid homepage
Gedaan: Logo Communicatie middel(en) Inrichtingsplan. Nog te doen: - Website - Balie - Promotie item
Briefing Website Gedaan: Logo Communicatie middel(en) Inrichtingsplan Nog te doen: - Website - Balie - Promotie item Website > vormgeving Website > techniek Wat maak je? Je maakt een website voor restaurant
MC Slotervaart. Handleiding Thuiswerken
MC Slotervaart Handleiding Thuiswerken Via het internet kunt u verbinding maken met het MC Slotervaart netwerk. Afhankelijk van de aan u toegekende rechten kunt u toegang krijgen tot uw e-mail, bestanden,
Stijlgids mobiele apps Rijkswaterstaat
RWS BEDRIJFSINFORMATIE Stijlgids mobiele apps Rijkswaterstaat Richtlijn voor design en user experience Datum 17 maart 2015 Versie 1.1 Colofon Uitgegeven door Rijkswaterstaat Corporate Dienst Afdeling Corporate
Ontwerpdocument. Maarten Kolthof. NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof
Ontwerpdocument Maarten Kolthof NHL Hogeschool Opleiding Communication & Multimedia Design Ontwerpdocument - Maarten Kolthof Inhoud Algemeen ontwerp 3 Icoon en kleurgebruik Animatie technieken ios 7 kenmerken
Gebruik vaste content en library
Gebruik vaste content en library Dit document dient als uitleg over het gebruik van de vaste content en de library (bestandsbibliotheek). Met de vaste content is het mogelijk om bepaalde pagina s van de