Animated Form

10 Responses

1. Pro Timothy Whalin

   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. ;)

   12 months ago

2. Jackson Fox

   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.

   1likes

   12 months ago

3. Pro Helen Tran

   In my head I was expecting to see another form once "Create New Item" was clicked the second time.

   1likes

   12 months ago

4. Pro Alan Dennis

   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.

   1likes

   12 months ago

5. Pro Timothy Whalin

   @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.

   12 months ago

6. Pro Tanveer Junayed 

   Smooth animation Timothy

   12 months ago

7. Jackson Fox

   @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

   12 months ago

8. Pro Timothy Whalin

   @Jackson Fox Ended up going a different route, similar to @Alan Dennis proposed idea. Appreciate your help!

   12 months ago

9. Justin P

   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)

   1likes

   12 months ago

10. Pro Timothy Whalin

    @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.

    12 months ago