The Kitewheel Hub June 2018 Release sees the first release of a major user interface overhaul. Every user interface component has been redesigned and reimplemented. Our changes are based on a wide range of user experience surveys, research and many, many, support calls. We have tried to design an easier to use, easier on the eye product. We hope that you like it and we hope that this is much more new shoes than new coke.
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 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.
Data Schema
The data schema has two usability enhancements.
- The left and right arrows at the top of the Data Schema
have been replaced with a tab structure for easy navigation between Schema, Public Variable and Literals.
- The Data Schema is now half the width of the page so there is addition 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
- 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
on them. Upon clicking the icon you will be able to see the details of the metrics
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
- [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
KS Bug
- [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
