The document summarizes key points from a lecture on web design:
- It discusses the 4 D's of the design process - Define, Discover, Develop, Deliver.
- Web designers must design for different browsers, devices, and screen sizes. Systems like responsive grids can help make a design flexible for different formats.
- The "fold" refers to what users initially see without scrolling. Designers must consider strategies like prioritizing key content above the fold.
- Homework involves redesigning an interface called Prevention Speaks, considering questions from class and design concepts around using grids.
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
Web/Digital Design LSC 532 with Don Stanley
1. Web Design: Lecture 3
The Design Process Demystified
Don Stanley
3Rhino Media | UW-Madison
www.3rhinomedia.com
www.lsc.wisc.edu
don@3rhinomedia.com
608 561 7097
DON STANLEY | @3rhinomedia | Spring 2013
2. Homework Review
Begin thinking like a problem solver. What are the problems
with the Prevention Speaks Interface? Consider the questions
we discussed today.
Begin sketching out your ideas for the redesign
If you’d like, read the “blink test” article by HubSpot
DON STANLEY | @3rhinomedia | Spring 2013
3.
4. What did we learn last time?
Defined Design. Design is _________________________
Started discussing the design process
What are the 4Ds of the design process?
We talked about how people use the web. How do we use it?
We spoke about design CRAP
C= and it does …
R= and it does …
A= and it does …
P= and it does …
DON STANLEY | @3rhinomedia | Spring 2013
16. Working with Grids 960px
As pointed out on WebDesign.TutsPlus.Com, a grid helps because it:
• Provides a “framework” that’s designed to look good on all
monitors.
• Streamlines the design process by defining exact measurements.
• Reduces development time by providing pre-coded HTML/CSS.
• In a perfect world, it helps designers and developers
communicate better – smoothing out the process of moving from
Design to Coding
DON STANLEY | @3rhinomedia | Spring 2013
37. Homework for 1/31
Work on Prevention Speaks interface redesign
• Remember the questions
• Remember the design concepts (use the grid articles for tips)
• You can download paper templates here
http://www.raincreativelab.com/paperbrowser/
AN EXERCISE YOU CAN DO ON YOUR OWN
• List the key information points that visitors are likely seeking.Assign
values (1-10) according to their importance to the average visitor.
• Now, look at the actual design again.
• Assign values (1-10) according to the actual visual importance as
you see it in the live design.
• Consider: Does the expected importance match up with the actual
designed importance?