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.

• Introduction
• 1. Managing Comments