Visual decisions in the analysis of customers online shopping behavior
Web Design - Visual Decisions & User Experience
-
Upload
blend-interactive -
Category
Design
-
view
302 -
download
2
description
Transcript of Web Design - Visual Decisions & User Experience
![Page 1: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/1.jpg)
web design
visual decisions & user experience
![Page 2: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/2.jpg)
who am I ?
![Page 3: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/3.jpg)
the project process
sales cs design
front-end dev
development
QA/testing launch
![Page 4: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/4.jpg)
the design process
● mood boards
![Page 5: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/5.jpg)
![Page 6: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/6.jpg)
![Page 7: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/7.jpg)
![Page 8: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/8.jpg)
the design process
● mood boards
● static mocks
![Page 9: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/9.jpg)
![Page 10: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/10.jpg)
the design process
● mood boards
● static mocks
● client feedback
![Page 11: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/11.jpg)
![Page 12: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/12.jpg)
the design process
● mood boards
● static mocks
● client feedback
● front-end development
● design QA
![Page 13: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/13.jpg)
the evolving process
● mobile first design
● interactive mock-ups
● new tools = new methods
![Page 14: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/14.jpg)
what makes “good” web design?
![Page 15: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/15.jpg)
tastes evolve
● “Flashy” sites were cool
![Page 17: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/17.jpg)
tastes evolve
● “Flashy” sites were cool
● being unique was a must
![Page 18: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/18.jpg)
![Page 19: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/19.jpg)
tastes evolve
● “Flashy” sites were cool
● being unique was a must
● background music!!
● load intro...
![Page 20: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/20.jpg)
today’s expectations
● users want familiarity
○ buttons, menus, interactions
○ usability
![Page 21: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/21.jpg)
![Page 22: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/22.jpg)
today’s expectations
● users want familiarity
○ buttons, menus, interactions
○ usability
● heat mapping & analytics
![Page 23: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/23.jpg)
![Page 24: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/24.jpg)
today’s expectations
● users want familiarity
○ buttons, menus, interactions
○ usability
● heat mapping & analytics
● unique to the brand
![Page 25: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/25.jpg)
basic design principles
● less is more
○ simple is hard
![Page 26: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/26.jpg)
![Page 27: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/27.jpg)
![Page 28: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/28.jpg)
basic design principles
● less is more
○ simple is hard
● typography matters
![Page 29: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/29.jpg)
“95% of the information on the web is written language. It is only logical to say
that a web designer should get good training in the main discipline of shaping
written information, in other words: Typography.” - Oliver Reichenstein
![Page 30: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/30.jpg)
basic design principles
● less is more
○ simple is hard
● typography matters
● typography vs. typeface
![Page 31: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/31.jpg)
basic design principles
● color palette
○ Adobe Kuler
○ set styles across site
● white space
● grid systems
![Page 32: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/32.jpg)
tools & applications
![Page 33: Web Design - Visual Decisions & User Experience](https://reader033.fdocuments.in/reader033/viewer/2022060115/5578ece8d8b42a5c5c8b4e27/html5/thumbnails/33.jpg)
themes & hosted sites
● purchased CMS themes
● hosted subscriptions