DH150-viz

DH150: Visualization and Interface Design

COURSE DESCRIPTION:

This 6-week online course covers visualization for human-centered design. Specifically, students will learn how to utilize the visual design elements, such as colors, layout, typography, and shapes, to effectively deliver the messages from the quantitative or qualitative data. Basic information design theory on visual semiotics will be covered along with hands-on-practice on visual mapping in graphs and graphical user interface.

2020 Summer Syllabus

COURSE OBJECTIVES & LEARNING OUTCOMES:

Upon completion of this course students will be able to:

• Elaborate design principles, visual semiotics, visual thinking theories of visualization
• Demonstrate skills and techniques on digital visualization for human-centered design
• Apply visual mapping for proportion, relation, difference, and temporal/spatial changes
• Apply a harmonious color scheme for accessibility into interface design
• Apply balanced layout into interface design
• Apply typographic variations for messaging
• Apply a proper visual metaphor and consistency in shapes
• Evaluate the visualization and interface and leave a constructive criticism

COURSE CALDENDAR

Week	Topics (Theory + Practice)	Assignment
1	Course Overview + Visual Storytelling	A01: Visual Storytelling
2	Gestalt + Visual Semiotics + Visual Perception + Misinformation	A02: Redrawn Simply
3	Color Theory + Color Practice	A03: Color Scheme
4	Typography + Typographic Influence	A04: Invitations
5	Layout + Grid	A05: Proportion
6	Movement + animation	A06: Peer Review + Example of work

Contact

Sookie at g dot ucla dot edu