FRAMER JS | SKETCH
I started off with the basics, a skeleton and the three UI elements to accomplish the "clipboard" objective; a cut and a copy button and add a new clipboard function.
For the latter, I tried to quickly make an icon that would say, "there are several elements here".
Joy of the day: make a button you can press!
What happens when you open the clipboard? How to navigate it?
I chose to represent the stored elements in different "bubbles" where the user could view what was stored before deciding to copy something.
Joy of the day: Making the red panda's trajectory to the text box work!
Mistakes: Associating the items to the wrong icon (copy button).
Red Panda ends up on the wrong side of the text box, for those of us who write from left to right :p
I decided to simplify the way the clipboard elements were presented, because having the bubbles represented one extra, unnecessary step to get to the actual content.
Furthermore, I realized that swiping was a faster, more intuitive way of navigating through units of content.
Joy of the day: Making the long-press function work!
Hold press on paste and the elements stored in the clipboard will appear, you can swipe through them until you find the desired one and then click it to paste. Easy peasy!
Joy of the day: I managed to darken the rest of the app when the clipboard was active to direct the attention to it.
Also, pick an item from the clipboard while being on one app and drag it to another app to be pasted in.
*This feature would've made my life so much easier on that "monster at McDonald's day"
As you can see, this prototype is very simple but it was a fun, easy way to explore the tools; and sometimes, its all you need to get an answer during the design process or get people to try something out.
Choosing a simple micro-interaction was a good idea because then I could focus more on learning how to make the prototype work rather than putting energy on figuring out complex wireframes or interactions.
ARDUINO | JOYSTICK | SERVOS | DINOSAUR SKIN | CABLES | SPONGES | ETC
old project | industrial design | 3d