UX Foundations: Multidevice Design
1h 5mBeginner2022-12-14
Authors
Diane Cronenwett
Specializing in solving complex design problems
Course details
Understanding how to design for multiple devices is now a required skill for UX designers. Modern users will want to access your website or app on a variety of different platforms. As a result, it's your job to ensure that your app performs elegantly and consistently from device to device: from phones and tablets to wearable tech. In this course, join instructor Diane Cronenwett as she explains how to create interfaces that work flawlessly on any platform. Diane shares how to plan your efforts before you even start your multidevice project, to ensure that you're prepared for success. She covers how to approach UX design for watches, TVs, and voice interfaces. Plus, she shares how to design a mobile experience in Figma, use different frameworks and guidelines for UX multidevice design projects, and more.
Skills covered
FigmaCross-Platform DevelopmentUX DesignMobile DevelopmentUser ExperienceFoundationsWeb Development
Concepts
0. Introduction
- 01 - Designing for today's digital devices
1. Overview of Multidevice Strategies
- 02 - Principles for multidevice design
- 03 - Considering the context of device usage
- 04 - What is responsive design
- 05 - What are native apps
- 06 - What are hybrid apps
2. Multidevice Design Considerations
- 07 - Best practices for touch interfaces
- 08 - Designing experiences for watches
- 09 - Designing experiences for TVs
- 10 - Designing experiences for voice
- 11 - Using multiple devices, together
3. Planning a Multidevice Experience
- 12 - Planning a user flow across devices
- 13 - Defining a scalable interaction model
4. Designing Your Mobile Experience in Figma
- 14 - Designing a Home screen
- 15 - Designing a Playlist screen
- 16 - Designing the Music Player screen
- 17 - Designing supplemental screens
5. Designing for Additional Devices in Figma
- 18 - Adapting for a watch
- 19 - Designing layouts for watches
- 20 - Designing layouts for TV
- 21 - Designing layouts for voice
- 22 - Prototyping with ProtoPie
6. Frameworks and Guidelines
- 23 - Working with CMS systems and WordPress
- 24 - Using the material design guidelines
- 25 - Using the iOS human interface guidelines
Conclusion
- 26 - Next steps