Refinement of UI mock ups
The initial designs were presented to the candidates interviewed for the prototype testing and the feedback was taken on board accordingly. The user feedback represented the opportunity to enhance the usability and visuals of the navigation menus and additional pages to replace quicklinks.
The refinements address a main visual issue whereby users had difficulty locating the filter options and top navigation menus. Design changes have been made to make each section clearer and buttons stand out individually through added button information, adjusting the aligned placement of top menu elements into a new format. Further, feedback was received in regard to the quick link menu options, users expressed that they would prefer to access their classes rather than their member details, as this would be a primary source of information they would want quick access too.
The feedback also created an additional UI main page mockup page of the ‘My Classes’ page. As many users liked the colour scheme, icons and visual structure, minor adjustments were made in line with the refinements to build upon the visual likability and usability of the design.