Structuring a User-Centered Website

The User Experience [UX] design team has been organizing various methods of user testing, specifically targeting more efficient ways of communicating content to our audience. Our strategy began with the user test, which involved having several volunteers tour through our 2011 site. From their feedback, as a team, we were able to map out pros and cons and make changes coming to the 2012 site, accordingly.

What Users Liked and Disliked About Our 2011 Site

Pros of the site included the overall design; its colors and pictures appealed to all of our test users. One thing we were surprised to learn is that many of the users preferred the footer to the main navigation. As far as cons go, many of the users stressed that the site needed better organization and clarification to understand the meaning and purpose behind the website. We also discovered that our language wasn’t well written, making it difficult for users to understand our links.

With this valuable user feedback, the UX team went straight to work on concept maps, site maps, user flow diagrams and detailed wireframes of each page to prepare the creation of a new, more user friendly website for Project C!

The development and UX teams working. Alisa Kessler, pictured far left, Jess Buse, center right, and Steph Rumph, far right.

According to our user feedback, we mapped out a user flow diagram to better understand the process our users experience when navigating through the site. Our goal was to create an easy, organized, and direct user flow with multiple options to reach your destination on the site.

Priorities for User Experience

Presenting the featured organizations was our main concern, followed by stressing the option to learn about them and provide the opportunity to vote, or learning how to get involved with that organization. We’ve also established the idea to share the stories of these organizations by focusing on social networking and bringing more traffic to the website to educate more individuals.

To wrap up the initial UX phase, we worked on several wireframe drafts. After our own team members presented their sketches and ideas, we began sketching out the overall idea on whiteboard with the design team.

From this first wireframe, the UX team built the first Photoshop wireframe, which was tweaked and edited a dozen times. In class, the entire team critiqued each wireframe draft for further improvement. At this point, the UX team is finalizing wireframes in-between design critiques to figure out what layouts work best on each page to prepare for the visual design and development phase!

We’re so excited to launch the 2012 Project C site, sharing our work with all of you! Your feedback is crucial and highly valued; if you would like to participate in our second round of user testing please email annette@clickingcreateschange.com.

User Experience Team | Project C

No comments:

Post a Comment