SUSAN GOV portfolio    ::    resume    ::    about    ::    contact

Menus Redesign Back to Wallop
 
Shown below are explorations around how contextual menu options can be surfaced for objects in Wallop, using pictures as an example. The contextual options for pictures are: Enlarge, Add Comment, View Comments, Add to Favorites, Tag Person, and Delete (for users who own the picture).

Alternative 1
In this alternative, mousing over the picture will enlarge the picture in place and bring up a toolbar of options below the picture.
 
Menus Redesign 1
 
Alternative 2
This alternative takes the idea from the first alternative and applies a cleaner, compact design by only displaying a few options as will fit below the picture. Clicking the right arrow will scroll to the remaining options.
 
Menus Redesign 2
 
This wireframe shows the remaining options for the picture. The left and right arrows both scroll back to the original set of options.
 
Menus Redesign 3
 
Alternative 3
In this alternative, mousing over the picture enlarges the picture and displays the options as a list of text below the picture.
 
Menus Redesign 4
 
Alternative 4
Here, mousing over the picture enlarges the picture and displays a bar indicating that it can be expanded.
 
Menus Redesign 5
 
Clicking on the bar will expand it to show a row of options and the ability to click to view the remaining set of options.
 
Menus Redesign 6
 
Clicking the right arrow from above rotates the options to show the remaining set of options. Here, clicking the left arrow will switch back to the original set of options.
 
Menus Redesign 7
 
Alternative 5
This final alternative takes the same idea from the alternative above, but instead displays the options as a list below the picture.
 
Menus Redesign 8