Vi-Anh Nguyen

I do Coding and Art
Email me at vianhnguyen17@gmail.com for questions

Rouyn Noranda Case Study

Rouyn Noranda is a little town in the north of Canada. They only updates their town website recently to promote more tourism. However, I along with my collaborator, felt we could go further with it. This case study is to highlight how we went about developing and researching to create effective UX.


Project Proposal Draft

Visit Rouyn Noranda!

🍁Rouyn-Noranda Welcomes You🍁

Project Overview

Rouyn-Noranda is a small town in Northern Quebec in the Abitibi-Témiscamingue region, with a population of over 42 000 people. This project will look at the way information is organized for non-locals, who know less about the town, vs locals, who tend to know more. The website caters more towards established locals because of how information centered around already living there is concentrated in a smaller number of clearly labeled areas. Our goal is to reconfigure the navigation to make it easier and more efficient for non-locals, be it tourists or newcomers, to access the information they need about the town.

Content Descriptions

Information presented on the homepage shows five categories. We will be focusing on the English version of the website.

History

There is a bunch of content on how the town came to be starting off as multiple different settlements. Each settlement had something unique about them and eventually the communities came together to form Rouyn-Noranda.

Visiting/Newcomers

Resources and information for visiting tourists who want to sight- see as well as needed sources for new faces who want to move to the area and adjust to a new life there.

Business

Mining and metallurgy are the driving economic industries of the area, but many smaller businesses can thrive too. Here are the resources and information needed for such ventures. There are resources for contractors who want to work with local businesses too.

Transportation

Different methods of getting to the area via provincial highways, local highways or the Rouyn airport. The Rouyn airport is also useful for commercial travel. Information on public transport is also listed.

Life in Rouyn-Noranda

What is it like to live in this town as a student? What about a full-time worker with a family? There are also several events held in town at various points of the year to get more involved and different municipal organizations to get involved within the local political scene.

Usage Scenarios
User Descriptions
Research Methods

Content Inventory

ID Title URL Description Notes Page Type
0.0 Homepage http://www.ville.rouyn-noranda.qc.ca/en/index/ home page for town English version of site html
1.0 Discover Rouyn-Noranda http://www.ville.rouyn-noranda.qc.ca/en/page/discover-rouyn-noranda/ overview of different topics outsiders would find useful broken down to different topics in sidebar html
1.1 Rouyn-Noranda today http://www.ville.rouyn-noranda.qc.ca/en/page/rouyn-noranda-today/ provides census and general description of town provides French links for local school board, and universities html
1.2 Historic drop down menu url doesn't change from main topic page
1.2.1 Rouyn-Noranda http://www.ville.rouyn-noranda.qc.ca/en/page/rouyn-noranda/> describing founding of Rouyn-Noranda copyright warning of historic pictures and disclaimer of adobe reader needed for files on page html
1.2.2 Arntfield http://www.ville.rouyn-noranda.qc.ca/en/page/arntfield/ historic background and area description of arntfield includes contact for municipal office html
1.2.3 Beautry http://www.ville.rouyn-noranda.qc.ca/en/page/beaudry/ historic background and area description of beaudry includes contact for municipal office html
1.2.4 Bellecombe http://www.ville.rouyn-noranda.qc.ca/en/page/bellecombe/ historic background and area description of bellecombe includes contact for municipal office html
1.2.5 Cadillac http://www.ville.rouyn-noranda.qc.ca/en/page/cadillac/ historic background of cadillac includes contact for municipal office html
1.2.6 Cléricy http://www.ville.rouyn-noranda.qc.ca/en/page/clericy/ historic background and area description of clericy includes contact for municipal office html
1.2.7 Cloutier http://www.ville.rouyn-noranda.qc.ca/en/page/cloutier/ historic background and area description of cloutier includes contact for municipal office html
1.2.8 D'Alembert http://www.ville.rouyn-noranda.qc.ca/en/page/alembert/ historic background and area description of alembert includes contact for municipal office html
1.2.9 Destor http://www.ville.rouyn-noranda.qc.ca/en/page/destor/ historic background and area description of destor includes contact for municipal office html
1.2.10 Evain http://www.ville.rouyn-noranda.qc.ca/en/page/evain/ historic background of evain includes contact for municipal office html
1.2.11 McWatters http://www.ville.rouyn-noranda.qc.ca/en/page/mcwatters/ historic background and area description of mcwatters includes contact for municipal office html
1.2.12 Montbeillard http://www.ville.rouyn-noranda.qc.ca/en/page/montbeillard/ historic background and area description of montbeillard includes contact for municipal office html
1.2.13 Mont-Brun http://www.ville.rouyn-noranda.qc.ca/en/page/mont-brun/ historic background and area description of mont-brun includes contact for municipal office html
1.2.14 Rollet http://www.ville.rouyn-noranda.qc.ca/en/page/rollet/ historic background and area description of rollet includes contact for municipal office html
1.3 Maps http://www.ville.rouyn-noranda.qc.ca/en/page/maps/ different icons for maps on different topics disclaimer about accuracy and updates of mapping database,icon leads to different website for maps, one icon doesn't show up html
1.4 Newcomers drop down menu url doesn't change from main topic page
1.4.1 Housing http://www.ville.rouyn-noranda.qc.ca/en/page/housing/ housing siutation in town and tips on how to find housing provides French links on finding housing html
1.4.2 Education http://www.ville.rouyn-noranda.qc.ca/en/page/education/ describes the known local schools and their specialties provides french and english links on different local schools, colleges and school board (both french and english) html
1.4.3 Employment http://www.ville.rouyn-noranda.qc.ca/en/page/employment/ describes job market in town provides french and english links to job search resources for different demographics and areas html
1.4.4 Community Support http://www.ville.rouyn-noranda.qc.ca/en/page/community-support/ describes community resources available for newcomers provides French and english links to diffeernt tourism/community organizations for new faces in town html
1.5 Tourism http://tourisme-rouyn-noranda.ca/en/ leads to different website broken link(404 error), html
1.6 Transportation http://www.ville.rouyn-noranda.qc.ca/en/page/transportation/ describes how to drive to town from different cities provides links with airlines, public transport in French and english html
2.0 Municipal Organization http://www.ville.rouyn-noranda.qc.ca/en/page/municipal-organization/ gives overview to the local town govt not much info given. Suggests going to french version of site, sidebar just has one drop down menu html
2.1 City Council drop down menu url doesn't change from main topic page html
2.1.1 Word from the Mayor http://www.ville.rouyn-noranda.qc.ca/en/page/word-from-the-mayor/ Welcome words from the mayor html
2.1.2 Council members http://www.ville.rouyn-noranda.qc.ca/en/page/council-members/ List of names and contacts of city council members html
2.1.3 Munipal Council Meetings http://www.ville.rouyn-noranda.qc.ca/en/page/municipal-council-meetings/ list of city council meeting dates available to citizens html
3.0 Citizen Services http://www.ville.rouyn-noranda.qc.ca/en/page/citizen-services/ gives overview to municipal services More information exists in Google translated page of the french website* html
4.0 Cuture, Sports and Recreation http://www.ville.rouyn-noranda.qc.ca/en/page/culture-sports-and-recreation/ gives an overview of leisure activities More information exists in Google translated page of the french website* html
5.0 Economic Development http://www.ville.rouyn-noranda.qc.ca/en/page/economic-development/ what's town's economic based on? broken down to different industries in sidebar html
5.1 Airport http://www.ville.rouyn-noranda.qc.ca/en/page/airport/ facts about airport provides links with more information in French, English links about different airlines to get to town, same links in transportation section html
5.2 Commercial Development http://www.ville.rouyn-noranda.qc.ca/en/page/commercial-development/ general information on commercial space in and around town includes additional links html
5.3 Economic Vision http://www.ville.rouyn-noranda.qc.ca/en/page/economic-vision/ long term city development plans for 2028 includes additional links html
5.4 Industrial Development http://www.ville.rouyn-noranda.qc.ca/en/page/industrial-development/ info on the mining industry and foundries includes additional links html
5.5 Mining Development http://www.ville.rouyn-noranda.qc.ca/en/page/mining-development/ info on the city's mining and its importance includes additional links html
5.6 Residential development http://www.ville.rouyn-noranda.qc.ca/en/page/residential-development/ residential development plans info includes additional links html

Final Report

Personas
Scenarios
Testing Process

Our group proceeded to lay out the website's information architecture into a content inventory, using each component of the main navigation, there was a total of 113 content items.

Purpose

The inventory would help the group understand the main components of the website and evaluate a more efficient organizational scheme for the user.

What we learned

There were too many links in the website's main navigation. Certain pages contained links that lead to other parts of the navigation. The existing category names were unclear at what information they presented based on the user scenario possibilities. Localization added to the ambiguity of the naming conventions of the navigation.

Card Sorts

From the initial content inventory, areas of opportunity to reorganize were found. Three card sorts were conducted: Open card sort, closed card sort, and another closed card sort for validation purposes. Our group used OptimalSort to conduct the card sort testings. Participants were recruited by family, friends and social media connections. The following sections are the results and changes.

Round 1: Open

There were 2 parcipants for the first card sort as a pilot card sort, with 3 iterations per participant. This was an open card sort.

Results

Round 2: Closed

There were 6 participants for the second card sort. This was a closed card sort.

Results

Needed Changes?

Round 3: Closed, validation

This closed card sort serves to validate the result of the second round of card sorts.