...
Storyboard: ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Analysis:
learnability:This design uses a lot of buttons and tabs for navigation. Both of these have intuitive text labels that tell the user what they do. This makes it easier for a user to understand website options than icons alone. Organizationally, the tabs separate different types of buttons, and therefore break up the functionality of the website into digestible segments for the user. The site also draws from the ribbon design that is applied by many programs such as Microsoft Word and Maya. This prior familiarity will help the user intuit what to do. However, this program does not support quite as many options as Microsoft Word or Maya, so implementing the ribbon design may be overkill. It may be easier to understand and efficiently navigate the site if more options were presented in the opening toolbar and spaced around the site. One successful user interface that does this is Gmail. The chat, tags, and mail creator are all in the same view space, and require only one click (not two) to access.
The map in this interface is the core component of its use. Because of this fact, the design provides the map with most of the page space and allows for easy viewing and perusing. The statuses of the users on the map are indicated by the color dots that represent them, so searching by status can be done in a glance. To avoid clutter, further information regarding the activities of people on the map is not shown; instead, the user must hover over their icons to see. Because this is less efficient than a feed style layout, the ability to tag groups of users and search by name with the visibility lists is made available.