In this video, Diane Cronenwett describes what responsive design is and provides examples of responsive design in action.
- When pursuing a multi-device design strategy,…there are a few different approaches.…The route you take will rely on how complex your product is,…technical constraints, and context.…Let's talk first about how responsive design works…and why it might be a good fit…for your overall multi-device approach.…The concept of responsive design has been around for a while…and was introduced in 2010 by Ethan Marcotte…in A List Apart article.…The rapid adoption of mobile devices…and a faster connection to the internet…surfaced the importance of thinking…about a device agonistic approach to design.…
Responsive design is a web-based approach…to designing and developing your website…so that content is delivered…to any device, size, or orientation.…Responsive design does not take into account…TV layouts or watches as of yet.…More specifically, responsive web design…refers to a similar or the same web experience…between desktop, tablet, and smartphone.…We use breakpoints in the layout…to determine at which point the content…will be displayed for each device.…
- Principles for multidevice design
- Responsive design in action
- Designing for multiple devices using native paradigms
- Designing mobile or tablet interfaces
- Designing for a watch, a TV, or for voice
- Creating an information architecture diagram
- Using Sketch to design your mobile experience
- Prototyping with InVision
- Exploring Bootstrap and Foundation
Skill Level Beginner
1. Overview of Multidevice Strategies
2. Multidevice Design Considerations
3. Planning a Multidevice Experience
4. Designing Your Mobile Experience in Sketch
5. Designing for Additional Devices in Sketch
6. Frameworks and Guidelines
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.