Prototyping Tools Archives

Best Practices

February 25, 2020

Practical suggestions to improve your UI micro-interactions. Let’s see some examples of UI animations going from good to great. With a little bit of tweaking here and there, you can elevate your UI patterns with animation. The interactions listed show continuity between states, denote a relationship between shared elements, and call the user’s attention to something they should notice and act upon. To create these animations, I followed the guidelines from Material Motion, IBM’s Animation Principles, and The UX in Motion Manifesto. All of the interactions were made using the early-access version of InVision Studio. You can download the source [...]

February 21, 2020

My Learning Curve

You have to be self-sufficient. You have to be hungry to learn. Here is a list of everything I’ve found useful in my journey of learning design, and an ongoing list of things I think you should read. This is for budding UX, UI, Interaction, or whatever other title designers. The Basics You have to start from the beginning. You have to understand the basics. Learn to love type, learn to navigate the pen tool, figure out colors, learn from the past, and build up a reservoir of empathy. Foundations Font Review Journal Learn to Kern Learn the Pen Tool [...]

October 2, 2018

My Toolkit

When it comes to building a robust UX for product/application/website, I’m always agitated to see that where and how the other people work in the designing industry. It may require specific tools to help to get a grip on the subject and identify the needs of the targeted users and also their psychology. If you can identify what the users actually want and build an interface based on those inputs, the design is certainly going to wow the audience. Here, I wanted to share my personal toolkit and resources which I use every day as a designer. Designing Tools Adobe Photoshop [...]