Textile Museum of Canada Site Redesign
Introduction
Requirements Analysis
To get a better understanding of the Textile Museum of Canada’s needs and requirements for their re-designed website, we attended a session where the client shared the following requirements:
Intuitive: Ensure user-friendly navigation and layout for easy browsing. Design clear menus and labels to guide users effectively.
Scalable: Build with a flexible architecture to accommodate future growth. Implement a scalable content management system (CMS) for easy updates.
Accessible: Design with accessibility standards to cater to users with disabilities. Include features like alternative text and keyboard navigation support.
Drive Business Growth: Optimize for search engines (SEO) to increase visibility. Incorporate e-commerce capabilities for online sales.
Objectives
The redesign aims to enhance site usability for diverse users, ensuring ease of navigation and task completion. Scalability is a priority, accommodating future growth, as well as content and functionality changes. Additionally, innovative categorization methods will be implemented to improve the intuitiveness of the existing content. The main objectives included:
Streamlining the usability of the site
Keep scalability in mind
Find innovative ways to categorize the content
Intended Users
After some initial research and understanding the client’s requirements, our team decided on a final list of intended users, that we kept in mind while restructuring the site and formulating recommendations:
We tailored the website to resonate with emerging young populations, shaping content and features to match their preferences.
Inclusivity was a priority, with the website designed to cater to underrepresented groups' needs and perspectives.
History enthusiasts found curated content and features that captivated their interest and deepened their engagement.
We optimized the website to showcase impact stories and facilitate seamless donation processes, acknowledging the vital role of donors.
Interactive features and forums engaged virtual members, fostering a sense of belonging and collaboration within the community.
Educational resources and tools were integrated to support textile educators and enthusiasts, enriching their experience on the website.
Website Before Redesign
Desktop Prototype Click-through
Mobile Prototype Click-through
Report
Overview
Our client, the Textile Museum of Canada, entrusted our team with the mission to elevate their website's user experience. In response, we embarked on a collaborative journey, conducting a content inventory and leveraging card-sorting techniques to enhance navigation intuitiveness. Addressing information architecture complexities with scalability in focus, our team crafted an information architecture and feature list, culminating in an innovative redesign that harmoniously blends form and function. This case study showcases our collective synergy in achieving a user-centric design that exceeds expectations for the Textile Museum of Canada.
Design Process Timeline
Team Members
Beibei Hu, Xiaohan Hou & Shumira Ranjith
Role
Design Thinking • User Research • Prototyping • Content Strategist
Tools
Figma • Excel • DynoMapper • Miro • Google Workspace • Canva
Audit
Content Inventory
We utilized DYNO Mapper to conduct a content inventory of the Textile Museum of Canada website. During this process, we observed that certain pages were absent, such as products in the museum shop and blog posts. To ensure comprehensive coverage, we generated separate inventories for distinct URL structures. Prior to our detailed content audit, we performed an initial cleanup, excluding links that were images, website development files (such as css and js), external redirects, previously visited pages, and broken links (404 errors). These exclusions were made to focus solely on relevant content for the audit, and ane excerpt can be seen in the image below.
Content Audit
We conducted a comprehensive content audit to generate the final content list. While all pages on the main website were audited, pages under "Shop," "Blog," and "Collection" underwent a partial audit due to their large number and homogenized structure. Criteria for auditing were derived from the museum's objectives and goals discussed in an information session with museum representatives. Each audited page was independently assessed by two team members on a scale of 1-5, with the mean score informing our recommendations. The image below We focused on the following criteria during the audit:
Business-oriented evaluation: Assessing the page's practicality and relevance to business-related matters.
Alignment with strategy and core messaging: Engaging a broader audience, particularly underrepresented demographics.
User-centric assessment: Evaluating the website's functionality in supporting user tasks effectively.
Content Recommendations
Most of the website's content, as revealed by our audit, aligns with our established criteria to varying degrees, supporting the museum's business growth, strategic objectives, or user tasks. However, there are a few pages that require attention:
Consider the removal of the 'Cloth and Clay' page due to inconsistencies with the museum's branding and lack of alignment with user goals.
Review 'Contact Us' and 'Visit Us' pages under the museum shop, as their information may be redundant with the main website; consider refining or removing these pages.
Additionally, we propose some adjustments and additions:
Introduce a dedicated newsletter page to keep users informed of the museum's latest updates.
Organize content pages like Exhibits, Events, Shop, and Blogs into stacks to enhance website design and user experience.
Divide Exhibits and Events sections into 'current', 'upcoming', and 'previous' categories for easier navigation and user engagement.
Research
Card Sorting Context
An open card sort was conducted to enhance user access to information on the Textile Museum of Canada's website. Participants were informed that it was open-ended, allowing them to create their own categories. They accessed a Miro Site with 56 cards. The study comprised eight tests, each lasting 30 minutes, conducted in-person or via Zoom. Participants were encouraged to verbalize their thought processes throughout the exercise.
Card Sorting Sessions
The images below show the final results of some of the card sorting session we ran:
Card Sorting Insights
Narrow Target Audience Awareness: Acknowledgment that the Textile Museum's target audience is limited, evidenced by an ESL user's initial question about the meaning of "textile”.
Simplify Navigation Language: Suggestion to use single verbs for navigation names to enhance user comprehension, and get rid of abstract terms.
Prefer Content Over Commercialization: Preference for informational content, like understanding textiles and viewing exhibition pictures, over commercial elements such as shopping options being the main focus.
Address Overwhelming Site Design: Observation of website overload, citing concerns about the excessive number of categories and links, leading to a distracting and overwhelming user experience.
Card Sorting Recommendations
Information Access: Conveniently access details about the Textile Museum, including exhibit information, admissions, and directions.
Newsletter Subscription: Stay updated on museum events and new exhibits by signing up for the newsletter.
Essential Information Accessibility: Easily find information on upcoming exhibits, admissions, directions, and fees for a seamless museum experience.
Newsletter Sign-Up Link: Enhance user experience by providing a clear link or page for newsletter subscription.
ESL Explanation of Words: Offer clear explanations for English as a second language users to understand words such as "textile."
Admission Fee Clarity: Ensure a transparent understanding of admission fees for a straightforward visitor experience.
Redesign
Information Architecture Diagram
The restructuring of the site's Information Architecture was a comprehensive process guided by objectives formulated after conducting our card sorting exercise. These objectives included:
streamlining navigation terminology,
simplifying the site design,
introducing a dedicated page for newsletter subscriptions, and
clarifying ambiguities concerning admission fees and ticket purchases.
The resulting diagram, shown below, features a blue and greyscale color scheme, with darker colors representing higher-level categories. The Home category serves as Level 0, followed by Level 1 categories in dark blue, Level 2 categories in light blue, Level 3 categories in grey, and content stack pages. The Footer Navigation presents essential information without requiring active navigation, while the utility navigation offers quick access to functions like login, donate, checkout, and search, enhancing overall efficiency. Additionally, a feature list succinctly highlights key attributes of the site to aid users in further exploration.
Information Architecture Diagram Rationale
To ensure a concise Information Architecture (IA) for the site, we strategically limited the number of Level 1 categories to aid user focus, accommodating customers' brief attention spans during information searches. Selected Level 1 categories include "About" (museum information, involvement, blog, FAQs), "Visit" (location, hours, tickets, tours, guidelines), "Activities" (exhibitions, events, learning), "Digital" (digital collections), and "Support" (donations, supporting the museum). Additionally, we streamlined user searches by limiting categorization to two additional levels after Level 1, directing users efficiently to content pages, including products, static pages, and shopping/e-commerce pages.
Recommendations
Gap 1: Hamburger menu hides important information from the user.
Gap 2: Current footer contains a lot of information which is overwhelming to the user.
Gap 3: Language used for the current pages is too vague.
Solution 1: Remove the hamburger menu for the desktop and condense the numerous categories.
Solution 2: Simplify footer and move ‘Visit’ to primary navigation only.
Solution 3: Use clear and straightforward language.
Presentation
Our team presenting our recommendations to the Digital Marketing Coordinator and the Director & CEO of the Textile Museum of Canada.
From left to right: Beibei Hu, Elize Khan (me!), Caitlin Donnelly (Digital Marketing Coordinator), Kirsten Kamper (Director & CEO), Shumira Ranjith, Xiaohan Hou