Website Redesign
cohealth, a not-for-profit community health service in Melbourne’s inner north and west, undertook a human-centred design (HCD) process to support their website redesign.
Website Redesign
cohealth, a not-for-profit community health service in Melbourne’s inner north and west, undertook a human-centred design (HCD) process to support their website redesign.
Website Redesign
cohealth, a not-for-profit community health service in Melbourne’s inner north and west, undertook a human-centred design (HCD) process to support their website redesign.
Background
Nomat partnered with a community health organisation named co-health to help redesign their website. The aim of the redesign was to improve the overall user experience of the website. Nomat started with user research and information architecture (IA) research, before then completing interaction design via wireframes. cohealth’s brand was then applied to finalise the design work. Furthermore, a design system was created to ensure efficiency during the build stage and to support cohealth with the ongoing management of the website.
The designs were prototyped and usability tested with cohealth clients to ensure that key tasks on the website were easy to complete. Finally, the website content was also refreshed to ensure readability using plain language and utilising writing for the web techniques.
Background
Nomat partnered with a community health organisation named co-health to help redesign their website. The aim of the redesign was to improve the overall user experience of the website. Nomat started with user research and information architecture (IA) research, before then completing interaction design via wireframes. cohealth’s brand was then applied to finalise the design work. Furthermore, a design system was created to ensure efficiency during the build stage and to support cohealth with the ongoing management of the website.
The designs were prototyped and usability tested with cohealth clients to ensure that key tasks on the website were easy to complete. Finally, the website content was also refreshed to ensure readability using plain language and utilising writing for the web techniques.
Background
Nomat partnered with a community health organisation named co-health to help redesign their website. The aim of the redesign was to improve the overall user experience of the website. Nomat started with user research and information architecture (IA) research, before then completing interaction design via wireframes. cohealth’s brand was then applied to finalise the design work. Furthermore, a design system was created to ensure efficiency during the build stage and to support cohealth with the ongoing management of the website.
The designs were prototyped and usability tested with cohealth clients to ensure that key tasks on the website were easy to complete. Finally, the website content was also refreshed to ensure readability using plain language and utilising writing for the web techniques.
What we did
The project was conducted by following a HCD process. This involved engaging with internal stakeholders to explore business needs and research objectives. To better understand users' needs from the website, a number of research and design activities were undertaken.
What we did
The project was conducted by following a HCD process. This involved engaging with internal stakeholders to explore business needs and research objectives. To better understand users' needs from the website, a number of research and design activities were undertaken.
What we did
The project was conducted by following a HCD process. This involved engaging with internal stakeholders to explore business needs and research objectives. To better understand users' needs from the website, a number of research and design activities were undertaken.
Research with clients and communities
Nomat undertook interviews with current cohealth clients and potential clients to better understand their needs from the website. We facilitated the sessions in a respectful and safe environment by taking into account each person’s unique lived experience. This included considering gender diversity, English as a second language, mental health issues, physical disability, chronic health conditions, housing insecurity and Aboriginal and Torres Strait Islander community lived experiences.
Empathy, engagement, active listening, confidentiality and pathways for follow-up support underpinned the approach for the research.
Research with clients and communities
Nomat undertook interviews with current cohealth clients and potential clients to better understand their needs from the website. We facilitated the sessions in a respectful and safe environment by taking into account each person’s unique lived experience. This included considering gender diversity, English as a second language, mental health issues, physical disability, chronic health conditions, housing insecurity and Aboriginal and Torres Strait Islander community lived experiences.
Empathy, engagement, active listening, confidentiality and pathways for follow-up support underpinned the approach for the research.
Research with clients and communities
Nomat undertook interviews with current cohealth clients and potential clients to better understand their needs from the website. We facilitated the sessions in a respectful and safe environment by taking into account each person’s unique lived experience. This included considering gender diversity, English as a second language, mental health issues, physical disability, chronic health conditions, housing insecurity and Aboriginal and Torres Strait Islander community lived experiences.
Empathy, engagement, active listening, confidentiality and pathways for follow-up support underpinned the approach for the research.
New information architecture (IA) and content refresh
To support the creation of a new IA for the website, we undertook a content gap analysis and an online card sort. Card sorting helped inform the design of a user-centred information architecture which ultimately enhanced the findability and discoverability of website content. This provided insight into users’ mental model of content and their grouping and labelling of content.
The proposed sitemap was tested with cohealth clients via an online tree test.
The website content was refreshed to ensure plain language was being used, in order to increase comprehension. Writing for the web techniques were also utilised to ensure readability.
Design and accessibility
Nomat designed key pages of the cohealth website for desktop, tablet and mobile. These were created initially as individual static wireframes before the visual design was applied. Following this, an interactive prototype was created.
All interface designs (interaction and visual design) were created with an understanding of the W3C WAI accessibility standards. This included (but was not limited to) requirements such as minimum contrast levels for text colours to ensure readability, minimum target sizes for touch devices, and the use of screen readers such as VoiceOver for iOS to confirm that the sequence and hierarchy of information is coherent for all types of users.
New information architecture (IA) and content refresh
To support the creation of a new IA for the website, we undertook a content gap analysis and an online card sort. Card sorting helped inform the design of a user-centred information architecture which ultimately enhanced the findability and discoverability of website content. This provided insight into users’ mental model of content and their grouping and labelling of content.
The proposed sitemap was tested with cohealth clients via an online tree test.
The website content was refreshed to ensure plain language was being used, in order to increase comprehension. Writing for the web techniques were also utilised to ensure readability.
Design and accessibility
Nomat designed key pages of the cohealth website for desktop, tablet and mobile. These were created initially as individual static wireframes before the visual design was applied. Following this, an interactive prototype was created.
All interface designs (interaction and visual design) were created with an understanding of the W3C WAI accessibility standards. This included (but was not limited to) requirements such as minimum contrast levels for text colours to ensure readability, minimum target sizes for touch devices, and the use of screen readers such as VoiceOver for iOS to confirm that the sequence and hierarchy of information is coherent for all types of users.
New information architecture (IA) and content refresh
To support the creation of a new IA for the website, we undertook a content gap analysis and an online card sort. Card sorting helped inform the design of a user-centred information architecture which ultimately enhanced the findability and discoverability of website content. This provided insight into users’ mental model of content and their grouping and labelling of content.
The proposed sitemap was tested with cohealth clients via an online tree test.
The website content was refreshed to ensure plain language was being used, in order to increase comprehension. Writing for the web techniques were also utilised to ensure readability.
Design and accessibility
Nomat designed key pages of the cohealth website for desktop, tablet and mobile. These were created initially as individual static wireframes before the visual design was applied. Following this, an interactive prototype was created.
All interface designs (interaction and visual design) were created with an understanding of the W3C WAI accessibility standards. This included (but was not limited to) requirements such as minimum contrast levels for text colours to ensure readability, minimum target sizes for touch devices, and the use of screen readers such as VoiceOver for iOS to confirm that the sequence and hierarchy of information is coherent for all types of users.
Services provided by Nomat
Kick-off discovery workshop
Content gap analysis
User interviews
Online card sorting
Content matrix and site map
Online tree testing
Online booking form analysis and technology options
Content development: SEO and UX copywriting
Online tree testing
Interaction design
Usability testing
Visual design
Services provided by Nomat
Kick-off discovery workshop
Content gap analysis
User interviews
Online card sorting
Content matrix and site map
Online tree testing
Online booking form analysis and technology options
Content development: SEO and UX copywriting
Online tree testing
Interaction design
Usability testing
Visual design
Services provided by Nomat
Kick-off discovery workshop
Content gap analysis
User interviews
Online card sorting
Content matrix and site map
Online tree testing
Online booking form analysis and technology options
Content development: SEO and UX copywriting
Online tree testing
Interaction design
Usability testing
Visual design
Validating website designs
To measure the effectiveness of the proposed site navigation structures, content and interactive elements, Nomat created an interactive prototype to test with participants.
Overall, the tasks were able to be completed successfully by the participants. Participants were observed successfully completing core tasks such as finding a service, finding a location, booking an appointment and finding out costs. Participants were also observed navigating around the prototype utilising the menu, and also scrolling the homepage interacting with links to locate information.
Refinements to the design were implemented following the activity.
Validating website designs
To measure the effectiveness of the proposed site navigation structures, content and interactive elements, Nomat created an interactive prototype to test with participants.
Overall, the tasks were able to be completed successfully by the participants. Participants were observed successfully completing core tasks such as finding a service, finding a location, booking an appointment and finding out costs. Participants were also observed navigating around the prototype utilising the menu, and also scrolling the homepage interacting with links to locate information.
Refinements to the design were implemented following the activity.
Validating website designs
To measure the effectiveness of the proposed site navigation structures, content and interactive elements, Nomat created an interactive prototype to test with participants.
Overall, the tasks were able to be completed successfully by the participants. Participants were observed successfully completing core tasks such as finding a service, finding a location, booking an appointment and finding out costs. Participants were also observed navigating around the prototype utilising the menu, and also scrolling the homepage interacting with links to locate information.
Refinements to the design were implemented following the activity.
Outcome
Nomat delivered research findings, validated design and refreshed content to support the cohealth website redesign. The collaborative human centred design process achieved the objectives of the project, which was to provide cohealth clients with a website which provides easy access to health and support content, improved functionality and a friendly and welcoming website for all communities.
Outcome
Nomat delivered research findings, validated design and refreshed content to support the cohealth website redesign. The collaborative human centred design process achieved the objectives of the project, which was to provide cohealth clients with a website which provides easy access to health and support content, improved functionality and a friendly and welcoming website for all communities.
Outcome
Nomat delivered research findings, validated design and refreshed content to support the cohealth website redesign. The collaborative human centred design process achieved the objectives of the project, which was to provide cohealth clients with a website which provides easy access to health and support content, improved functionality and a friendly and welcoming website for all communities.
Interested to know more? Let’s Talk.
Interested to know more? Let’s Talk.
Interested to know more?
Let’s Talk.