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 to add additional screens for things like, what happens when you create a playlist or how share works.
Also we'd want to explore connecting different devices for a radio DJ scenario we came up with earlier in the course. Here's an example, the Macka Bay came up with for that scenario. Now this is great and all, but you may be wondering how do we design for voice? Let's work on that in the next movie.
- 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