visual design - data accessmarketing.dataaccess.com/synergy2011_presentations/visualdesign_rs.pdfwhy...
TRANSCRIPT
![Page 1: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/1.jpg)
Visual Design
By Roel Schijf
![Page 2: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/2.jpg)
Welcome
• Roel Schijf
– Web & Graphic designer at Data Access Europe
• Great demand for great looking User Interfaces
• DAE Graphics
– Web & Graphic department of Data Access Europe
– Since 2008
•
2
![Page 3: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/3.jpg)
3
![Page 4: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/4.jpg)
4
![Page 5: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/5.jpg)
5
![Page 6: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/6.jpg)
6
![Page 7: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/7.jpg)
7
![Page 8: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/8.jpg)
Agenda
8
1. What is visual design all about?2. Visual design and usability3. Useful techniques for great user interfaces4. Applying a CSS reset5. My workflow6. Systemizing the design process7. The transformation of MyWebsite8. Before & After
![Page 9: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/9.jpg)
1. What is visual design all about?
• Umbrella of many things
– Colours
– Typography
– Whitespace
– Etc.
• Information architecture
• Android
• iOS
Design is the process of finding the quickest way to complete a task!
9“
![Page 10: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/10.jpg)
2. Visual design and usability
• You need a good copy
– Copy is a term used to describe all of the text content on a website.
• We do not read from
pops out
• stronger, higher-contrast colors and larger fonts
10
![Page 11: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/11.jpg)
• Have clear points of focus
•
together in huge chunks
11People start reading whatever pops out “
![Page 12: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/12.jpg)
So what is usability all about?
– Making things easier to use,
– Less thinking,
– Less frustration,
– Get more things done in less time.
–
your website or web application.
12
![Page 13: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/13.jpg)
3. Useful techniques for great user interfaces
a. Highlight important changes (visual feedback)
Websites and applications must offer simple, intuitive and responsive user interfaces that let their users get things done with less effort and time.
13
“
![Page 14: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/14.jpg)
b. Context-sensitive navigation c. Short sign-up forms
14
Don’t give users too many
different options – It has been
tested and doesn’t work well.
“
![Page 15: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/15.jpg)
d. Make use of a color scheme e. Strive for Balance
15
http://colorschemedesigner.com/
![Page 16: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/16.jpg)
g. Clickable areasf. Good content layout
h. Add whitespace
16
![Page 17: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/17.jpg)
i. Add contrast j. Strive for Clarity
17
![Page 18: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/18.jpg)
Enhancing the UI with CSS/AJAX/jQuery
• WebApp sample
– without markup
– with markup
• Contact sample
– without markup
– with markup
18
Adding CSS to your interface.
![Page 19: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/19.jpg)
19
![Page 20: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/20.jpg)
20
![Page 21: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/21.jpg)
21
![Page 22: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/22.jpg)
22
![Page 23: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/23.jpg)
Turn any web form into a powerful wizard with jQuery / AJAX
http://www.jankoatwarpspeed.com/examples/webform_to_wizard/
23
![Page 24: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/24.jpg)
24
![Page 25: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/25.jpg)
Using CSS and jQuery for styling
25
![Page 26: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/26.jpg)
26
![Page 27: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/27.jpg)
Customizing the AJAX Lib interface
27
![Page 28: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/28.jpg)
28
![Page 29: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/29.jpg)
29
![Page 30: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/30.jpg)
30
![Page 31: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/31.jpg)
Designing elements with CSS
31
![Page 32: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/32.jpg)
Example: News-items
32
![Page 33: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/33.jpg)
33
![Page 34: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/34.jpg)
The resultAll elements combined together...
34
![Page 35: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/35.jpg)
Example: Webshop-items
35
![Page 36: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/36.jpg)
Example: Webshop-items
36
+
![Page 37: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/37.jpg)
The resultAll elements combined together...
37
![Page 38: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/38.jpg)
Full body UI with little use of graphics
38
![Page 40: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/40.jpg)
4. Applying a CSS reset
• Benefits:– Reduce browser inconsistencies
like:• default line heights, •
• font sizes of headings
• Downside:– Can cause a lot of work on
existing projects
• Where to find:– css
40Can Really Save You a Lot of Headaches“
![Page 41: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/41.jpg)
5. My workflow• Adobe Photoshop
– For creating the wireframe and user interface– Kuler plugin for creating a color scheme– Slicing images for web usage
• Notepad ++– Coding HTML + CSS
• Dreamstime–
• FireFox with FireBug– Developing the actual interface
• Electos CMS
41
![Page 42: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/42.jpg)
Step 1 Collect necessary information
Step 2 Proposal/Plan
Step 3 Brainstorm, Research and inspiration
Step 4 Create the wireframe
Step 5 Creating the user interface
Step 6 Actual building of the website
Step 7 Revision phase
Step 8 Wrapping up
42
6. Systemizing the graphic design process
![Page 43: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/43.jpg)
• Step 1: Collect necessary information
– Target audience
– What is the exact message
– Technical requirements
– Budget and deadlines
– Systemizing it
– Branding, colour scheme, etc.
• Step 2: Proposal/Plan
• Step 3: Brainstorm, Research and Inspiration
• Step 4: Creating the wireframe
43
![Page 44: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/44.jpg)
• Step 5: Creating the User Interface
• Step 6: Actual building of the website
44
![Page 45: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/45.jpg)
• Step 7: Revision phase (difficult phase)
45
![Page 46: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/46.jpg)
• Minor changes add up
46
![Page 47: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/47.jpg)
Step 8: Wrapping up
47
![Page 48: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/48.jpg)
7. The transformation of MyWebsite1. 100% width
– 980px centered
2. Single title/Single bodytext – Multiple Titles /Multiple Body text
3. All elements are visible– Hidden elements to save space but possebilty to click for more details.
4. No or little use of imagery and icons– Generate focus on important elements by using imagery and icons
5. Inline styles– Clean and easy acccesable external code for fast results
6. One ASP Template– Multiple ASP templates for layout
7. Small anchors and buttons – Big clickable areas for usabilty
48
![Page 49: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/49.jpg)
49
![Page 50: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/50.jpg)
50
![Page 51: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/51.jpg)
8. Before and After
51
![Page 52: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/52.jpg)
52
![Page 53: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/53.jpg)
53
![Page 54: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/54.jpg)
54
![Page 55: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/55.jpg)
55
![Page 56: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/56.jpg)
56
![Page 57: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/57.jpg)
57
![Page 58: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/58.jpg)
58
![Page 59: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/59.jpg)
59
![Page 60: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/60.jpg)
60
![Page 61: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/61.jpg)
61
![Page 62: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/62.jpg)
Why should you make use of visual design?
• Because more and more User Interfaces are migrating to the Web, like:– Promedico,– Dynamic AI,– Daily Fresh
• They must offer simple, intuitive and responsive user interfaces.
• Get things done with less effort and time.
62
Less is more! Only add items if they really have a purpose“
![Page 63: Visual Design - Data Accessmarketing.dataaccess.com/Synergy2011_Presentations/VisualDesign_RS.pdfWhy should you make use of visual design? •Because more and more User Interfaces](https://reader033.vdocuments.us/reader033/viewer/2022050114/5f4b689fa83bb1390a2d8de5/html5/thumbnails/63.jpg)
THE END!Thank you for listening...
63
Find me at:
www.daegraphics.com