My Developing Child
- UX Design
- UI Design
- WordPress Custom Theme
- Information Architecture
- Responsive Design
- User Testing
My Developing Child is an educational website for a biotech company’s non-profit sector. The website focuses on bringing awareness to autism and provides information from screening, signs, diagnosis, management and advocacy support groups.
Project GoalsThe goal of this project aims to achieve two goals: to educate users/parents on the genetic cause of autism and to increase the number of sign ups.
The design and development of this project provides a clean, easy to navigate, and family friendly site that is accessible by all devices. The overall project was completed in a tight span of five weeks and was a collaborative effort with two other awesome team members. We worked closely with our client, based in Utah, to establish the development of the site.
Initial Meeting We had an in-person discovery meeting with the client to better understand the scope of the project and the following information:
- Objective of the site
- Priorities to consider for the development of the site
- Users or target audience
- The primary task users are looking to accomplish when using site
- Design features
- Brand guideline/colors/typefaces
- Style/tone or imagery to consider
Process From the details uncovered in the discovery meeting, we then began the research phase. We worked with the client to conduct 5 in-person interviews and 15 survey interviews of users (parents) selected from various advocacy groups.
- Average age of users are 25-35 years old
- Users would spend approximately 10 minutes visiting a health education site
- Users would revisit a site if there are current news/events that are frequently updated
- Users prefer to view sites on desktop for more in depth analysis. However, when they are on the go, they enjoy a mobile friendly site for quick information
- Users expect to find clear, easy to locate content/information that does not have a lot jargon
- Besides health education sites, users would also frequent blogs, WebMD and advocacy sites
- If the site has social media links, users are likely to follow to get access of more information
- Users are frustrated by sites that are vague, hard to navigate (don’t know where to click next) and do not have credible sources
Color Swatch We decided on the following colors to establish a family-friendly tone.
Development The site was built on a custom WordPress theme. Each page was coded separately since the structural content of each page was different. With a user centered approach, we incorporated various dynamic elements to enhance the overall usability of the site with specific functions enabled/disabled across various devices.
We also implemented a progress bar at the bottom of each page so that users can navigate through the informational ‘steps’ of autism from screening to support.
User Testing For the final portion of the project, we conducted a site testing to determine the usability and efficiency of the site. The site testing allowed us to observe a user’s interaction with the interface, layout and content and to validate specific features that were incorporated into the site. Overall, the testing provided a lot of valuable feedback to the design and development of the site.
For a more in depth analysis, please view the pdf site testing report below.