I have a web page that allows a user user to preview the changes they made.

The page has a grid with data and the user can edit each row. In the preview, the user wants to see what he/she has changed.

Something like this grid http://www.jeasyui.com/demo/main/index.php

So I need to implement some kind of preview that show the differences. For example underlining deleted content with red, or new content with green etc.

I've searched the web for this problem but I didn't manage to find anything on the best practice about it.

Where can I read about user experience best practices related to creating a preview page with the ability to emphasize changes that were made by the user (where the user will be able to check what things they've changed, deleted or added)?

  • 1
    You could show the grid as usual and highlight every new entry green,deleted entried red and changed entried as yellow. You can look ok how stackexchange.com, github.com or wikipedia.org handle it. You could edit your Question and then press on this "Edited X minutes ago". – BlueWizard Jun 19 '15 at 9:05
  • And if i have 5 pages with 20 rows per each page? Will it be ok for user to go thought all pages in order to see what was changed? – user207607 Jun 19 '15 at 9:08
  • Maybe you could show them at the very beginnling something like "X entries deleted ; Y entried created ; Z entried modifies". Just so the user can see if it's at least barely correct. – BlueWizard Jun 19 '15 at 9:16
  • Also you can hide most of the document in most cases. If i only add a single entry at like 200 then i might just show him line 195-205 and tell him "Hidden Lines 1-199" so he doesnt need to scroll throu his entire document if he made on my minor changes – BlueWizard Jun 19 '15 at 9:21
  • @user207607: As a general solution, you can indicate which pages contain changes, or you put it on one page, let the user scroll and use a color-coded navbar / scrollbar to find changes. But why a user needs to see / review changes: what drives them, why would they spend the time? Your solution depends on that. – peterchen Jun 19 '15 at 9:36

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.