Join James Williamson for an in-depth discussion in this video Planning responsive UX, part of Applied Responsive Design.
- View Offline
- Exercise Files
- Code Practice
Planning a responsive website is more than just designing for mobile screen sizes.…Now, you are going to have to think about how visitors will use the site and what their…expectations are across multiple screen sizes and devices.…In this exercise, I am going to return to the mockup that we were just looking at and talk…about my process for exploring the user experience across multiple devices.…So, again, I'm working in desolve_mockup.ai, but this time I am working on the one that…can be found in the 01_03 folder.…There is also a PDF version of it in there as well, but you won't be able to do some…of things that we're going to working with.…
So, as I mentioned in the previous exercise, a lot of the step that you are going to see…me doing here I'll do in parallel as I'm designing it.…I don't do this in a two-step process. As I'm working on the visual aspect of the design,…I'll often leave callouts or notes to myself, or put some symbols on the page that sort…of explore the functionality of how something should behave or how people can interact with it.…
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- 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.