This first design is based on the idea of a grid.

In the top frame, the overall design is outlined.  The top section is a general website banner, with login info at the top.  The second section is an array of boxes, representing different categories customers can be sorted into.  These categories are designed to help the user keep track of customers appropriately.  The main section is a grid of customers, with a photo and basic information provided.  The second screen is a snapshot into the screening of beta users, as outlined in the scenario.  It is very simplistic, with the picture and information, along with snapshots of their various social media profiles.  


The third screen is a sample regular user card, with interactions from various social media sources listed chronologically, irrespective of source, displayed in a sequence.

The second design is a list-based design.

The side bar is a navigation bar, with different customer categories selectable.  The main section contains a photo, name, and other information such as date last contacted (regular customer) or date submitted (new).  The second frame is a representation of what the user sees if he clicks on a given customer.  The list expands to show detailed information about the history of the customer and the respective social media interactions.

This design focuses on using a small screen.

It is inspired from a phone-sized interface.  The right side represents customers, with a photo and information displayed in a scrolling tab on the right.  The bottom left is a menu interface allowing different selections.  Clicking on a new customer request pulls up a page with more detailed information, and the ability to prioritize and contact the user in one-click.

 

The next screen is an additional screen for the user to view for regular customers, containing the history in a list format, separated by type of social media.  Both allow navigation through a back button on the top.

  • No labels