Resource Fix-Its

• This is what the drag and drop interface should look like

Drag and Drop Menu

• When resource selected and user holds down mouse, drag and drop square turns green to indicate icon can be moved into the workspace

• When resource added, title appears centered underneath resource

• Add button should have pop down menu that allows user to add resource to specific collection as shown. On the right shows the drop down menu when + button clicked and also what happens when the mouse hovers over on of the drop down options

+ Button for Resources

Preview

• for all overlays, background should be lighter

• overlay should include close button, title and description and should be able to fit the entire preview image in the overlay.

• Using same scroll bar on the side, the entire overlay screen will scroll instead of just the preview itself

• user should be able to rearrange resources in the workspace once at least 2 resources have been added as shown below.

Rearranging resources

• The green bar is an indicator of where the resource will go. Resources to the right of that bar will then shift to the right one space to accommodate for the placement of this new resource

Deleting Resources

• User drags resource out of workspace to delete it• Resources shift to adjust for deleted resource

• resources should be organized by having resources with the most relevant items on the left and then resources with less number of relevant results to the right

Resource Search Organization

• The right arrow next to INTERACTIVES in this image allows user to view other resource type results, such as QUIZZES, TEXT, etc…

• As shown below, resource types also include relevant icons next to their name

• In the search results, resource images appear to the left of their title

• minimized drawer will make back full-color (no fade)

Minimized Drawer Looks-Like