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.