Friday, October 19, 2018

interaction design - Where should pasted objects in a drawing application be placed?


We are creating a drawing application where users can add shapes to a canvas. They can cut/copy/paste via keyboard shortcut or context menu. For the context menu, it's pretty clear that the pasted objects appear at the context menu's click point. However, the keyboard shortcut has caused this discussion in our team.


There doesn't seem any sort of standard for pasting objects in drawing applications:



  • MS Paint always pastes to the top right corner of where you've scrolled to.

  • Photoshop/GIMP pastes to the center of where you've scrolled to/your selection.


  • Paint.NET seems to paste on top of the copied area when zoomed out. But, when the pasted area is not visible, it tries to position it near the copied area.

  • Some applications paste "offset" from the original location. Multiple repeated pastes continuously offset.

  • MS Word pastes offset the original shape and scrolls you back which is very annoying

  • We have an internal application that always pastes to where the mouse is.


We don't want to do what MS Word does and scroll you back to the original pasted area. It is terrible UX. Therefore, our options seem to be:



  1. Paste to the center of where you've scrolled.

  2. Paste to the top/right corner of where you've scrolled.

  3. Paste to where the original shapes were copied (but also where you've scrolled).


  4. Paste to where ever the mouse is. I'm against this one because I believe that's what the context menu paste is useful for. Also, what do you do if your mouse is off screen? The first time the users paste, it may or may not be obvious as to why the pasted objects appeared where they did.


Before writing multiple implementations and testing them on our users, I figured I'd ask the community for some thoughts on these choices.



Answer



I think your #3 is the strongest choice, because it makes the position of the new element relative to an object that is guaranteed to be persistent, no matter what else is going on in the user's environment.


I had a much longer response drafted and ended up deleting most of it because all of the other options are dependent on user behavior. In an interrupt-heavy job, managing multiple monitors, there are too many things that take focus away from the task at hand (meeting reminders, modals in other tabs), making those targets easy to lose. I do so much of my work in a web browser now.


Making a study of the user's environment would be a very enlightening thing. For example, I'm drawing and suddenly get a Google Hangout invitation. Where the bleep is my cursor now?!?


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...