Applied Interaction Design: Managing Comments

Applied Interaction Design: Managing Comments

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 23m | 67 MB

In this quick, hands-on interaction design course, Tom Green shows how to quickly prototype a comment management flow for an online discussion app using Adobe Photoshop. The project uses a common design pattern for archiving and deleting messages, but Tom shows how to customize it and break with convention without confusing users. Learn how to wireframe motion elements in your design using the Photoshop timeline, transform the pattern into a hi-fi prototype, and output video and animated GIF files that shows the flow in action. The end result is a high-quality UX prototype that will delight stakeholders and help you better leverage tools like Photoshop for your next design.

Table of Contents

1 Managing comments
2 Overview of project
3 Wireframe the motion
4 Create the design pattern
5 Output the video