Initial Sketches For General Copy And Paste / Clipboard Interactions

Initial sketches for general copy and paste / clipboard interactions 3/12/09 What is presented in this document are 4 distinct artifacts which can be mixed and matched.

UI Prototype document

#24: Copy & Paste [email protected] Note: This is a clickable interaction wireframe.

a) The clipboard placement, currently 2 ideas: 1) a pop-up windows as it currently found on the stage build 2) a dedicated panel for the clipboard b) The clipboard design. Apart from typical contextual menu and the OS's ctrl-c/ctrl-v I'm currently looking at two designs 1) 'vertical': a list box of artifacts in the clipboard 2) 'horizontal': more of a carousel design with supplemental list box for quick access.

Jump to contextual clipboard / vertical interaction >

Jump to clipboard panel / carousel interaction

>

Copy & Paste Copy from canvas to clipboard Duplicate a canvas/page Duplicate a layer of a canvas/page Create an instance of a sketch element Create an instance of a page or layer

Immediately duplicate sketch element on to canvas

More?? email [email protected] with additional tasks to be captured here

I'm beginning to question the flow of presenting the clipboard when user copies and item

Copy canvass elements with pop-up

A select/highlight then call clipboard

KEY: C Clipboard Box Button Select Icon

Crea te Insta nce func tion func tion

Selected object is automatically put in clipboard Clipboard Create Instance

Box

paste

Button

function

Select Icon

KEY: C

B Calling clipboard to paste elements to canvass

The user can now create copies or instances on to the current canvass or (close the panel?), switch pages and then create copies

Clipboard Box Button Select Icon

Crea te Insta nce func tion func tion

Clipboard

Clipboard Button Select Icon

Create Instance paste function

Button Select Icon

Create Instance paste function

Need to think about how to create copies versus linked instances of pages when using drag & drop.

Clipboard bin in right hand panel

Item appears as icon in clipboard carousel Drag & Drop item to clipboard Bin

Copy is made

Box

Drop Down list Copy Create instance Delete

Box

Copy Create instance --------------------Delete Clear Clipboard ---------------------Box Button Select Icon

Copy Page using right hand panel

A Drag & Drop item to clipboard Bin

Page 1 layer 1 layer 2 layer 3 Page 2 layer 1 layer 2 layer 3 Page 3

Page 1 layer 1 layer 2 layer 3 Page 2 layer 1 layer 2 layer 3 Page 3

Pages & Layers are copied by dragging from the clipboard back on to the Document hierarchy panel

B right click Page 1 Layer1

Page 1 layer 1 layer 2 layer 3 Page 2 layer 1 New Page Duplicate layer 2 Page Delete layer 3Page --------------------Page 3 New Layer Duplicate Layer

Need to think about how to create copies versus linked instances of pages when using drag & drop.