Best practices for web and app design, and prototyping using Adobe XD

Experience matters. People decide within seconds whether your app or website is useful and engaging. Crafting a great user experience requires more than just visual design. Adobe XD (Experience Design) is an app for doing it all -­‐ wireframing, visual design, interaction design, prototyping, previewing and sharing. In this session, we’ll discuss web and app design best practices and how prototyping is used today. We'll show you how to design and prototype a complete experience using the new Adobe XD. Learn tips and tricks to immediately be more productive, creating a great user experience. 

What you’ll learn: 

• Web and app workflow as it curently exists

• What is prototyping and why do we need it?

• Crafting a design with Adobe XD

• Re-using assets from Photoshop and Illustrator

• Creating an interactive prototype from your design

• Seeing your design in action with Live Preview

• Sharing the prototype with others to get feedback

Presented by Brian Wood

Who it's for:

This workshop is for those who are new to web and app design and want to learn best practices and workflow, as well as seasoned interactive designers who would like a preview of how the new Adobe XD can work with other Adobe tools to improve the wireframing, design, and testing process.

What's Adobe XD?

Adobe XD is Adobe's brand new end-to-end tool for experience design. Adobe XD makes it easy to undertake wire framing, visual design, interaction design, prototyping, previewing and sharing, by bringing together the tools you need for experience design into a single solution. 

Mac World says:

With Adobe XD you can hook into assets from anywhere, including Photoshop, Illustrator, and your desktop. Design mode offers intuitive layout, drawing, type and other tools. Prototype mode lets you define interactivity and transitions. Adobe XD gives you the flexibility to use its vector drawing tools [or import assets from Illustrator or Photoshop] to create and preview your interactive prototypes in context and in real time and share them with other designers and developers via Creative Cloud... When designs are finalized, you can export assets to developers for production. It is especially friendly because it is code-free—just drag and drop text and graphic elements—and extremely quick.