100 likes | 230 Views
Resource Fix-Its. Drag and Drop Menu. This is what the drag and drop interface should look like. 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.
E N D
Drag and Drop Menu • This is what the drag and drop interface should look like
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
+ Button for Resources • 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
Preview • Using same scroll bar on the side, the entire overlay screen will scroll instead of just the preview itself • 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.
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 • user should be able to rearrange resources in the workspace once at least 2 resources have been added as shown below.
Deleting Resources • User drags resource out of workspace to delete it • Resources shift to adjust for deleted resource
Resource Search Organization • 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 • As shown below, resource types also include relevant icons next to their name • The right arrow next to INTERACTIVES in this image allows user to view other resource type results, such as QUIZZES, TEXT, etc… • In the search results, resource images appear to the left of their title
Minimized Drawer Looks-Like • minimized drawer will make back full-color (no fade)