Page Comparison

...

These changes also lay the groundwork for further improvements and new features in the product. Now that we have given ourselves space in which to put these we feel we can make progress more quickly. 

User Experience

The goal with the user experience was to give a proper home for projects. We realised that the tiles on the home screen were the only place you could see a "project" summary - but that it didn't contain nearly enough information. So we have now introduced a project page that contains real summary information about your project and a place that you can center your workflow rather than going back to the front screen. 

New Look and Feel and Global Navigation

The first thing you will notice is the new look and feel - brighter, fresher, cleaner and more consistent use of highlighting colors. This is so much more 2018 than 2016 - such a long time ago. 

...

The project tiles exist, in a cleaner layout, with easier filtering, and the project title is the link to take you to the new project screen. 

Colors and Links

Throughout the interface you will see a number of consistent user interface elements and coloring: 

•  Text like this and items in this colour are links to other pages and are used for navigation - clicking on one of these will take you to a new screen or page 
•  Orange is used as a highlight colour consistently to grab your attention 

Editing Things 

 if you have changes to save then you will see this button - clearly identified in yellow - and yes we moved the location of  the Save Edits button on the Connection Information window!

 if you see this button you know that you have no more changes to make 

Global Navigation 

We are not saying that the navigation wasn't perfect in the old interface but it was easy to find yourself in a perpetual loop going back through the home screen. 

...

At the top of the screen you will see a "breadcrumb" that shows exactly where you are in the interface. This makes it easier to return to the project page and also the home page and know exactly where you will be going. Clicking on the logo in the top left corner still takes you back to the home page - just for old times sake. 

Project Page 

The project page In the Upper right you will find a new two new menus:

• The User Profile Menu allows you to your login information and reset your password

Image Added

• The Help menu allows you to access the help center, documentation, version information as well as Legal information about using the Kitewheel Hub.

Image Added

Project Page 

There is a new Project Page is now the main page for dealing with all components of a project. 

...

The main sections show the Project Name and Description and immediately below that the current deployments in your environments. 

On the right hand side of the page are a whole series of major navigations and shortcuts to important things.

For more information on the new Project Page see the new documentation.

Metrics

Metrics are now directly linked to the Node instead of being viewed in the right hand panel. Nodes with associated metrics will have a graph icon Image Added on them. Upon clicking the icon you will be able to see the details of the metrics

Image Added

Data Schema

The data schema has two usability enhancements.

...

• The Data Schema is now half the width of the page so there is addition additional screen real estate to view and modify the Schema

Metrics

There are a number of changes associated with metrics to improve overall access as well as the ability to analyze the results.

• Metrics now have their own tab on the Metrics Page, additionally we've raised the number of starred metrics from 4 to 6

Image Removed

• Metrics are now directly linked to the Node instead of being viewed in the right hand panel. Nodes with associated metrics will have a graph icon Image Removed on them. Upon clicking the icon you will be able to see the details of the metricsImage Removed

Admin Page

On the right hand side of the page are a whole series of major navigations and shortcuts to important things. 

• Overview - the home screen for the project page
  • Users & Groups - takes you to the 

• User Experience
• New Project Page
• New Global Navigation
• User Information and Password Setting 
• New Look and Feel including updated CSS structure changes
• Upgrade to Font Awesome 5
• Webtrack
• Support in UI for Do Not Track
• Various Bug Fixes and minor enhancements

Cross Reference all of these: 

Sub-task

• [KIT-1495] - Change to schema/sidebar layout
• [KIT-1498] - Link color in journey map
• [KIT-1499] - Change set/reset password flow
• [KIT-1500] - Add new menu box size
• [KIT-1501] - Listener editor dropdowns should be side to side
• [KIT-1502] - Minimal changes
• [KIT-1510] - Adjust position of journey node metrics
• [KIT-1518] - Update login page size
• [KIT-1519] - Update Password Update box to require user to provide their own password to change passwords

Bug

Admin Pages

The Admin pages features three important updates.

• The navigation inside of project has been streamlined for to improve usability. The submenu is now in horizontal tabs instead of in vertical buttons. This provides more screen real estate for the Admin options. Additionally, there is now a link to the Project Page and icons for all project links. This is designed for easy wayfinding.

Image Added

• The layout of the connections screen has been changed so that the Save and Test buttons are both at the bottom. This is to help users remember to Save the connection before testing it. The Test button will also be greyed out if there are unsaved changes.

Image Added

• [KIT-1176] - Remove Hardcoded Templates from the codebase
• [KIT-1366] - Add doNoTrack options to Hub API Listener display
• [KIT-1367] - Upgrade to Icon Library
• [KIT-1395] - Create Database Connector Transaction Isolation Level Option
• Password flow 

Bugs

The user interface redesign has closed a lot of small user interface bugs and user experiences as well as the following bugs: 

• [KIT-1418] - Unable to add engine groups/stacks because of null S3Path
• [KIT-1433] - Metric counts not pulled from rpt service for journey screenshots
• [KIT-1434] - Metrics issues in hub
• [KIT-1473] - Journey screenshots fail if they have more than 1 time based metrics graph open
• [KIT-1524] - Email Connection Inline Help info link broken
• [KIT-1539] - (1.13 integration) Clicking open/close very quickly on new metric indicator on graph node opens the item in editor
• [KIT-1541] - (1.13 Integration) Double clicking on item in project page listing, can sometimes result in both opening the item AND then taking the node double click action
• [KIT-1545] - (1.13 integration) Save and remain open changes in Org UX menu do not show proper button when changing logo image or favicon
• [KIT-1546] - (1.13 Integration) Icons not displaying properly
• [KIT-1547] - (1.13 integration) Icons on NEW journey templates are incorrect (show up as not visible)
• [KIT-1549] - (1.13 integration) Styling issue with long no-space connection names
• [KIT-1550] - RPT metric errors related to 'prepared statement' and parameter count mismatches
• [KIT-1551] - (1.13 integration) Occasional notification `Unknown Rollup Interval undefinedRollups`
• [KIT-1552] - (1.13 integration) Tooltip for Org UX custom fields appears behind modal
• [KIT-1555] - (1.13 integration) Small style issues from UI redesign reskin
• [KIT-1556] - (1.13 integration) Should be able to preview email when viewing in previous version
• [KIT-1557] - (1.13 integration) Cannot create new Journeys - get Validation Error: validation isin failed notifcation
• [KIT-1559] - (1.13 integration) Behavior for closing metric tooltip from clicks outside tooltip is different across browsers
• [KIT-1560] - (1.13 integration) Split Test results no longer polling
• [KIT-1562] - (1.13 integration) Journey tooltips going off page when sidebar is hidden
• [KIT-1563] - (1.13 integration) Changing other user's password via admin panel actually changes own password.
• [KIT-1566] - (1.13 integration) Time based metric graphs revert to rate/One Minute if open with active graph
• [KIT-1567] - (1.13 integration) Flip-flop behavior on metric update/deletion/creation

Story

• [KIT-1363] - Visual UI Refresh

Task

• [KIT-1176] - Remove Hardcoded Templates from the codebase
• [KIT-1306] - SPIKE: Customer Certificate for Internal Web Services
• [KIT-1352] - UI Redesign Groundwork
• [KIT-1364] - Update Org UX Custom Fields (Model, DB, and Front End)
• [KIT-1365] - Global Interactions Implementation (including User Profile dropdown)
• [KIT-1366] - Add doNoTrack options to Hub API Listener display
• [KIT-1367] - Upgrade to Font Awesome 5
• [KIT-1369] - Project Page Implementation (UX Redesign Feature)
• [KIT-1395] - Create Database Connector Transaction Isolation Level Option
• [KIT-1443] - Document common shared classes and LESS variables for OEM customization partners
• [KIT-1492] - Handle feedback for new design
• [KIT-1516] - Need to make the Version: field marketable
• [KIT-1520] - Test 1.13
• [KIT-1553] - Disable login/password reset confirmation buttons with inputs are empty

...

• [KIT-1251] - Alphabetize connections inside a REST adaptor node.
• [KIT-1273] - A/B split test node documentation link broken
• [KIT-1402] - JavaScript variable scope shared across organization level
• [KIT-1441] - Conditional Node fails when property name contains a period
• [KIT-1446] - Deployments Event Log not displaying in correct order
• [KIT-1471] - Metrics are not accurately updated