![]() Pattern #1: An object appears, disappears, or changes while the user stays on the same screenYou probably see this pattern everyday, like when you hover over a video and the playbar appears, when you hover over a navigation item and a dropdown expands, or when you swipe an object away and new content emerges from underneath. This process led us to two major patterns that you’ll see in today’s first release of Smart Animate. Then we explored how someone would prototype this in Figma and what challenges they would face when doing so. We also did our own research into interactive interfaces we use in our daily lives. We gathered all the animation examples we could find through our conversations with customers. ![]() To make sure that what we design can scale for a multitude of use cases, we had to zoom out and search for common design patterns. Otherwise, it’ll be too limiting and not useful for the majority of our users. Special shoutout and thank you to all of them! Zoom out to uncover patterns across use casesīecause a feature like Smart Animate needs to support a variety of use cases, we can’t just design Smart Animate with one specific use case in mind. We’re able to talk to them directly to get ideas on what features they’re looking for and understand what they like and don’t like about how they animate prototypes today inside and outside of Figma.įun fact: Many of these NPS survey respondents became our first beta customers. For us, it’s in having an open feedback channel where we can hear from customers who are experiencing “pain”. The value of the NPS surveys does not lie in the score. ![]() "I was wondering if you plan to add more prototype transitions? It would be nice to have an auto-animate as well as a drag/slide transition. I would like to not use another tool for my creations." a click shows an advanced transition from one screen to another. "When I am designing screens where animation plays a big part in the experience, we need other tools to show what we want from our developers. Speaking of animations, I would love simple things like dropdown lists, buttons hovers, varied and smooth appearance of pop-ups, switching tabs, and so on. Here are some things we heard about prototyping in Figma. This makes it easy to keep a pulse on specific topics and can serve as a starting point for user feedback when we’re ready to kickstart design for a new feature. (Surprise! We do read the comments and take action.) Our support team replies to many responses directly, but we also categorize the NPS comments into meaningful groupings. One of the ways we continuously gather feedback is through in-product NPS surveys. When working on a hard design problem, talking to users is always a great start and you don’t have to be a big company to set up systematic ways to do qualitative user research. Understand users who are experiencing pain Or continue reading to see how we designed Smart Animate…Īs we kicked off design discovery for our first release of Smart Animate, we began to look for answers starting from a familiar place-our users. Click ahead to dig into the features and see real examples of Smart Animate in action. If you’re a fellow designer or someone who works closely with design teams, you’re probably all too familiar with the challenges of designing for a highly requested customer feature, one where users may have pre-existing expectations for how it might work. They’ve been on our customers’ minds for even longer. Watch this product tutorial to get all the details and learn how to get started, or check out this help article.įeatures to help achieve advanced transitions like Smart Animate and Drag have been on our minds for a while.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |