
.png)
The
Background
The cineplex website (cinexple.com) is a comprehensive digital platform that connects moviegoers with the latest films, showtimes, and entertainment experiences. As a one-stop shop and a digital face of the company, the website is supposed to provide a seamless and intuitive experience for its users. However, the Cineplex website lacks proper attention to information architecture and fails to address several key principles of effective information architecture (aka I.A.) design.
The
Overview
As the role of cinemas has shifted from simple movie theaters to immersive entertainment hubs, how well a cinema platform engages its audience and meets their evolving needs determines its success. In this work, you will find how Clark leverages his expertise in user experience (UX) strategies and information architecture (IA) principles to enhance the cineplex website. The main focus of this work includes improving the overall structure and presentation of information on the website to support seamless user interactions. Key questions regarding organization systems, labeling systems, navigation systems, search systems, and both top-down and bottom-up IA will be explored to uncover usability gaps and user pain points.
The
Responsibility
In this project, I evaluated how effectively the current information architecture (I.A.) of the Cineplex website communicates with users. I also redesigned the information architecture to enhance its engagement and user-friendliness. My contributions involved performing content analysis, conducting user interviews and card-sorting sessions, and developing case-specific prototypes to illustrate key areas for improvement.
The
Design
Since the focus of this work is to understand the effectiveness of the current information architecture design of the website and provide insights into how the issues could be better addressed for the website redesign, the team reached a mutual agreement with the client to make low-fidelity wireframes as well as some case specific prototypes to present suggestions for future redesign. As requested, the design is carried out using Axure RP.

If you are interested in seeing the case specific prototypes, please use the "Click Me" button in the next section: the deliverables.
The
Research
1) Content Analysis:
This is about to review the documents and objects that are parts of the current website. Approaches being used in this section are “Noah’s Ark” and ROT (namely: redundant, outdated, or trivial).
“Noah’s Ark”(Format, subject, document, soruce, information architecture) and “ROT” are chosen to analyze Cineplex webpage, because they provide good insights of the contents and disclose issues of the current information architecture. Because of time restrictions, we only selected main webpages for our analysis. Based on our analysis, Cineplex webpages cover various types of document from marketing financial statement to movie information.Some pages include only organization and navigation system, but other pages also include labeling and search system. After analyzing webpages by using ROT, we have found some redundant pages in the website, for examples, corporate products, theater technology and showtime.

2) User Research I: User Interview
Screning: four participants between the age of 20-25 were chosen for interview and data collection. We selected this age group intentionally as we believe they represent a large portion of the potential users of the Cineplex website. Students with experience in technology and interest in films are very likely to book movie tickets through the website. Since people coming from different backgrounds may interact with technology differently, we have decided to select participants from different field of studies. In addition to that, gender variable is also in our consideration. Besides, in order to avoid gender bias, we recruited two female and two male participants.
Interview & Test Design: several rounds of semi-structured interviews were conducted right after user tasks (these are tasks given to the users to preform) to gather primary data on users frustrations, and potentially, some suggestions for improvement. We prepared 7 questions to ask participants. All seven questions are open-ended and some of them are very straightforward. We expected to collect both quantitative and qualitative data from participants’ answers to the questions.
3) User Research II: Card Sorting
Card sorting is a method used to help design or evaluate the current I.A of a website. In a card sorting session, participants organize topics into categories that make sense to them.
Card Sorting Test Screening & Design: To evaluate the current I.A., thirteen participants between age 21to 28 were recruited from the University of Toronto. Because the participants were randomly selected on campus, we do not expect them to have the same levels of familiarity of the current website. In terms of the card sorting tools, we have decided to not use actual cue cards but xSort, a MacOs-based card sorting software, to conduct the exercises with participants. During one of the group discussions, we also conducted step-by-step instructions of how to perform card sorting with participants to standardize this exercise.
Test Process and Results: the participants were told that they need to group cards together based on the similar attributes of the labels. If they do not understand meaning of some labels, they could find short descriptions on the back of the cards. In some cases, if participants find some labels difficult to understand, they are also welcome to introduce new labels to these cards. In addition, if participants experience difficulties with grouping specific cards, they could leave those cards alone as unclassified cards. When participants are performing the exercises, we conducted observation on how they group those cards, and moreover, record all the comments and questions participants raised.
According to the observation and results of card sorting exercises we conducted with participants, we could draw a clear conclusion that the use of ambiguous terms and jargons on the global navigation bar creates confusion to most of the participants.
The
Process
The process of the Cineplex Website Information Architecture Optimization can be generally divided into the following stages; Stage I: Planning; Stage II:User Research & Data Analysis, Stage III: Design Iterations, Stage IV: Stakeholder Meeting.

The
Deliverables
The main deliverable of the work is an in-depth, case specific prototype which you could find using the button:
(note: Only task-related content is interactive)
Besides the case-specific prototypes, a schematic diagram (also known as a "site map") is included in the final deliverable package. This will serve as an information architecture blueprint for the new Cineplex website underway.
