Project link: help.lutherconsulting.com
After a conversation with a co-worker expressing frustration with the company's help resources, I mounted a redesign. User-facing help resources, were split between two different HTML pages. Each had begun when the number resources (and staff to support them) was much smaller. Thus, there wasn't consideration of information architecture or layout because there were only a few links and files for each. As the number of resources grew, the had more difficulty accommodating them. Finally, the types of content expanded from a couple of user guides to quick references, computer-based trainings, videos, and data entry templates, documents.
The goals of the redesign were to:
- Clarify organization and information architecture
- Provide more information about each resource
- Provide information about how to seek help from technical support
- Present a cohesive experience across the resources
To address the first goal, I worked with internal stakeholders to identify the main categories of content and how to best organize the content within them. We arrived at Training, Templates, Upload, Resources (the grab bag). The landing page provides a jumping off place for each and description of the category. The navigation makes it very easy to jump from category to category.
Within page, we had the decision to organize by content category or type of resource (e.g., user guide, video, etc.). Despite previously organizing by type, organizing by content fits more with how users will engage with the content. The user doesn't think "I want to watch a video today ", but rather "How do I enter my budget information?". If the help resources offer a quick reference and a video, the user than can choose how much information she wants/needs because they are both presented together. I organized the resources by the brevity: quick references first, then user guides, then videos, and finally computer-based trainings.
To fulfill goal 2, I worked with the training team to add blurbs about each resource, so users can have some more information beyond the title as to what they will find. Additionally, I added type of resource and time to complete (for videos and computer-based training). Finally, I added updated date so the user can know how recent the resource is.
Finally, I added some frequent issues and key partner contact information to provide an additional reference for information technical support staff have to give out via email or on the phone regularly.
The final goal was to provide a cohesive experience across the resources. The before screenshots had resources split before two pages with very different formats. The redesign brought all of the resources into a predictable format. The upload information benefitted even more than training materials. As upload information is versioned, it became important to differentiate the current version from archived versions (that are still used by certain users). All of the sections have keyword filtering courtesy of list.js to make, particularly the history, easier to digest.