Current design and UI patterns of the webpage - desktop and mobile device
The webpage provides Providence's employees external and internal access to online tools and resources. Based on qualitative data collected in five usability testing sessions we discovered issues with the navigation, structure, and performance of the web page on a desktop and mobile devices.
Proposed design and UI patterns. Sketch prototype of a Bootstrap compatible responsive layout of large, medium and small screen devices.
The following modifications were applied to the design and layout of the webpage and developed as a high-fidelity prototype in Sketch.
1. Updated header design
2. Redesigned main navigation for tablets and mobile phones
3. Improved recognition of the links to the most frequently visited resources
4. Simplified and compact design of links to additional tools and resources
Updated UI elements interaction in Invision