Skill Level Intermediate
- [Tom] In this installment of "Interaction Design", we look at changing a common design pattern, deleting or archiving a message in the iOS universe. Though design patterns are often times regarded as inviolate, there is no reason why they can't be changed up as long as the pattern itself doesn't change. As I've made very clear a number of times, you can't talk about an interaction. You have to show it. In this way, everyone involved understands your intent. In this exercise, I'm going to show you how PhotoShop can be used as a prototyping tool. You will see how to block out an interaction using shapes, layers and the PhotoShop timeline. You will see how to navigate through time and how to add the key frames critical for motion. We wind up by outputting a rather short prototype in both the MP4 and animated GIF formats. And you will understand the decisions you will need to make for each format. So let's get started and create a prototype in PhotoShop that clearly shows how a user would delete a message on an iPhone or other iOS device.