Aktion Mensch Familienratgeber

Aktion Mensch is a leading funding agency committed to promote inclusion which means reducing barriers in the everyday life of people with disabilities through providing financial support for social projects and campaigns.

This ongoing project is about relaunching an 150+ page online assistant used by people with disabilities and their relatives searching for consulting services.

Type
Interactive

Client
Aktion Mensch

For
d-SIRE

Role
Conception
UX/UI

Tools
Omnigraffle

[unex_ce_button id="content_ym4650dd9,column_content_q4963d5ya" button_text_color="#141618" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="3px" button_bg_color="#fede88" button_padding="10px 48px 10px 48px" button_border_width="1px" button_border_color="#fede88" button_border_radius="4px" button_text_hover_color="#7c7a7a" button_text_spacing_hover="3px" button_bg_hover_color="transparent" button_border_hover_color="#7c7a7a" button_link="https://www.familienratgeber.de" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]USE ASSISTANT[/ce_button]

With a database of more than 25.000 addresses and a variety of topics representing the Familienratgeber's centerpiece, this online assistant is one of the most popular online touch points and research tools for people with disabilities. As everything is subject to constant transition, so are the requirements a modern online experience needs to offer. A relaunch therefore at least needed to involve RWD basics and the implementation of user centered UX patterns that resonate with the needs and capabilities of the target audience.

Additionally, we gathered insights about major flaws regarding the present information architecture and content structure through conducting scenario based usability testing. This allowed us to identify pain points with regards to access, user guidance, navigation respectively overall user experience and develop service-oriented solutions. For the estimated 2017 relaunch I prepared an array of service modules being part of the revised IA and page structure as well as several workshops with our in-house project managers.

Understanding the needs and capabilities of the target audience and translating them into useful and supportive deliverables were crucial for the development of service-oriented solutions.

01 USABILITY TESTING

Our partner phaydon | research+consulting helped us to evaluate the service in terms of usability issues and optimization potentials: valuable data which we later used to derive specific measures and objectives. To ensure the test was realistic, we agreed on solely recruit people with disabilites and tasked them with exploring the site.

Eye tracking revealed several pain points regarding content structure and information architecture itself with the discovery of specific topics being the most noticeable issue. Instead of using the sub-navigation located in the side menu, users started to jump back and forth suggesting a complex search process and misleading content organization particularly on lower levels.

02 CONTENT FLOW

By understanding what is relevant for the target audience, I started with optimizing the IA by restructuring the sitemap through eliminating duplicate entries and reversing randomness. To be honest, the present architecture is pretty messy in its current state.

That said, taking an in-depth look at what users are really up to when using the service allowed us to improve access by clustering data in four true-to-life areas that assist them along their information journey and minimize overextension on lower levels.

Designing for relevance lets you integrate features that truly serve the needs of the target audience.

Sketching out page structures for both desktop and mobile devices allowed us to quickly determine the arrangement of content sections respectively service modules and discuss its technical realization with our developers.

With regards to accessibility, we as well focused on how to improve the navigation experience by developing a flyout solution that provides access to the second and third navigation level without forcing users to leave the current page.

Due to the issues related to discovering specific topics, I continued our content-first approach by visualizing components with reference to everyday life, thus matching the needs of the target audience. Besides improving the navigation experience, maintaining a consistent user journey by embedding useful tools that correlate with the content turned out to be crucial for a satisfying service experience.

Additionally, I focused on how to meet the requirements of search dominant behaviors by improving search which now includes addresses, news, topics and links, a cookie-based possibility of saving discoveries for later inspection, category landing pages that improve overview and the integration of service modules on details pages along with adapations for mobile devices that enhance the overall UX.

Clustering content in four true-to-life areas and 16 main categories ensures ease of use on lower levels while minimizing overextension.

Embedding useful tools that correlate with the content ensure a tailored assistant experience through seamlessly redirecting users to relevant consulting services.

Besides indicating the user's current location, the expandable breadcrumb provides an overview of parent navigation levels without forcing users to leave the current page.

Adding category based landing pages gives users a section overview, thus improving orientation when searching for specific topics.

If you want to check out the full wireframe specification, you can view it here.

[unex_ce_button id="content_qzfg6rgca,column_content_e6ijtqqik" button_text_color="#141618" button_font="regular" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="3px" button_bg_color="#fede88" button_padding="10px 35px 10px 35px" button_border_width="1px" button_border_color="#fede88" button_border_radius="4px" button_text_hover_color="#7c7a7a" button_text_spacing_hover="3px" button_bg_hover_color="transparent" button_border_hover_color="#7c7a7a" button_link="http://www.borisslogar.com/wp-content/uploads/2016/09/Aktion-Mensch-Familienratgeber.pdf" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VIEW WIREFRAMES[/ce_button]

While I cannot predict whether the solutions we developed in the first half of 2016 will be part of the final relaunch, what I can say is that one of the biggest challenges was to translate the findings based on usability testing into a set of features that resonate with the needs and capabilities of our not so tech-savvy users.

Or, the other way around, usability testing in our case was great to spot what was currently missing but didn't provide answers to the question what is needed to improve that cumbersome experience. Yet, by establishing relevance first we could tackle this issue and repeatedly validate being on the right track with our approach.

Through keeping relevance in mind, we could develop validated features for everyday users people with everyday problems.

[unex_ce_button id="content_0ns19snk4,column_content_bp3w6llpo" button_text_color="#ffffff" button_font="regular" button_font_size="12px" button_width="auto" button_alignment="center" button_text_spacing="3px" button_bg_color="transparent" button_padding="5px 15px 5px 15px" button_border_width="1px" button_border_color="transparent" button_border_radius="4px" button_text_hover_color="#fede88" button_text_spacing_hover="3px" button_bg_hover_color="transparent" button_border_hover_color="transparent" button_link="http://www.borisslogar.com/imprint/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]IMPRINT[/ce_button]