skip to content

References

Interactive Web Design I · DM2280B spring 2013 · Corcoran College of Art + Design
Instructor: David Ramos alberto_ramos@corcoran.edu

• Experience + Structure
• Course home
• Interface
• Persona
• References
• Syllabus
• Tour

Documentation and interface examples

• Design documentation for voting machines (PDF) through AIGA Design for Democracy (more)
• Antenna Design, MTA MetroCard Vending Machines
• IDEO, Future of Self-Service Banking, ATM for BBVA, a Spanish bank
• EightShapes makes and teaches about their Unify documentation system

General periodicals + weblogs

• A List Apart
• MIT Technology Review
• Contents Magazine

Information design/visualization

• Information is Beautiful
• information aesthetics

Prototyping

• iPhone interface elements
• Safari Interface Elements
• Prototyping on Paper (free app)

Design documentation

• Wireframes (mostly, a collection of tools)
• Interactive Sketching Notation
• Wireframes > sketch resources
• EightShapes Unify
• Visual vocabulary for IA and IxD
• UX sketching
• Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches
• PDF templates

UI design patterns/precedents

• Little Big Details (all kinds)
• iOS UI Patterns (apps)
• Mobile UI Patterns
• Andorid Patterns (apps)
• Media Queries (web)

Official UI/UX guidance

• Apple iOS Human Interface Guidelines (the gold standard in UI guidelines)
• Microsoft Windows mobile (a more typographic, assertively digital approach)