Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...


The idea behind this design was to have all information and tasks focused around the room number. A user can see the history of a room in the hopes that the user may notice a pattern behind repairs indicating a more serious problem. In addition, when the user wants to initiate a new task, the user can click one of the new task buttons which will take them to a form which will be partially completed with default information based on the room.


This design splits the screen into 3 columns. The first column is mostly static. Depending on the selection made in the first column, the second column populates with the appropriate information. The same thing happens between the second and third column.

What appears in the first column are two tables. One contains recent activities and/or notifications. The other table contains a filterable list of tasks. If a user were to click one of the entries in the tables, the second column populates with all the available information about the task. The third column can then be used to show any additional information that might be relevant. In addition, users could start a new task using buttons in the second column. The buttons would start a new form in the third column with some information already filled in. Ideally, all the information they need to make this new task is in the second column.


This is meant to be a small screen stretch. On this single drawing, there are 3 columns for 3 different pages that a user would use. There would be some sort of dashboard/home page which summarizes the most important information. Possibly, users may want to track particular tasks, and these tasks would always be present on the dashboard for quick access. Users can then go to a page dedicated for a particular category of task. These pages contain a list of all the tasks which can be selected to see the details. In order to add a new task, users would scroll down to the bottom of the page and begin filling out a form that is already there (no need to click an additional link).

Sumit Gogia

Sketch

Comments

Image Added

  • The mobile interface has large buttons for usability
  • Main page allows you to access maintenance or moving lookup
  • Lookup interface takes entire page, so that max info is conveyed
  • Selecting element in lookup takes you to an info page  
    • The info page has actions in a menu of large buttons
    • The info page has a descriptive summary of the room/facility
      • Square footage
      • location
      • Name
      • Occupants

Image Added

  • The interface supports a main page in the form of a floor plan
    • The floor plan is pannable and zoomable
    • Floor selection is available on a sidebar
    • Tabs indicate the open facility and room documents
      • Two tabs (lookup and floor plan) necessary
      • Document tabs can be closed
    • Depending on which mode is selected (maintain/move)
      • Different elements of the floor plan are annotated
        • Color coding
        • Selectable for summary information
        • Double clicked-items open new "document tabs"
        • Documents have menus for creating new jobs
    • Lookup tab allows for 
      • Lookup of rooms or facilities
        • Name
        • Id
        • Location
        • etc.
      • Looks like a typical search with table

Image Added

  • The interface supports a main page in the form of a floor plan
    • The floor plan is pannable and zoomable
    • Floor selection is available on a sidebar
    • Tabs indicate the open facility and room documents
      • Two tabs (lookup and floor plan) necessary
      • Document tabs can be closed
    •  
    • Different elements of the floor plan are annotated
      • Color coding
      • Selectable for summary information
      • Double clicked-items open new "document tabs"
      • Documents have menus for creating new jobs
        • jobs are started through predefined forms
    • Lookup tab allows for 
      • Lookup of rooms or facilities
        • Name
        • Id
        • Location
        • etc.
      • Looks like a typical search with table
        |
  •   Storyboard Designs

Design 1

...