Join Diane Cronenwett for an in-depth discussion in this video Layout for TV, part of UX Foundations: Multidevice Design.
- [Instructor] After laying out our music and watch design…for this music app, now let's look at how to approach TV.…In this case, I'm using the Apple TV OS platform…which has some predefined templates for common layouts…and patterns.…I've adapted the layouts to accommodate the music app.…You'll notice that in the first screen, the homepage,…it's similar to both watch and mobile in that…it still maintains a collection of playlists…as the primary view.…Even though the Apple TV templates have been applied,…we can still navigate this app the same way we have…with the other two devices.…
I can still select a playlist and scroll to see more.…Once we've selected the playlist we want to listen to…we see in the next screen that there's a list of songs…in the playlist selected with options to share,…create and like.…When we play the song, we have the ability…to control the music in the same way…as the mobile and watch app.…It's pretty easy to see how the music app's core use cases…are represented on the TV app.…Now if we were shipping this for real, of course you'd want…
- 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.