Nick Babich

Product design strategy

Activities that will help to turn an idea into a product

Image by Mei Zhang

#productdesign #strategy #productstrategy #uxdesign #userexperience #userexperiencedesign

💡 Spotify Ways of Working in Figma

A slide deck from the Spotify Design team that describes the process the team follows when working in Figma, from basics like getting access to Figma & creating projects to more complex activities like creating specs & conducting design handoffs. It's a golden standard of design operations work.

https://lnkd.in/d6hcVSid

🖊 by Spotify

#productdesign #figma #figmadesign #figmadesigner

💡Motion Guidelines For Product Designers

Motion brings meaning and a sense of life to the experience. It should be purposeful, intuitive, and seamless. It should help users be more productive and never slow them down.

✔ Purposeful animation. Every motion should have a clear purpose, whether it's to draw attention, indicate a transition, provide feedback, or enhance storytelling.
✔ Right timing. Good motion design uses timing and pacing effectively to create a rhythm that feels natural and engaging.
✔ Smooth transitions. Seamless transitions between states or scenes help maintain the flow of information and keep the audience engaged. 
✔ Consistency. Consistent use of motion elements, such as easing curves and animation styles, creates a cohesive experience that reinforces brand identity and improves usability.
✔ Accessible design. Good design offers options to reduce motion for users who are sensitive to it and ensures that key information is accessible even when animations are disabled.


📘 General guidelines:

✔ Creating usability with motion (by Issara Willenskomer) 
https://lnkd.in/daEvnHNc

✔ The ultimate guide to proper use of animation in UX (by Taras Skytskyi) 
https://lnkd.in/d4y4b7ds

✔ Motion design principles - interactive guide (by Zajno Digital Design Studio)
https://motion.zajno.com/


📕 Design system:

✔ How to include motion design in your system (by Caleb Barclay) 
https://lnkd.in/dQ5Q4_ur

✔ Motion design system — a practical guide (by Aviad Shahar) 
https://lnkd.in/dHERVn2a

✔ Including animation in your design system (by Val Head) 
https://lnkd.in/da9SVRRy


📗 How tech leaders bake motion in their design systems:

✔ Animation guidelines from Lightning Design System by Salesforce 
https://lnkd.in/dS3yY8E8

✔ Motion principles of IBM Carbon 
https://lnkd.in/dGFacazH

✔ Motion principles of Microsoft Fluent 2
https://lnkd.in/dGWHi-9e



🖼 by Issara Willenskomer

#motiondesign #motiongraphics #animations #animation #motiondesigners #ui #userinterface #uidesign