Basic Design Principles and Practices

Cassini Nazir, Visiting Assistant Professor

cassiniutdallas.edu
twitter.com/cassininazir
Ofce Hours TBA
Course Description
This class is an overview of design principles and practices common to most design professions. Youll gain
a foundational understanding of design rules, laws, and guidelines that you can use throughout your
education and career pursuits. Youll learn the language of design, how to think like a designer, how to judge
between good and bad design execution, and where to go for additional resources of specialized design
practice.
Your course work will consist of:
Weekly lectures and class discussion
Reading assignments from Universal Principles of Design, by Lidwell/Holden/Butler)
Weekly research to identify examples of design principles in practice
Build a personal Design Reference Morgue in area of interest
A semester-long Personal Career Networking project
What I Expect of you
Attendance to all classes*
All assignments need to be completed on time**
All students need to participate individually and as a contributing member of the class, especially in
sharing discoveries with one another
Grading
Because this courses emphasis will be on providing the student with an awareness and understanding of
design methods and practices, its important that you participate individually and collectively to insure that
everyone has a successful leaning experience.
Youll be evaluated on:
Attendance,
Participation in class,
Assignments, and
Quality of work completed from week to week.
Assignments will be discussed throughout the course, with specic requirements spelled out. See grading
breakdowns at the end of this document.
Classroom Conduct
Students are to focus their attention on the subjects at hand in the classroom, i.e., lectures,
presentations, discussions, and set aside all other activities.
All open communication (talking) should be relevant to the subject at hand and have value to the class
as a whole.
Competitiveness between students will be friendly and encouraging at all times.
All other rules of behavior will be discussed and agreed to by the class on the rst day
ATEC Basic Design Principles 1
ATEC
Section
Tuesday and Thursdays,
:-: pm
CB .
Course Schedule
8/2 Class 1 Introductions, syllabus, overview, goals, expectations, textbooks, supplies, etc.
Design Principles Discussion Form Follows Function
1u6. Form Follows Function beauty is purity of function
1)2. Ockhams Razor choose simplest of functionally equivalent designs
New Principles Overview Less is More
Assignment #1: Find examples of Less is More design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain in the next class).
Project Assignment Phase 1: Identify an ATEC professional goal or academic area of
interest (by Class in two weeks).
8/u Class 2a Design Principles Assignment Critique Less is More
1/. / Rule 8u percent of products use involves 2u percent of its features
1u2. Flexibility-Usability Tradeoff as exibility increases, usability decreases
22/. Signal-to-Noise Ratio choose design that has high signal to noise ratio
;/u1 Class 2b New Principles Overview Design Process
Assignment #2: Find examples of Design Process design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain in the next class).
;/u6 Class a Project Progress Report: Share with class area of personal interest (Phase 1).
Project Assignment Phase 2: Research & identify target contacts (will review progress
during Class 6 in three weeks).
Design Principles Assignment Critique Design Process
)8. Development Cycle heuristic steps of discovery
112. Garbage-In-Garbage-Out quality output depends on quality info in
1/2. Iteration repeated operations to reach desired result
1u. Life Cycle stages of product existence
1;/. Prototyping simplied models to explore ideas
2u. Storytelling create imagery, emotions and understanding
;/u8 Class b New Principles Overview Aesthetic Bias / part
Assignment #: Find examples of Aesthetic Bias design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain in the next class).
ATEC Basic Design Principles 2
Classes
14 15 2 3 4 5 6 7 8 9 10 11 12 13 1
Project Personal Career Knowledge Network
1-ID career
interest arena
2-Research to ID
contacts/resources
3-Start conversations
with new contacts &
capture new knowledge
4-Add degrees to
network of contacts &
synthesize knowledge
5-Final
Present
;/1 Class a Design Principles Assignment Critique Aesthetic Bias / part
2u. Aesthetic-Usability Effect aesthetic design perceived to be easy to use
2. Attractiveness Bias why beautiful people excel
/. Baby-Face Bias attraction to all things cute
18/. Picture Superiority Effect remember pictures better than words
212. Savanna Preference aboriginal preference for open spaces
;/1 Class b New Principles Overview Aesthetic Bias / part
Assignment #/: Find examples of Aesthetic Bias design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain to class).
;/2u Class a Design Principles Assignment Critique Aesthetic Bias / part
;/. Fibonacci Sequence sequence of numbers that are sum of two preceding
11/. Golden Ratio geometric theorem for balance in design
116. Good Continuation Gestalt of perceived connectivity of elements
//. Closure seeing groups of design elements as one large design element
8. Constancy perception of constancy in spite of actual expression
1//. Law of Pragnanz tendency to interpret ambiguous info
;/22 Class b New Principles Overview Dimensional Perception Preferences
Assignment #: Find examples of Dimensional Perception Preferences design principles
and send digital samples embedded in PowerPoint slide template to instructor before
next week (be ready to explain to class).
;/2) Class a Project Progress Report: Show progress with network contacts (Phase 2).
Project Assignment Phase : Start conversations with targeted contacts (will review
progress during Class 1u in four weeks).
Design Principles Critique Dimensional Perception Preferences
;6. Figure-Ground Relationship perceived objects in front of a eld
1)6. Orientation Sensitivity discrimination of directional elements
28. Three-Dimensional Projection tendency to perceive world in -D
2/u. Top-Down Lighting Bias tendency to understand source of lighting
2u. Visibility spatial cognitive understanding
26u. Waynding special information to enhance navigation
;/2; Class b New Principles Overview Aesthetic Toolbox / part
Assignment #6: Find examples of Aesthetic Toolbox design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain to class).
1u/u/ Class )a Design Principles Critique Aesthetic Toolbox / part
2/. Alignment design elements align along hidden lines
/8. Color symbolic meanings in color to manipulate and emphasize
126. Highlighting bringing visual attention to design elements
12. Iconic Representation icons improve recognition and recall
1;6. Proximity info close together perceived to be related
226. Similarity elements of similar nature seem related
1u/u6 Class )b New Principles Overview Aesthetic Toolbox / part
Assignment #): Find examples of Aesthetic Toolbox design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain to class).
ATEC Basic Design Principles 3
1u/11 Class 8a Design Principles Critique Aesthetic Toolbox / part
66. Convergence synonym for stability in designed solutions
166. Normal Distribution symmetrical data, bell-curve
16u. Modularity complex system divided into smaller compatible parts
2u8. Rule of Thirds composition technique for balance
2/. Symmetry visual equivalence among elements
1u/1 Class 8b New Principles Overview Psychology and Aesthetics
Assignment #8: Find examples of Psychology and Aesthetics design principles and send
digital samples embedded in PowerPoint slide template to instructor before next week
(be ready to explain to class).
1u/18 Class ya Design Principles Critique Psychology and Aesthetics
12/. Hierarchy of Needs stratication of aesthetic needs based on Maslow
18. Mnemonic Device organize information to make it memorable
2/. von Restorff Effect well placed discontinuity to engage memory
1u8. Framing manipulating how information is presented
1)/. Operant Conditioning perceptional modication via range of stimuli
26. Threat Detection natural abhorrence to negative imagery
1u/2u Class yb New Principles Overview Human Factors / part
Assignment #;: Find examples of Human Factors design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain to class).
1u/2 Class 10a Project Progress Report: Progress with network conversations (Phase ).
Project Assignment Phase /: Extend network conversations beyond rst line of
contacts and increase the depth of your active network.
Design Principles Critique Human Factors / part
22. Affordance physical design telegraphs use and function
8u. Entry Point obvious point of entry into a design i.e., front door
8/. Expectation Effect leading the audience to an expected result
12. Mapping cognitive understanding to initiate actions
1/. Mental Models cognitive understanding based on experience
16. Mimicry transferring understood properties to new things
1u/2) Class 10b New Principles Overview Human Factors / part
Assignment #1u: Find examples of Human Factors design principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain to class).
11/u1 Class 11a Design Principles Critique Human Factors / part
1)u. Performance Load greater the effort, greater chance of failure
18u. Performance vs. Preference optimum gives way to preference
188. Progressive Disclosure sequentially disclosed information
1;8. Readability quick understandability
22u. Serial Position Effects info at ends more memorable than middle
11/u Class 11b New Principles Overview Information Architecture / part
Assignment #11: Find examples of Information Architecture design principles and send
digital samples embedded in PowerPoint slide template to instructor before next week
(be ready to explain to class).
ATEC Basic Design Principles 4
11/u8 Class 12a Design Principles Critique Information Architecture / part
/u. Chunking clustering information & elements to make memorable
1uu. Five Hat Racks ways to organize information
118. Gutenberg Diagram general pattern of eyes reading information
122. Hierarchy complex information organized and structured visually
1/6. Layering organize info into related groups
1/8. Legibility visual clarity, contrast, spacing etc.
11/1u Class 12b New Principles Overview Information Architecture / part
Assignment #12: Find examples of Information Architecture design principles and send
digital samples embedded in PowerPoint slide template to instructor before next week
(be ready to explain to class).
11/1 Class 1a Design Principles Discussion Information Architecture / part
/. Conrmation designed barriers to take next steps
6u. Constraint designed limitations to guide user
6/. Control put user in the drivers seat according to expertise
;2. Feedback Loop information return to modify future behavior
;8. Fitts Law time to move target is size and distance
12u. Hicks Law time increases as alternatives increases
11/1) Class 1b New Principles Overview Signicant Design Practice
Assignment #1: Find examples of Signicant Design Practice principles and send digital
samples embedded in PowerPoint slide template to instructor before next week (be ready
to explain to class).
11/22 Class 1a Reference Morgue Sharing: 1
st
half of class - make brief presentation of some of the
content from your reference materials gathered all semester.
Design Principles Critique Signicant Design Practice
Final Project Phase : Prepare slide presentation of your Personal Career Knowledge
Networking activities and outcomes (will review requirements)
11/2; Class 1b Reference Morgue Sharing: 2
nd
half of class - make brief presentation of some of the
content from your reference materials gathered all semester.
Design Principles Critique Signicant Design Practice
Final Project Phase : Prepare slide presentation of your Personal Career Knowledge
Networking activities and outcomes (will review requirements)
12/u1 Class 1a Final Exam: Personal Career Networking Report (Part )
PowerPoint presentation by rst half of class (everyone required to attend)
12/u6 Class 1b Final Exam: Personal Career Networking Report (Part )
PowerPoint presentation by second half of class (everyone required to attend)
ATEC Basic Design Principles 5
Grading Scale
A ;1-1uu Excellent
B 81-;u Above Average
C )1-8u Average
D 61-)u Poor
F uu-6u Failing
Grading Weights
0 Points Attendance (1 at 2.u points each)*
0 Points Assignments (1 at 2. points each)**
10 Points Build a Ref Morgue (slide presentation to class)
0 Points Final Assignment & Report/Presentation
*Attendance and Tardy Policy Attendance is mandatory. Lack of attendance will affect your
grade because absences will not only leave holes in understanding of the lesson contents but also
degrade the benet to other students in regard to discussions and work sessions. Coming to class
late or leaving early will also be counted as absences without prior approval from the instructor.
**Assignments not handed in on time will be docked 1.u point (i.e., from 2. to 1.)
ATEC Basic Design Principles 6