| 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. | ||
![]() | ||
|
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. | ||
![]() | ||
| This wireframe shows the remaining options for the picture. The left and right arrows both scroll back to the original set of options. | ||
![]() | ||
|
Alternative 3
In this alternative, mousing over the picture enlarges the picture and displays the options as a list of text below the picture. | ||
![]() | ||
|
Alternative 4
Here, mousing over the picture enlarges the picture and displays a bar indicating that it can be expanded. | ||
![]() | ||
| 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. | ||
![]() | ||
| 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. | ||
![]() | ||
|
Alternative 5
This final alternative takes the same idea from the alternative above, but instead displays the options as a list below the picture. | ||
![]() | ||