Resources
Interactive Web Design I · DM2280B spring 2013 · Corcoran College of Art + Design
Instructor: David Ramos
alberto_ramos@corcoran.edu
- Election
- DPS instructions
- History
- Course home
- Observation
- Personas for Election
- Place
- Resources
- Syllabus
Criticism; technology and society
Design and user experience
Prototyping
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
Official UI/UX guidance
- Apple iOS Human Interface Guidelines – the gold standard in UI guidelines
- Microsoft Windows mobile – a more typographic, assertively digital approach
Technology
HTML/CSS
- Don't Fear the Internet – video lectures by Jessica Hische and Russ Maschmeyer
- WebPlatform.org docs – new, well-written, sleek, but still in alpha
- SitePoint CSS Reference and HTML Reference – great general references
- Mozilla Developer Network for HTML and CSS
- HTML5 Draft Specification
- CSS3 Draft Specification – newest CSS version
- HTML entities (special characters)
- Can I Use – browser compatibility tables
- QuirksMode – browser compatibility tables
Digital Publishing Suite
- Adobe DPS documentation hub
- Adobe DPS articles
- Concise explanation of fees/versions
- DPS interactivity examples (iPad app, free)
- What file format for overlays?
- Which InDesign interactive features work in DPS?
- DPS manual (PDF)
Examples
Documentation and interface
- 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
UI design patterns/precedents
- Little Big Details (all kinds)
- iOS UI Patterns (apps)
- Mobile UI Patterns
- Andorid Patterns (apps)
- Media Queries (web)
Tools, images, and media sources
- Noun Project (icons)
- Iconic (icons)