Join Diane Cronenwett for an in-depth discussion in this video Layout for watches, part of UX Foundations: Multidevice Design.
- [Narrator] We just walked through creating three…key screens for the mobile app for a multi-device project.…We started mobile first, thinking about the organization…and layout of the app, and now we're in a good place…to think about how this app might work on a watch.…When we developed some context scenarios…earlier in the course, we noted that the watch might be…a pared down experience of the mobile app, focusing…on the core task of selecting a playlist and playing music.…Although we have other tasks in the app…like viewing profile, search, and following playlists…and friends, none of these activities…are core use cases for the watch.…
Given that the view port is so compact on the watch,…we want to keep this design highly focused.…Here's the approach that I adapted…for the watch from the mobile app.…I've opted to keep the tiled view…and allow the user to scroll through the playlist.…For the songs that are listed in the playlist,…I'm showing the songs with the image of the album,…similar to the mobile version,…
- 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.