UX: Assessing Table Revisions

The following exercise aims to establish a design experience to help an user in understanding  what changes have been made in the latest revision of a table (B), in comparison to the previous table (A).

Screen Shot 2017-05-08 at 1.14.51 PM

Using, JTBD Framework, the job story can be written as:

When looking through the latest data in a table, I want to see what changes have been made to it, So I can verify/understand/act upon the changes.

Few assumptions:

  1. User wants to know “what” changes have been made, and not “how much” the change is,
  2. Viewing the changes is an optional feature that is made available, and the user only calls for it if needed.

The Design Suggestion –

The design suggests of three states, default being the second, with the changes highlighted in red/green. The three states are namely:

  1. State with the latest table data being shown. No changes values highlighted.
  2. State with changes values highlighted in green/red, suggesting positive and negative changes. Hover support for Web.
  3. State with both previous and current values being highlighted for cells that have undergone changes.
ViewingTableChanges
3 State Table For Viewing Recent Data Changes

To understand the experience better, here is a quick prototype showcasing the experience:

newTable2

 

Idea behind the solution is to empower user as an activity like viewing data changes might be an all-time task. Also, in financial domain, there is often need to export data and hence the format in which data might be needed could be multiple, sometimes with new data and sometimes with old/new data for better analysis.

With some user testing, the solution can be tailored to fit the user requirements better.


Digital Tools Used: Sketch for UI Designs & Principle for Prototype.

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s