I am creating a card stack ui for selecting items and creating a new item. Right now the page looks like this:
I'm not sure if the ui for creating a new item should be a card itself or a separate button. Anyone seen anything similar?
I am creating a card stack ui for selecting items and creating a new item. Right now the page looks like this:
I'm not sure if the ui for creating a new item should be a card itself or a separate button. Anyone seen anything similar?
There are many similar interfaces for selecting and adding items in a card interfaces with the most common being the selecting of addresses or credit cards in an e-commerce checkout process.
It is important to distinguish the cards from the 'add new' option however, since they're two different type of actions. A good way to do this would be by using suitable colors, borders and other visual aids to distinguish these actions.
in the mockup below, i have created a simplistic filled and empty grid effect using different colors and borders
download bmml source – Wireframes created with Balsamiq Mockups
The placement of the 'add new' card div is also important.
As a general rule, if there are