Responsive Design Workflows

1h 20m – Beginner

Perplexed by the challenges introduced into design by all the mobile devices appearing on the market? This course shows how to evolve your current workflow to incorporate responsive design practices, without adding too much complexity or overhead. Author Justin Putney explains collaborative processes you can adopt to help designers speak to developers and developers speak to designers, and how to deal with the designer’s ever-expanding role on the web. The course also covers communicating with clients and building a cohesive development team, and offers lessons on building the diagrams, wireframes, and style guides that aid a smooth workflow.

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

Facebook Comments