Could anyone point me to some examples of "sorting" activities, specifically ones where the user clicks a button or check box to sort an item into another area? I'm trying to get some ideas for an interaction that a client has asked of me and nothing is coming to mind.
I think I have some examples I can round up. I think most sorting activities I have will be drag-and-drop where the sorting occurs by dragging an object to one of multiple drop targets.
Can you say a little bit more about the type of content you're working with?
My client wants me to create a mini-prioritizing tool where the user inputs a task into a text field. They can then click urgent, important , both or neither. Depending on which button they have clicked, the text in the text field will be placed in the corresponding box.
I had a go creating something all on one slide but it was clunky.
However a two step version could be more elegant. On Slide 1, they enter a list of tasks into data entry field. Then, Slide 2 is a drag and drop interaction. The drag items are rectangles with a reference to the text entry field and they come in one at a time.
You'd have to amend the correct / incorrect feedback layers as there isn't really a right answer.
I've attached the .story file if you want to have a play!
Meant to add, I tried doing button sets next to the text input field, so the user could toggle between urgent and important for each item. However, I couldn't work out how to automatically sort the items from there into neat areas without gaps.
5 Replies
Hey Gemz -
I think I have some examples I can round up. I think most sorting activities I have will be drag-and-drop where the sorting occurs by dragging an object to one of multiple drop targets.
Can you say a little bit more about the type of content you're working with?
Hi David,
My client wants me to create a mini-prioritizing tool where the user inputs a task into a text field. They can then click urgent, important , both or neither. Depending on which button they have clicked, the text in the text field will be placed in the corresponding box.
When I think about it, the user is basically categorizing the tasks they've input.
I had a go creating something all on one slide but it was clunky.
However a two step version could be more elegant.
On Slide 1, they enter a list of tasks into data entry field.
Then, Slide 2 is a drag and drop interaction. The drag items are rectangles with a reference to the text entry field and they come in one at a time.
You'd have to amend the correct / incorrect feedback layers as there isn't really a right answer.
I've attached the .story file if you want to have a play!
Meant to add, I tried doing button sets next to the text input field, so the user could toggle between urgent and important for each item. However, I couldn't work out how to automatically sort the items from there into neat areas without gaps.
This discussion is closed. You can start a new discussion or contact Articulate Support.