Skip to main content
Question

Move components in prototype with a pop-up in between transitions

  • April 9, 2024
  • 1 reply
  • 309 views

Hey All!

Im working on a to-do-ish list app where tasks can be moved around categories when pressing a button. The task element is a component with 3 buttons. Each of those will open a pop-up (overlay in prototype) where the user can add information or just a confirmation overlay.

I would like to move the component element from one category to the other in my main screen as a result of which button is pressed. In essence:

-------------------------
|			|
|	Category A	|
|	TASK 1		|
-------------------------
|			|
|	Category B	|
|			|
-------------------------
|			|
|	Category C	|
|			|
-------------------------

Then you click the button done on task one

-------------------------
|			|
|  -------------------	|
|  |		     |	|
|  |   Are u sure?   |	|
|  |	y / n	     |	|
|  | 		     |	|
|  -------------------	|
|			|
-------------------------

Please confirm or this makes no sense anymore

-------------------------
|			|
|	Category A	|
|			|
-------------------------
|			|
|	Category B	|
|	TASK 1		|
-------------------------
|			|
|	Category C	|
|			|
-------------------------

I hope this stuff above works or this makes no sense.

I have a lot of dependencies and to make a fully functional proto would help a lot with dev and UX research; its just a lot of work to make what i need manually.

Thanks! Cheers.

This topic has been closed for comments

1 reply

Vishal_Ramawat

There are many ways to achieve this:

  • Create Variants of the Categories and switch them after confirmation
  • Use Drag and Drop, so the confirmation comes after you drop the Task and remains there if Yes.
  • You can Show/Hide Task Elements on confirmation

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings