Interaction foundation

5 Shots

Series including common interaction patterns

More Projects

Interaction foundation - Disabled select element with tooltip

January 28, 2020

Sometimes there's a need to communicate more context in a dropdown menu scenario. Using a tooltip along side a selection can be a great way to accomplish this.

Interaction foundation - view more hovercard

July 24, 2018

Having learned this the hard way, it's easy to try to pack more information onto a card than is accessible or user friendly. In these cases, instead of designing a complicated card, opt for a hover interaction which displays more informa...

Interaction foundation - Archive then delete

July 18, 2018

There are many ways to handle an "archive then delete" interaction, but some good rules to follow are: - Make sure you have a repository for your archived items to live. This can be more or less visible depending on the likeliness of us...

Interaction foundation - Inline edit

July 17, 2018

Seemingly simple interaction, but lots of little lessons learned after designing many of these: - When designing a complicated "settings" place, separate the sections using a navigation of some sort. This keeps the page from getting too...

Interaction foundation - Delete from table

July 16, 2018

Happy Monday. We're starting a little interaction series, mocking up common UX patterns with all steps included (confirm, toast, etc.). Today, it's deleting an item from a table.

Available for new projects

Get in touch
Alex Lauderdale