Prototyping is such an important part of an effective UX design process, and it is essential for getting feedback on user interface concepts and ideas.
Adobe XD is an amazing collaborative tool for developing interface concepts as interactive and engaging prototypes.
The following five videos are intended to support the learning and assessment for Interface Design.
The design tab in Adobe XD is where you create and arrange the elements that make up your prototype interface. This video demonstrates how to create a new project and use many of the fundamental tools.
It is not necessary to download any files to follow along with this tutorial.
The prototyping tab in Adobe XD is where you can link the elements and pages to add interactivity to your prototype. The following video demonstrates the construction of a simple app interface and how to add interactive functionality.
You can download the working files for this tutorial: Prototyping in Adobe XD.
You can dramatically improve your speed and efficiency when working in Adobe XD by utilising the assets and components features. The following video demonstrates how to create assets and components and use them to construct a basic navigation bar.
You can download the working files for this tutorial: Assets and components in Adobe XD.
Interactive prototypes are just one of the ways that a user interface concept can be shared. Sometimes a simple user flow is enough to demonstrate an idea. The following video will introduce the whimsical.com workspace and demonstrate the construction of a simple user flow for a library app.
It is not necessary to download any files to follow along with this tutorial.
The following video demonstrates how to use whimsical.com’s wireframing feature to present an interface concept for a simple shopping app.
It is not necessary to download any files to follow along with this tutorial.
Additional Readings
FREE Adobe Kits: https://hhttps://helpx.adobe.com/nz/xd/help/access-ui-kits.html
