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 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.
Information presented on the homepage shows five categories. We will be focusing on the English version of the website.
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.
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.
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.
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.
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.
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 |
Persona 1: Ron. The new graduate who wants to start life in a small town.
Persona 2: Janine. The tourist who wants to get to know rural Canada.
Scenario 1: You found a town to have a new start in.
Scenario 2: You are visiting rural Canada for the first time.
Scenario 3: You are looking for work in Rouyn-Noranda.
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.
The inventory would help the group understand the main components of the website and evaluate a more efficient organizational scheme for the user.
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.
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.