Interaction Design

Narrative

• Art of the Title

Sketching + Documentation

Methods

• Visual vocabulary for IA and IxD
• Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches
• Interactive Sketching Notation

Images

• Wireframes > sketch resources
• PDF templates
• iPhone interface elements
• Safari Interface Elements

Accessibility

• Section508.gov
• WCAG 2.0
• FANGS for Firefox
• JuicyStudio Color Contrast Analyzer
• Color Oracle

Platforms

iOS

• Apple HIG: iOS Human Interface Guidelines
• Apple HIG: iOS UI Element Usage Guidelines

jQuery Mobile

• jQuery Mobile form elements

HTML forms

• 456 Berea St.: HTML5 input types
• Wufoo: Current State of HTML5 Forms
• 24 Ways: Have a Field Day with HTML5 Forms

Examples

Details

• Little Big Details

UI Patterns

• Mobile UI Patterns
• pttrns (iOS)
• Android Patterns

Projects

• AIGA Design for Democracy: election design resources (including sample voting machine screens)