In this video, Diane Cronenwett shows you how to create an information architecture diagram for the UX of a multidevice design project.
- Now that we have a better idea of how we…want these devices to work together,…we need to organize the activities and…define a navigation model for the music app…that will easily scale across various devices.…This music app is focused around playlists,…and users creating playlists,…sharing them,…and system recommended playlists…based on songs you've liked.…Before we even touch in a UI,…it's important we think about the structure…of how all the activities will be organized…to make sure it's clear to the user…how to navigate our app easily.…
We can start with the list of activities…we came up with and start to…further organize those into a…higher level navigation.…The next thing we want to do is…create an information architecture diagram.…This is a diagram that helps us organize…the types of content we want in our app.…I created this diagram to capture the…content for our music app.…In this diagram I have four major…areas of content.…Profile, Playlists, Search and Song.…
These are the larger categories that…all the content will fit under.…
- 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.