Over the course of just two hours I and my teammates, Angie Peng and Daphne Hsu, were tasked with re-designing the website for the King County League of Women Voters. We developed two user personas, wireframes for a dynamic home page, and accessibility recommendations for the website presenting our solution to a team of judges.
Each team in the hackathon was tasked with redesigning the website of the Seattle-King County chapter of the League of Women Voters (LWVSKC). The League is a nonprofit, nonpartisan political organization that encourages informed and active participation in government. The LWVSKC website was identified as needing to serve older members while also engaging younger and prospective members. We were tasked with assessing website issues and addressing organizational goals with information architecture-based enhancements that we designed during the limited timeframe.
Our group focused on three areas for our improvements and recommendations. We identifying two user personas and then adjusting the home page design and the advocacy and issues splash page to best fit the needs of these user archetypes. Finally we highlighted aspects of the site that needed to be improved to support accessibility for low vision users and site navigation without a trackpad or mouse.
Through a discussion with the president of the League of Women Voters we learned that the primary concern for the league was communicating to current league members. From this discussion and provided general demographic information we developed two personas. The first, an older user interesting in league activities and events. The second, a mid-career user who cares deeply about local and state policy decisions but has limited time.
We diagramed a dynamic homepage to replace the current blog post style. During an election season the League's endorsements of candidates and issues, as well as links to more detailed information, are prominently displayed. During the rest of the year upcoming league events are highlighted. We adjusted the top menu topics and created a splash page for the advocacy and issues section of the site.
We identified several areas for improvement with regards to site accessibility in accordance with the Web Content Accessibility Guidelines (WCAG) 2.1 developed by the World Wide Web Consortium. Our recommendations included increasing the contrast on particular sections of text and allowing adding the ability to resize text. We also identified the need for keyboard accessibility and navigation features, such as being able to navigate items with the tab or arrow keys.
The final project of this course challenged our group to create an ontology and taxonomy for a Seattle-based cafe chain. Our solution needed to enable the cafe to more effective serve a wide range of dietary preferences in their stores and online.
As the consulting firm Team DES I and my teammates, Ed Cheng and Daphne Hsu, developed a custom taxonomy, custom ontology and scheme, and a sample user flow. The entire project involved close collaboration between our whole team. The project components that I highlight below are components that I feel best reflect my own contributions to the project. However all of our work certainly a result of our excellent collaboration.
We developed a custom taxonomy using Pool Party software. The taxonomy was constructed through the combination of competitive research, personal experience, a corpus analysis, and linking to external datasources including open data sources like DBpedia.
Using the framework of our taxonomy we developed a custom ontology and schema in Pool Party and linked it to our taxonomy. Through custom relationships and attributes this ontology enables terms to be semantically linked, allowing a streamlined tagging process and powerful search capabilities.
We envisioned the above taxonomy to be implemented in a dynamic menu system which would allow users to customize a menu to display only the items that fit their dietary needs. To implement this concept our team identified the key areas of user research, implementation, and governance that we, as information architects consultants, would help put into practice.
The final project of this course challenged our group to produce a comprehensive information architecture solution for the fictional company Foodie Fanatic, a specialty cooking and baking store hoping to provide a strong digital and physical store presence across the nation.
As the consulting firm IN4U I and my teammates, Loïs Hutubessy and Huan Wang, developed a business case, project plan, user personas, site map, tagging taxonomy, and wireframes for Foodie Fanatic. The entire project involved close collaboration between our whole team. The project components that I highlight below are components that I feel best reflect my own contributions to the project. However all of our work certainly a result of our excellent collaboration.
We identified the following three user personas for the Foodie Fanatic site based on provided user information. We mapped out the challenges and needs of each user to drive understanding about their relationships with the Foodie Fanatic Site. From this we highlighted out specific opportunities to engage these users with our wholistic redesign.
The Foodie Fanatic website redesign involved the ground-up building of a navigational taxonomy with three clear sections of navigation as well as a user portal. To enable fast and accurate browsing we developed a four level 'mega-menu' design from our navigational taxonomy.
We developed detailed wireframes to show the dynamic capabilities and linked structure of the revamped Foodie Fanatic site. In this design users have access to powerful faceted search combined with semantically enabled suggestions for related and relevant content at every level of the site.
Before our redesign Foodie Fanatic users felt siloed and had few opportunities to discover new and relevant information from across different sections of the website. To solve this problem we mapped out specific processes in a content life cycle model for Foodie Fanatic involving a descriptive tagging processes. Through the semantic linkage of these tags users will receive relevant, customized content—breaking out of the silo.