Difference between Old and New Probench Site

2. List View

Normal list view

../_images/normal_list.png ../_images/normal_list1.png

Note

  1. The search functionality has moved from left bottom to top right as shown in above image.
  Why did we make this change? To avoid page scroll down, as search is normally the first activity when you land on list page.
  2. Also Add add icon has moved from left bottom to top right corner.
  Why did we make this change? It was tagged along with Search and visible clearly for new users on Probench.
  3. The paging has moved from left bottom to right bottom.
  Why did we make this change? To keep it in sync with the overall page layout.

Adding scores or responses list view

../_images/Adding_scores.png ../_images/Adding_scores1.png

3. Buttons

OLD NEW Function
../_images/add1.png ../_images/add.png Add new Items.
../_images/copy.png ../_images/copy1.png Create copy of item.
../_images/edit.png ../_images/edit1.png Edit that item
../_images/participation_figure.png ../_images/participation_figure1.png Shows survey participation figure.
../_images/small_cancel.png ../_images/small_cancel1.png Resets to original data as earlier.
../_images/save.png ../_images/save1.png Save the data in item.
../_images/small_delete.png ../_images/small_delete1.png Delete the item.
../_images/status.png ../_images/status1.png Shows the status of item.
../_images/user.png ../_images/user1.png Login as user button.
../_images/csv.png ../_images/csv1.png CSV button to download.
../_images/xls.png ../_images/xls1.png XLS button to download.
../_images/xml.png ../_images/xml1.png XML button to download.
../_images/view.png ../_images/view1.png View the data in tabular format.
../_images/search.png ../_images/search1.png Search button to search specific item.
../_images/generate.png ../_images/generate1.png Generate button.
../_images/update.png ../_images/update1.png Update button to save changes.
../_images/lock.png ../_images/lock1.png Lock button to lock report.
../_images/delete.png ../_images/delete1.png Delete button to delete item.
../_images/cancel.png ../_images/cancel1.png Cancel button to stop process.

4. Messages

OLD Representation NEW Representation
../_images/message.png successmessage errormessage infomessage

5. Form

Form Difference

../_images/form.png ../_images/form1.png

6. Changes in Pages

Report

../_images/report.png ../_images/report1.png

Note

  1. Changed the link “Add survey responses/scores to the report” to button.
Why did we make this change? To make it more prominent to click.
  2. Changed “Advanced Editor” link to button and changed position from down to up.
Why did we make this change? We had complaints from users it often get missed.

Brochure

../_images/report_brochure.png ../_images/report_brochure1.png

Note

  1. Changed the Message “No brochure found” to error message.
  Why did we make this change? It was a part of message look changes.
  2. Changed the position of link ” Return the participants list | Return to the brochure manager” from bottom left to upper right.
  Why did we make this change? After a brochure is generated the result text makes the link move to the end of page. Keeping it on top left makes it easily accessible.

Help

../_images/help.png ../_images/help1.png

Note

  1. Changed the “Edit” link to edit button from view page to list page.
  Why did we make this change? Making it consitent with rest of list pages.