Responsive Design Workflows

Responsive Design Workflows
Topics include:
What is responsive design?
Understanding concepts like scaling and interaction mediums
Building a team and explaining job roles
Planning for color and typefaces
What developers and designers should provide
Setting client expectations
Working with a budget
Investigating design solutions
Hiring team members and contractors
Introduction 1m 39s
Welcome 49s
What is responsive design? 50s
1. Aspects to Consider 24m 2s
Looking at technology choices 6m 32s
Understanding scaling 4m 21s
Understanding interaction mediums 3m 28s
Planning for typefaces 3m 0s
Working with application states and nonlinearity 4m 19s
Designing with empathy 2m 22s
2. Job Roles and Communication 13m 59s
Exploring each role in the responsive design process 3m 13s
Designer, meet developer 3m 52s
Developer, meet designer 2m 27s
Working with clients, producers, and decision makers 4m 27s
3. Design Considerations for Developers 10m 30s
Planning your colors 3m 15s
Understanding typefaces 1m 48s
When in doubt, ask 2m 40s
Meeting with designers early in the process 2m 47s
4. Development Considerations for Designers 9m 59s
Understanding what to provide to developers 2m 5s
Working with pixel values 4m 0s
Testing 2m 12s
Meeting with developers early in the process 1m 42s
5. Client Communications 6m 32s
Setting expectations 1m 31s
Understanding budgets 2m 4s
Incorporating follow-up meetings 2m 57s
6. Design Solutions 7m 19s
Creating diagrams 1m 41s
Creating wireframes 2m 29s
Building a responsive style guide 3m 9s
7. Team Integration 4m 56s
Acquiring skills 1m 41s
Hiring staff 1m 35s
Working with contractors 1m 40s
Conclusion 1m 42s
Next steps 1m 42s
Format : QuickTime
Format/Info : Original Apple specifications
File size : 14.1 MiB
Duration : 4mn 21s
Overall bit rate : 454 Kbps
Encoded date : UTC 2012-10-16 00:29:43
Tagged date : UTC 2012-10-16 00:29:43
Writing library : Apple QuickTime
Copyright :
Video #2
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 4mn 21s
Bit rate mode : Variable
Bit rate : 355 Kbps
Width : 960 pixels
Height : 540 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Resolution : 24 bits
Colorimetry : 4:2:0
Scan type : Progressive
Bits/(Pixel*Frame) : 0.046
Stream size : 11.1 MiB (78%)
Encoded date : UTC 2012-10-16 00:29:43
Tagged date : UTC 2012-10-16 00:29:43
Audio #1
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format version : Version 4
Format profile : LC
Format settings, SBR : No
Format settings, PS : Yes
Codec ID : 40
Duration : 4mn 21s
Bit rate mode : Variable
Bit rate : 96.0 Kbps
Maximum bit rate : 99.7 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Resolution : 16 bits
Stream size : 2.99 MiB (21%)
Encoded date : UTC 2012-10-16 00:29:43
Tagged date : UTC 2012-10-16 00:29:43
No mirrors please