Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Dashboard Screens

Amend Description

Comment

Status

Reviewed

1

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

  • Adds nothing to the messaging

  • Unnecessarily pollutes communication to the user

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A

2

Summary screen - Add Notes (all) - please add ‘Notes’ functionality - (button and panel) Further amends - add and view in model and save and read only to page panel

  • Logical to have on this page as well as form

  • Broker may refer and add notes on this page

  •  
    Status
    colourRed
    titleOutstanding
  •  
    Status
    colourGreen
    titleDone
  •  
    Status
    colourPurple
    titleN/A

3

Summary screen (all)
- Add footer for buttons

  • Footer missing on this page

  • CTA Buttons need

    - Add ‘Save & Exit’ button
    (note - no need for ‘Save' button as form pages auto saves on exit)

    • Footer missing on this page

    • CTA Buttons need a home on this page

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    4

    Summary screen - Drawer (7.0) (Applicant Details)

    - Remove the Edit ‘Edit’ button
    - Add ‘Close’ button

    • Associated with removed functionality

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    5

    Summary screen - Drawer (All7.0, 7.1, 7.3) - Move buttons to foot of the drawer

    Add ‘Close’ button to read only drawers

    • Consistent with revised UI pattern

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    6

    Summary screen (all) - ‘Export’… what? - please rename button label to ‘Export fact find’

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

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    7

    Summary screen (all) - ‘Start Fact Find’ button - please rename to ‘Fill in fact find’

    • Better description of the action associated with this button

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    8

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

    • Consistent with revised UI pattern

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    9

    Summary screen - Remove (all) - Please remove ‘:' after 'Status’ label

    Also remove from Subset and Product

    ‘Status’, ‘Subset’ and 'Product’ labels

    • Adds nothing to the messaging

    • Unnecessarily pollutes communication to the user

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    10

    Summary screen - Drawers (read only data) (7.0, 7.1, 7.3) - Remove Please remove ‘:' after labels

    • Adds nothing to the clarity of the content

    • Unnecessarily pollutes communication to the user

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    11

    Summary screen (5.0) - Remove notification regarding ‘added applicant’

    Icons Warning Icon should match notification bar
    Warning icon colour in notification updated to match page icon

    • Associated with removed functionality

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    12

    Summary Screen (all) - Transpose the ‘questions answered’ column and the notification message column to
    - change heading the ‘Questions’

    • required to help achieve the correct responsive layout in the mobile version.

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    13

    Summary Screen (5.1) - change the ‘no entry’ icon for unlinking a product to an ‘unlink icon’

    • Better description of the action associated with this button

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    14

    Summary Screen (4.1) - Change notification heading for Missing Mandatory Data from ‘Warning’ to something more meaningful

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    15

    Summary Screen - super user (11.1) - ‘Pages that ‘May’ and ‘Do Not’ need to be answered

    • update with new styling

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    16

    Summary Screen (7.0, 7.1, 7.3) - Increase the depth of the top sticky header in the Drawer from 65px to 73px to match the page header

    Change background colour of drawer head to match page header and forms version of drawer header

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    17

    Summary Screen (all) - Rename header ‘Fact find Pages’ to ‘Fact find Summary’

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    18

    Summary Screen (4.3) - Change notification heading for… page information updated from portal, from ‘Information’ to something more meaningful (4.3)

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    19

    Forms Screen (4.0) - Show mandatory should be visible when notes panel is opencontroller misaligned

    • Correction of a misaligned design element

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    20

    Forms Screen (all) - Show mandatory message controller label shortened to ‘Show mandatory only’

    Remove all instances of ‘*MandatoryMandatory’

    Move ‘Show mandatory only’ text and control switch down to align with heading so that it can response under for mobile

    • Better succinct communication without losing meaning

    • Easier to implement on small screens

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    21

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

    • Associated with removed functionality

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    22

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

    • Better description of the action associated with this button

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    23

    Forms Screen (3.1) - ‘Mark this page as complete’ completed’ button in the footer - also show ‘Mark this ‘Unlock page as & Mark incomplete’ variant

    Text for tooltip changed to be more explict

    Add notification at top of all form pages to show when page is locked

    • Better description of the action associated with this button

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    24

    Forms Screen (all) - ‘Save and close' button in footer should be replaced with 'Save & Exit fact find’

    • Better description of the action associated with this button

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    25

    Forms Screen (all) - Add new button to footer labelled ‘Save fact find’

    Add details in footer for ‘Saved’ + timestamp (1.0, 1.1, 1.2, 4.1)

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

    • Added as user would find useful

    • Added for consistency

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    26

    Forms Screen - super user (10.0) - ‘Pages that ‘May’ and ‘Do Not’ need to be answered
    - remove ‘key’ and add explanation on hover
    - update with new styling
    - change notification heading from ‘warning’ to something more meaningful

    • Key not required and is only partial

    • Tooltip is better solution

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    27

    Forms Screen (9.0, 9.1, 9.2) - ‘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
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    28

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

    • Consistent with revised UI pattern

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    29

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

    • Product team request

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

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    30

    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.

    (4.0) - add ability to add multiple note, each with a date / time stamp that are either associated with a page and appears on that page as a read only note in a system panel that is present on all pages, or doesn’t relate to a page and appear only in the drawer as a general note.

    User is able to click on a note in the drawer and edit it.

    A ‘add note’ tertiary button on the page opens the drawer when clicked that has a ‘add note’ sticky form section at the foot of the drawer, or if the user has the drawer open and is viewing notes and opts to add a new note with the button in the drawer footer.. then the ‘add note’ sticky form section at the foot of the drawer appears (nice if it animated in - rising up out of the sticky footer)

    • Proposed functionality updated to meet the needs of users interviewed

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    31

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

    • Line up of content to aid in readability

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    3132

    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

    (all) - Please remove ':' after form labels

    • Adds nothing to the messaging

    • Unnecessarily pollutes communication to the user

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    3233

    Forms Screens - Remove ':' after form labels

  • Adds nothing to the messaging

  • Unnecessarily pollutes communication to the user

    Screen (all, 6.1) - Please range right labels (excluding mandatory indicator)

    • Line up of content to aid in readability

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    3334

    Forms Screen - range right labels (excluding mandatory indicator)

    Line up of content to aid in readability

    (all) - Add new navigation item in left nav under the heading of ‘Fact Find’ labelled - ‘Summary View’ 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
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A
    34

    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

    Update sidebar component and name summary page subhead to ‘Fact Find’ and menu item to ‘Summary View’

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

    35

    Forms Screen - detail the Postcode lookup process (underneath 1.2)

    Designs based on current functionality

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A
    35Forms Screen - Postcode lookup process

    36

    Forms Screen (11.0, 11.1) - Increase the depth of the top sticky header in Drawer from 65px to 73px to match the page header.

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A
    36Forms Screen - Increase the depth of the top sticky header in Drawer from 65px to 73px to match the page header.
    • /A

    37

    Forms Screen - Sources of Income (9.0, 9.1, 9.2, 9.3)
    - Amend table to fit width of container 808px
    - Add guide to how tables response down to mobile
    - Add edit drawer to view row data in full and then opt to edit or delete
    - Move tertiary button ‘Add source of income’ into panel so as to be consistent with links in other panels (eg add dependent)

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    3738

    Page Header (all) - Add missing functionality to header - System settings, edit user details, raise a ticket

    Help - support Portal, Notifications, Settings, Edit user details & logout - Remove avatar job title & and replace with name - add icon for user management

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    ...

    Illustrated on form page (375px).

    Note:

  • Click to view

  • arrow indicator should align with icon

  • Dismissed on page reload/refresh15

    Amend Description

    Comments

    Status

    Reviewed

    1

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

    • Ease of use for user on the go

    • Required for customer portal

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    2

    Mobile - Burger Menu should not be the full screen width and the 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
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    3

    Mobile - Burger Menu increase text size of menu items

    • Ease of use for user on the go

    • Required for customer portal

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    4

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

    • Replaced with icons and succinct labels on mobile

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    5

    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
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    6

    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 ‘Page Index’

    Note:

    • Index page content is scrollable

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A
    7

    Mobile - Replace CTA’s in footer with Icons and labelsdrawer which is activated from a CTA in the page footer labelled ‘Page Index’

    Note:

    • Index page content is scrollable

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A
    8

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

    7

    Mobile - Replace CTA’s in footer

    - With Icons and labels
    - With floating buttons for 'Save' and 'Save & Exit'

    Increased visibility over the expanding footer approach and likely easier to implement

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    98

    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

    - Replace hover tooltips with click to view tooltip

    Illustrated on form page (375px).

    Note:

    • Click to view

    • arrow indicator should align with icon

    • Dismissed on page reload/refresh

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    109

    Mobile/Tablet - Illustrate confirmation ‘Modal’ in situ

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    1110

    Mobile/Tablet - Illustrate ‘Search’ function in situ

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    1211

    Mobile/Tablet - Illustrate 'Notes' panel in situ2 versions illustrated

    Right hand drawer as used in the desktop version

  • A model which is more mobile friendly on mobile

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    1312

    Mobile/Tablet - Illustrate 'Export' modal

    • Illustrated on forms page (375px)

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    1413

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

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    •  
      Status
      colourRed
      titleOutstanding
    •  
      Status
      colourGreen
      titleDone
    •  
      Status
      colourPurple
      titleN/A

    ...