A short animated GIF to show an interaction I'm working through. Is it okay to use the same button twice - once to show the form and once to create the item?
This "create" option is a secondary option that a user won't be doing often which is why it would be hidden.
Some of the animations would be differently in the final version, but I can't do it all using Photoshop. Also, I removed a lot of the information as this project is confidential. They aren't actually called "items". And the form details will be a bit different. ;)
over 1 year ago
I think you need separate actions for showing the form and creating the item in the list. You don't necessarily have to show both buttons at the same time—the show button may be hidden when the create form is visible—but I think they need to be distinct controls.
In my head I was expecting to see another form once "Create New Item" was clicked the second time.
I love the idea - little animations like these seriously streamline simple workflows, IMO. This was my initial reaction, feedback wise. I didn't spend a ton of time making it look perfect, but you can prolly get the gist. http://screencast.com/t/xWX2JdarEo Basically - have an empty cell as a new item space, then have the "Create new item" as you finishing action once you start the creation phase. Also, you can have the item fields live inside the cell that will eventually house that new item, so that the transition is continually fluid between states.
@Jackson Fox "Show Form" doesn't necessarily make sense. And if both buttons say the same, but why make them the same button just animate between placement?
@Helen Tran Often you would only create one item at a time.
@Alan Dennis Thanks for the illustration. This may make more sense so the actions and buttons are distinct.
Smooth animation Timothy
@Timothy Whalin Not sure I follow. I was thinking something along the lines of what @Alan Dennis mocked up. You have a button that displays the creation form, and that button is hidden once the form is visible. The creation form has an action to save the new item.
Even if the labels are similar, I think they need to be distinct actions. In part because the save action needs to be visibly connected to the item form instead of the list: http://cl.ly/0z0y0C1r2t220m3U3l2Q
@Jackson Fox Ended up going a different route, similar to @Alan Dennis proposed idea. Appreciate your help!
I am obviously late on the discussion as you have already choosen a different route, but my immediate thoughts would be Add New Item (much like @Alan Dennis + New Item) and then Create new item for the actual entry.
Using two separate verbs, it is easy to understand (to English as a first language users anyway)
@Justin Yeah thats the route I think I'm going. Seems interesting that the same button couldn't be used as its the same action.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter