TIS universal - UX review of current build 17/11/17

A - Review list - Current implementation that does not match design

A1/ Admin site DT - Menu rollover states incorrect - When you rollover menu item the L1 should highlight and STAY HIGHLIGHTED when you then explore its L2 children. At present it doesn’t so you can’t see what L1 item its related to. The page you’re on’s menu item should also go darker but with Pink line showing what page you’re on. See design ref link

ref A1 note the below cature was when user had rolled over Placements ( not that you would know).

ref A1b Design ref link

https://hee-tis.atlassian.net/wiki/x/GIB5CQ

A2/Admin site Mobile - menu responsive shrink to iPad not implemented (linked to 02b). it currently is unuseable - we have gone to the effort of making responsive long forms the navigation should at least work. see design ref link

ref A2

ref A2b Design ref link

https://hee-tis.atlassian.net/wiki/x/GIB5CQ

A3/ Admin site DT - page scrolls down on loading. Page jumps to first item of content further down page cutting off menu and creating disorientation. Should not move down page.

ref A3

A4/ Admin site DT - Menu does not disapear on selection of item - On Admin, Programmes and some other menu items when clicking of L2 menu item - menu should disappear but it currently stays in place, getting in teh way - terible. some items make it disappear most don’t - need all to make menu disappear on click of a L2 item.

ref A4

A5/ Admin site DT - Connection discrepancies does not match design - see TIS_ Connection discrepancies Visual Design 0.2.pdf

ref A5 - current build

ref A5b - TIS_ Connection discrepancies Visual Design 0.2.pdf

https://hee-tis.atlassian.net/wiki/x/Zxh9Aw

A6/ Admin site DT - Connection discrepancies info box - should info text use ‘Intrepid’ as reference point? I suggest not. Needs a rewrite.

ref A6

ref A6b

A7/ Trainee portal - mobile - log in button - ( safari on iPhone) uses strange system button. Use designed style. See design

ref A7

ref A7c - mobile design

https://hee-tis.atlassian.net/wiki/x/YACWB

A8/ Trainee portal -Mobile - Menu order - menu order should match design. . Note L1 nav is business sorted not alphabetical. See Trainee long form

ref A8 - link See Trainee long form

https://hee-tis.atlassian.net/wiki/x/CwBuBw

9A Trainee portal - Mobile - Menu expanded doesn’t match design (jumps) https://hee-tis.atlassian.net/wiki/x/CwBuBw

A10/ Trainee portal - Mobile and DT - Menu - Form R L1 items - Now divided into 2 Form R-a, Form R-b -https://hee-tis.atlassian.net/wiki/x/CwBuBw

A11/ Admin site DT - Menu title and page title mismatches - Make sure L2 menu item titles match page title it links to. For example ‘Person search’ is the page title so menu item should be the same  however currently its Search people.

A12/ Admin site DT - Log in bug looks like it saves password but doesn’t - user needs to remove last letter of name and re type then allowed in. Needs to be fixed - either remember it or don’t.

A13/ trainee site -  mobile remember name and password - can we allow this, logging in each time is really frustrating on a mobile - especially as pretty much everyone locks their phone.

A14 / Admin site DT - Error messages on a field being used to show mandatory fields - This is a terrible idea and totally undermines the idea of an error message. Where did this come from? As discussed early on all fields should be seen as mandatory with optional fields labeled as such in the field title i.e. 'Title doo dah (optional)'

ref A14

A15 / Admin site DT - Error messages incorrect size. Too large.

ref A15

B - Review list - Designs created and not currently implemented

B1/ Admin site DT - waiting animation - Should change second waiting animation from facebook graph animation to new loading animation (thin circular) supplied to Panos. Why do we need 2 types? For short loads the line works well but having 2 I find a little strange.

ref B1

B2/ Admin site - mobile/ipad - Admin site responsive menu  (for iPad ) needs to be implemented - see latest design -

ref B2

https://hee-tis.atlassian.net/wiki/x/GIB5CQ

C - Review list - small tweaks to improve existing implementation (small design work needed)

C1/ Admin site DT - Person search box (single line with TIS usual field attributes)

ref C1

C2/ Admin site DT ( and mobile) - Long form save button - Person details, need to have a save button on bottom of page, discussed with Panos having a floating button bottom right of window. lets see if its robust enough.

ref C2

C3/ Admin site DT - Menu not working due to low content items: With current low Navigation L2 item content the mega menu is not working creating a disconnection between parent and children navigation items and excessive mouse travel. We need to either 1/ move content to sit under relevant menu item NOT justified to the left in the existing mega menu band or 2/ make individual menu drop downs. Menu can always switch back to mega menu when content grows. See revised menu specs.pdf  https://hee-tis.atlassian.net/wiki/x/GIB5CQ

ref C3

ref C1b

https://hee-tis.atlassian.net/wiki/x/GIB5CQ

C4/ Admin site DT -  menu L2 item you're on indicator: Add Page indicator to L2 items so in menu you can see what page you are on so you don't need to click it. See revised menu specs.pdf - https://hee-tis.atlassian.net/wiki/x/GIB5CQ

C5/ Admin site DT - Add subtitles to Admin MM - https://hee-tis.atlassian.net/wiki/x/GIB5CQ

C6/ Trainee Site Mobile - New web app title and icon needed. When user saves trainee site to your mobile home screen we need a better name and mark when saving trainee URL to mobile home screen. Currently says Trainee UI - this is a great working title but not the best public/trainee facing name or mark. Suggest title could be HEE TIS with NHS logo or similar - something that means something to a new trainee.

ref C6