Versions Compared

Old Version 56

changes.mady.by.user Unknown User (jtwarren@mit.edu)

Saved on

compared with

New Version 57

changes.mady.by.user Unknown User (krosnick@mit.edu)

Saved on

Key

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

...

Sketch

Design Description


This is the first mobile design.  The focus is to present the user with the information they need and allow them to easily take action.  As a main use of the mobile web app would be to resolve the issue or comment on it, those opetions are easily available.  The user may also want more information in which case they can drill into the job by clicking the side button.  The main view will give a list of items (scrollable) and provide enough basic info to get the job done.


This was the second mobile design which focuses on efficiency.  Items can be marked and then action can be taken (shown: `mark complete`, but other actions may be available.  Similarly to the other design, jobs can be drilled into by clicking on them.  The focus here is to allow a user who knows the problems well to just resolve the issues or delete them.

This design was focusing on showing the user everything they might need.  This is done in a table format.  The table headers may be used to filter by priority/assignee/etc.  Moreover, filters are available to the user on the site and action items on top.

This was a run at showing jobs in a nicer maner.  Jobs can be filtered then selected, information about the job is shown on the right.  This allows the user to quickly drill into a specific problem they're having and filter out any noise.  The view of the task could include things such as a notes/comment section, activity, etc.

This design is similar to the above design except that it takes on priority sections in the middle panel.  The view also has more focus on "activity" and notes/comments than the previous.  The focus here was layout over specific details.  There may be more actions or details noted on a specific task, but those might have been omitted here.

This was a unique design that listed all the tasks.  The tasks may have some indication of priority when they come in, or may be dragged/dropped into place.  When the manager wants to assign a job to a worker, he may drag/drop it into place.  The focus here is to allow the manager to do what he needs to do and be done with it.  He can view incoming/existing jobs and then view the jobs per worker as well.

This was an alternate for a closeup of an individual task.  Again, the focus is on another design layout opposed to complete functionality.  There may be more to this design such as `location`, `description`, `time`, etc.

Rebecca

Sketch

Design Description

Image Added
Image Added

Design 1
In this design the jobs are organized by their progress toward completion (New Requests, Not Started Jobs, In Progress Jobs, and Completed Jobs). In the New Requests area managers can assign their workers to particular repair jobs by selecting their worker with the drop down list and then clicking the Assign button. Then the job is moved to the Not Started Jobs area. Users can change the order of jobs in the list (i.e., to visually change their priority) by clicking and dragging on the texture on the left of the job. Managers can also add notes for each job by clicking the Notes button. A window will appear with notes previously written and will allow the manager to add new notes. Workers will have a similar interface to the managers’ (except for the ability to assign workers to jobs). Clicking on the Contact Info link at the top brings the user to a new page that lists workers contact information.

Image Added

Design 2
This design organizes repair jobs by the repair area (Air Conditioning and Heating, Plumbing, Electrical, Electronic, etc). Also, upon clicking on a job, more details about that job will appear. In the picture below, clicking on the Shower not draining job will expand that job in the Plumbing section, and the user will now be able to modify worker assignments, update the job status, and add notes. The user can access contact information the same way as in design 1.

Image Added

Design 3
This design is for a tiny screen interface and potentially a touch screen phone. The design allows the user to view All the jobs or just the Important jobs by clicking on the appropriate tab. At first only basic information about each job is listed (name, location, status), but when the user clicks on a job, it is expanded and the user can add/view notes, mark the job as completed, or mark it as important. Worker assignments are not included on this interface because there is not much room. Perhaps this could be a mobile web version of the application that workers/managers may check occasionally throughout the day, assuming that they already checked the non-mobile version of the website (that has more details) at the beginning of the day or during lunch break. However, the user can view worker contact information by clicking on the Address book area. Worker names will appear with buttons next to them that allow the user to quickly call or email the worker.

Storyboards:

Storyboard #1 (Gmail-esque):

...