Join Morten Rand-Hendriksen for an in-depth discussion in this video Responsive web design as a process, part of Mapping the Modern Web Design Process.
- Responsive web design has become the standard…for most modern websites.…And during the four years…since Ethan Marcotte's Seminal article,…the tools and techniques that made this type…of design possible have improved immensely.…Now that the concept of designs,…that's re-size, flex, and rearrange…depending on the view port has become common knowledge,…we can look beyond the idea itself…to how best to implement it.…Here, as with many other subjects in web design,…there are differing opinions and different strategies,…so what I'm presenting to you is not the only way…of doing things but rather an amalgam…of tips, observations, and real life experience…and know-how I've accumulated over the years.…
To me, responsive web design is a process…much like web design as a whole…and that process has some fundamental constants…which I'll share with you now.…The first constant is mobile first.…I've talked about this previously…and now we can dive into a bit more detail.…When I say mobile first, I'm talking both…about visual design and about code.…
- Understanding what your users care about
- Creating user personas
- Creating content priority hierarchies
- Testing wireframes and interaction patterns
- Establishing a three-track build process
- Incorporating accessibility principles
- Using content blocks
- Testing and revising your web design
- Optimizing for social media and SEO
- Launching your web design
- Getting feedback from users
Skill Level Beginner
1. Web Design as a Process
2. Some Perspective
4. The Content Strategy Phase
5. Prebuild Testing
6. The Build Phase
7. The Test-and-Revision Phase
8. The Optimization Phase
9. Launch and Reset
10. Going Further with lynda.com
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.