Content Comparison

CRM header.. ‘Create Case’ button - remove + icon

• Adds nothing to the messaging

• Unnecessarily pollutes communication to the user

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - Add Notes (button and panel)

• Logical to have on this page as well as form

• Broker may refer and add notes on this page

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - Add footer for buttons

• Footer missing on this page

• CTA Buttons need a home on this page

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - Drawer (Applicant Details) - Remove the Edit button

• Associated with removed functionality

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - Drawer (All) - Move buttons to foot of the drawer

• Consistent with revised UI pattern

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - ‘Export’… what? - rename button label to ‘Export fact find’

• Be more specific where space allows to better communicate to user

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - ‘Start Fact Find’ button - rename to ‘Fill in fact find’

• Better description of the action associated with this button

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - move ‘Export fact find’ & ‘Fill in fact find’ buttons to footer

• Consistent with revised UI pattern

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - Remove ‘:' after 'Status’ label

• Adds nothing to the messaging

• Unnecessarily pollutes communication to the user

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - Drawers (read only data) - Remove ‘:' after labels

• Adds nothing to the clarity of the content

• Unnecessarily pollutes communication to the user

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Summary screen - Remove notification regarding ‘added applicant’

• Associated with removed functionality

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Show mandatory should be visible when notes panel is open

• Correction of a misaligned design element

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Show mandatory message shortened to ‘Mandatory only’

• Better succinct communication without losing meaning

• Easier to implement on small screens

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Progress Bar on the top of panels should be replaced with a static full width rule - colour grad

• Associated with removed functionality

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Tick Button should be replaced with a text button ‘Mark this page as complete’ to the right of the other 2 buttons…(previous & next).

• Better description of the action associated with this button

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - ‘Mark this page as complete’ button - show ‘Mark this page as incomplete’ variant

• Better description of the action associated with this button

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - ‘Save and close' button should be replaced with 'Save & Exit fact find’

• Better description of the action associated with this button

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Add new button labelled ‘Save fact find’

• Missing from design although was required for Case and Product pages

• Added as user would find useful

• Added for consistency

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - ‘Pages that ‘May’ and ‘Do Not’ need to be answered - reduce Icon size remove ‘key’ and add explanation on hover

• Key not required and is only partial

• Tooltip is better solution

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - ‘Add another source of income' change to remove word 'another’

• Better description of the action associated with this button

• Button label does not need to change once the first item is added

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Drawer (All) - Move buttons to foot of the drawer

• Consistent with revised UI pattern

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Add new icon for use when a form field in the Fact Find is pre-populated with data from a linked illustration and read only.

• Product team request

• Added to form page ‘Property to Purchase’ - field ‘Property valuation’

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - ‘Notes’ - remove date stamp

• Unnecessary content that at most informs the user of the last change event for all notes without giving details or allowing undo.

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screens - Realign multi-lined label text so that it hangs from the top line (not centred)

• Line up of content to aid in readability

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screens - Remove ':' after form labels

• Adds nothing to the messaging

• Unnecessarily pollutes communication to the user

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - range right labels (excluding mandatory indicator)

• Line up of content to aid in readability

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Forms Screen - Add new navigation item in left nav under the heading of ‘Fact Find Summary’ labelled - ‘Page index’ that links to the summary page

• Required to allow the user to navigate back to the summary page without using the breadcrumbs as a primary navigation method.

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Burger Menu - Width of menu to remain constant across all width variations and to appear from the top of on the screen - not slide

• Ease of use for user on the go

• Required for customer portal

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Burger Menu should not be the full screen width and the background page should be covered by a tint that compels the user to interact with the burger menu only

• Ease of use for user on the go

• Required for customer portal

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Burger Menu increase text size of menu items

• Ease of use for user on the go

• Required for customer portal

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Reduce dominance of ‘Next’ & ‘Previous’ page buttons

• Replaced with icons and succinct labels on mobile

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Illustrate right hand drawer design for read only data & additional form input functionality (eg 'link to another product)

• Illustrated on forms page (375px)

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Summary page - left hand page listing - on screen sizes that don’t allow space for this navigation it is to be replaced. Remove the carousel UI pattern currently in the designs and replace with a left hand drawer which is activated from a CTA in the page footer labelled ‘Pages’‘Page Index’

Note:

• Index page content is scrollable

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Replace CTA’s in footer with Icons and labels

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Replace hover tooltips with click to view tooltip

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate sticky footer nav - both condensed and expanded

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate ‘Modal’ in situ

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate ‘Search’ function in situ

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate 'Notes' panel in situ

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate 'Export' modal

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Wrap ‘Status’ & ‘Last…Update’ so all is visible without inetaction

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Illustrated on form page (375px).

Note:

• Click to view

• arrow indicator should align with icon

• Dismissed on page reload/refresh

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate sticky footer nav - both condensed and expanded

• Default is expanded… condenses on scroll down until end of scroll where it expands again.

• User can click top bar to expand/contract at anytime

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

• /A

Mobile/Tablet - Illustrate confirmation ‘Modal’ in situ

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate ‘Search’ function in situ

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

• Purple title N/A

Mobile/Tablet - Illustrate 'Notes' panel in situ

2 versions illustrated

• Right hand drawer as used in the desktop version

• A model which is more mobile friendly on mobile

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile/Tablet - Illustrate 'Export' modal

• Illustrated on forms page (375px)

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

Mobile - Wrap ‘Status’ & ‘Last…Update’ so all is visible without interaction

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A

•  

  Status
  colour Red title Outstanding

•  

  Status
  colour Green title Done

•  

  Status
  colour Purple title N/A