AMS Rentsline Website Redesign

Transcription

AMS Rentsline Website Redesign
EECE 418
AMS Rentsline
Website Redesign
Pass 1
Dynagroup
Noreen Kamal – 68915941
Samuel Reh – 58136060
Tatsuya Sageishi - 72848062
Table of Contents
Table of Figures ....................................................................................................................................... 3
SECTION 1 ............................................................................................................................................... 4
Introduction ........................................................................................................................................ 4
Initial User Inquiry ............................................................................................................................... 5
Task Examples ..................................................................................................................................... 8
Task Validation .................................................................................................................................. 10
List of Requirements .......................................................................................................................... 10
Absolutely Must Include ................................................................................................................ 11
Should Include ............................................................................................................................... 11
Could Include................................................................................................................................. 11
Exclude .......................................................................................................................................... 12
SECTION 2 ............................................................................................................................................. 13
Design Alternatives............................................................................................................................ 13
SECTION 3 ............................................................................................................................................. 16
Low-Fidelity Prototype....................................................................................................................... 16
Walkthrough ..................................................................................................................................... 21
Heuristic Evaluation (Done by Group 1 Team KYKD) ........................................................................... 26
User Evaluation ................................................................................................................................. 33
Summary of Discussion ...................................................................................................................... 33
SECTION 4 ............................................................................................................................................. 35
Resource Management...................................................................................................................... 35
References ............................................................................................................................................ 37
~2~
Table of Figures
Figure 1: Age distribution of Questionnaire Respondents (n=8) ............................................................... 5
Figure 2: Likert Scale Distribution of Use of Internet for Searching Rental Accommodations .................... 6
Figure 3: Likert Scale Distribution of Importance of Type of Accommodations ......................................... 6
Figure 4: Likert Scale Distribution of Importance of Price of Rental Accommodations .............................. 6
Figure 5: Likert Scale Distribution of Importance of Distance to UBC of the rental accommodations ........ 7
Figure 6: Likert Scale Distribution of Importance of Seeing Pictures of Rental Accommodations .............. 7
Figure 7: First Sketch ............................................................................................................................. 14
Figure 8: Second Sketch ......................................................................................................................... 15
Figure 9: Homepage of Redesigned AMS Rents Line website with 2 bedroom and 3+bedroom selected 17
Figure 10: More Options Filter Selected from Homepage with a Property Pin Clicked ............................ 18
Figure 11: List View based on current filter criteria ................................................................................ 19
Figure 12: Details Page .......................................................................................................................... 20
Figure 13: Heuristic Evaluation page 1 ................................................................................................... 26
Figure 14: Heuristic Evaluation page 2 ................................................................................................... 27
Figure 15: Heuristic Evaluation page 3 ................................................................................................... 28
Figure 16: Heuristic Evaluation page 4 ................................................................................................... 29
Figure 17: Heuristic Evaluation page 5 ................................................................................................... 30
Figure 18: Heuristic Evaluation page 6 ................................................................................................... 31
Figure 19: Heuristic Evaluation page 7 ................................................................................................... 32
~3~
SECTION 1
Introduction
UBC students need to find affordable rental accommodations in close proximity to the university.
Additionally, commuting is difficult for those students with family in suburban locations since
UBC has limited housing on campus and it is located at the western edge of Vancouver. The
need to find rental accommodations that meet individual criteria is paramount. Currently, UBC’s
elected student society provides a rental housing website (Amsrentsline.com) to assist students in
finding housing that meets their needs; however, this website is cumbersome to use as pages
need to be reloaded when different search criteria is selected. Additionally, the map view is lost
when any search criteria is entered making the use of the website difficult. A redesigned rental
website will provide users the ability to quickly find available accommodations that meet their
individual needs. Our redesign will focus only on the student side of the website, and we will
not redesign the area to list or post a property for rent.
The intended users for this system are UBC students, as the site is developed by the Alma Mater
Society of UBC Vancouver (AMS). The AMS is an elected student society, and it aims to
“improve the quality of the educational, social, and personal lives of the students of UBC” [1].
Students are a unique set of users for many reasons including: they are often in need of housing
for less than one year (or short-term housing) because often return to their hometowns during the
summer months; they have limited budget; and they are willing to share accommodations. This
user group is also young and adept with using on-line interactive websites; however, UBC
students are diverse with students from various backgrounds, so the website needs to be usable
even for those people that are not comfortable with the internet. It should also be noted that this
website is not secure or limited in use to UBC students, and the extended user group is anyone
looking of for rental accommodations.
The system needs to be on-line so that it is easily accessible. Additionally, the redesign needs to
ensure the system is fast and dynamic, or specifically, it needs to be responsive to the actions
such as filtering. Ideally, this would be achieved without reloading web pages. The system
needs to be simple and easy to learn to use, as users require using its full functionality without
using instruction or help documentation; the system's learn ability needs to be designed for
novice users and the system need to be a "walk up and use" type. The system also needs to be
pleasant to use in order to ensure that the users continue to use the system and recommend the
website to their friends.
We propose to redesign the UBC AMS housing website, www.amsrentline.com. This redesign
will be constrained to the web user interface, and it will utilize dynamic AJAX controls
[2]. UBC students’ expectations is that websites utilize the latest market trends in web
technologies; for example, the redesign needs to ensure that the interaction of the website
employs interactions similar to those used by Google Maps [3], which provides users with a
highly interactive map, where users can click on a location on a map to obtain additional
information.
~4~
Initial User Inquiry
In order to best understand the needs of the UBC students and other potential users seeking rental
housing, an initial user study was conducted to better understand the tasks and needs of this user
group. This user inquiry was doing using a questionnaire and interview process.
A questionnaire survey was conducted to learn about student needs when seeking rental
housing. The questionnaire questions, consent form, calculated data and completed
questionnaires can be found in Appendix A. Eight (n=8) respondents completed the
questionnaire, where 50% were male and 50% were female; 37.5% were between 20 and 22
years old, 12.5% were between 23 – 26 years old, 25% were between 27-30 years old and 25%
were over 30 years old. 62.5% UBC students. Figures 1 shows the age distribution of the
respondents.
Figure 1: Age distribution of Questionnaire Respondents (n=8)
All of the questionnaire respondents had looked for rental accommodations. The questionnaire
also asked the respondents several inquiries based on a Likert Scale that varied from strongly
disagree to strongly agree. The results showed that 62.5% strongly agreed to using the internet
to find rental accommodation with the balance agreeing to this state; this is shown in figure 2.
The questionnaire results also showed that the type of accommodation and the price of the
accommodation were of key importance, as is shown in figures 3 and 4. However, only 62.5%
of the respondents agreed or strongly agreed that the distance to UBC is important; however, this
is mostly because 62.5% of the respondents were UBC students (figure 5). Finally, figure 6
shows that all respondents agreed or strongly agreed that seeing pictures of the the rental
accommodations is important.
~5~
Figure 2: Likert Scale Distribution of Use of Internet for Searching Rental Accommodations
Figure 3: Likert Scale Distribution of Importance of Type of Accommodations
Figure 4: Likert Scale Distribution of Importance of Price of Rental Accommodations
~6~
Figure 5: Likert Scale Distribution of Importance of Distance to UBC of the rental accommodations
Figure 6: Likert Scale Distribution of Importance of Seeing Pictures of Rental Accommodations
The questionnaire also contained one open-ended question that asked respondents to explain any
other important factors when seeking rental accommodations. Many of the respondent said that
it was important to know the access to public transportation, proximity to grocery and other
shopping, and availability of parking, as well as the size of the suite. One of the respondents said
the system should provide the following:
"The location of the rental should be clearly displayed in [the] link and the site should allow a
filter for location, price and number of bedrooms."
Interviews were also conducted with 3 interviewees (n=3) in an effort to triangulate the findings
from the paper questionnaire, and to obtain some rich data to accurately develop the tasks for
seeking rental accommodations. Appendix B shows the interview questions, signed consent
forms from the interviewees, and coded interview results are shown in Appendix B. The
interviews confirmed that the price, the type of accommodation (e.g. 1-bedroom) and the
neighborhood are very important, but also the ability to see pictures of the suite and proximity to
~7~
public transportation. The interviews also revealed that the ability to filter based on their
requirements is very important. A couple of interviewee felt that accurate filtering as is shown
by the following quotes:
"Better filtering by neighborhood, as often there is incorrect filtering of neighborhood and
properties that don't even apply to that neighborhood come up."
"Yeah, I would like a feature where you can enter certain criteria and filter based on them, so
you can really narrow it down."
Another interviewee felt that the most important features in finding rental accommodations were
as follows:
"maps, sortability, searchability, filtering, pictures, specific features of a house."
Task Examples
Based on the finding from the questionnaire and interviews, a list of tasks was generated. The
following lists these tasks:
1. Jenna is a 1st year business student, who is coming to study at UBC from her hometown
in Kamloops, BC. She needs to find a small studio or 1 bedroom apartment from
September to April, and then she will return to Kamloops for the summer. Based on her
savings from the summer months of working at the pulp mill, she can pay as much as
$500/month; however, she wants to be within 5 km from UBC and close to amenities
such as a grocery store and a Royal Bank. She needs to have access to shared laundry
facilities. She starts to search for housing and uses a few different websites. If the
website allows her to enter her criteria, she filters the results as much as possible: 8month term, $500 or less, studio or 1-bedroom, 5 km from UBC, close to amenities and
shared laundry. She appreciates those advertisements that have pictures and details about
the apartment or suite. She writes down the contact number and addresses for the places
that sound promising. She starts to call the landlords or building managers to determine
the information that was missing in the postings. Once she has a list of those apartments
or suites that meet her criteria, she makes appointments to see them.
Discussion: This task contains common activities that are carried out by undergraduate students
that are seeking rental accommodations. This group of students is unique as they often need
short-term accommodations and they are constrained by budget.
2. Michael is a Masters level graduate student specializing in English. He has just been
accepted at UBC, and he will be moving to Vancouver from Seattle with his two cats. He
wants to find a rental suite that allows cats, and a place that will enable his cats to roam
outside. He hopes to be able to study from his apartment as much as possible, so access
to the internet is very important to him. Ideally, he would like a studio basement suite,
and the proximity to UBC is not very important. He will be working as a TA and also
bartending on the weekends, which will allow him to have a budget of $750/month. He
uses a popular website to seek out rental accommodations, and he goes through each
~8~
posting to determine which one meets his criteria. This is time consuming, but he
perseveres through it, and he e-mails to himself those posting that meet his criteria. Later
he goes through his e-mails and contacts each landlord or manager to determine further
details about the accommodations and makes appointments with those that meet his
criteria.
Discussion: This task shows the activities that are carried out by a foreign graduate student, who
has an income but is not familiar with the local neighborhoods and the amenities. As a more
mature student he has additional responsibilities, which in this case is his two cats. However,
this can also be a family with children as well.
3. Frankie is a 3rd year science student, who lived on campus for the first two years of her
studies. She now wants to have her own place just outside campus, so that she can have
more freedom in getting groceries and cooking her own meals, visiting restaurants and
pubs, and accessing other amenities that Vancouver has to offer. She does not own a car,
so it is important to be close to a grocery store and public transportation. She would also
like to be no more than 10 km from UBC. She is willing to have roommates if there is
enough space for her to have a study space and TV in her room. She does not have any
furniture, but she is willing to buy a bed and desk if necessary. She would like to spend
no more than $650/month including utilities. She looks on-line for rental
accommodations and she also scours notice boards for people looking for
roommates. During her search, she will initially look at neighborhood to ensure the
correct proximity to UBC and proximity to amenities as well as transportation. She then
further filters the list by price as well as other benefits such as shared laundry facilities
and furnished suites. Once she has a short-list of potential properties, she will call the
property manager, owner or roommate, and ask more questions that were not answered
on the listing such as condition of the suite and size of the room. She may then have a
few properties that she will decide to look at. She keeps track of all this information
using a notepad.
Discussion: This task shows the needs of a more senior undergraduate student, who is looking
for some freedom from dormitory life. This student has very precise requirements for the
accommodation that she wishes to live in, and she goes through a system of note-taking to track
the rental accommodations that she is interested in.
4. Jonas is a young professional, who is currently living in Kelowna. He has just got a job
as a program assistant for the Mining Engineering program at UBC. He needs to find
some accommodations near UBC in a bit of a hurry as he starts work in 2 weeks. He is
not too picky about the type of accommodation, but he wants a place of his own that is no
more than 10 km from UBC, as he hopes to bike to work when it is not raining. He
would prefer to have in-suite laundry and easy access to parking (street parking is okay,
as long as parking is readily available). His price limit is $800/month. He starts his
search using the internet using a few different websites. If a listing looks promising, he
e-mails the listing to himself. He will draft an e-mail and copy its content if there is no
function to e-mail the listing. Later he will scour his e-mail and call the property
managers of each listing to see if he can set-up a time to view the property.
~9~
Discussion: This task is unique as it shows the process for someone, who is not a student but
rather a new employee at UBC. He needs are a bit different, as he is in need of parking, which
can also be required by students. He also is greatly limited by time, as he needs to find a place
and move into it as soon as possible so that he can start his job at UBC.
5. Jennifer is a student that is returning to full-time studies after taking a couple of years off
to work and reduce her debt burden. She has completed 2 full years of her pre-medicine
courses and approximately 15 credits of her 3rd year. She no longer wishes to live with
her parents as she did previously, as she found the commute from Delta to UBC to be too
long, and it negatively impacted her studies. She has enough funds to pay around $400
per month for shared accommodations. Since she is accustom to commuting from Delta,
she is willing to be as far as 15 km from UBC; however, she would like to be close to
express bus service to UBC such as the 99 B-Line, 480, 43, 84, or 44 bus lines. She
would also like to be close to grocery shopping amenities. She starts her search for rental
accommodations using various websites based on her requirements. The type of
roommates that she is willing to share accommodations with become increasingly
important, as many of the people that are seeking roommate are on income assistance,
and she would prefer to share with people who are also students and have the same
schedule as her. She is an early riser and she prefers to go to bed early. She is not too
particular about cleanliness, but she prefers a structured sharing of cleaning duties. She
needs to inquire these roommate preferences over the phone, as most of the ads to not
have any indication about the people that she will be sharing with She calls
approximately 25 places. She also meets with a number of people (around 10) that sound
like they match her needs for a roommate.
Discussion: This task shows a user who has very specific needs around public transportations
and proximity to amenities. She also has very specific needs in the roommates that she is willing
to live with. Based on these requirements she needs to speak with and visit many people in order
to better understand if the roommates meet her needs.
Task Validation
Three users were asked to read these tasks and provide feedback. They said that at least 1 of the
tasks resonates closely with them and their tasks when they are seeking rental
accommodations. They agree that price, neighborhood, proximity to transportation, proximity to
UBC, and proximity to grocery are among their top needs. These have come through in the task
descriptions. However, they said that pictures play an important role when seeking rental
accommodations and they did not find that explicitly mentioned in the tasks above, but the
mention of condition of the suite is often reflected with the pictures.
List of Requirements
Based on the inquiry with the users using the questionnaire and interview, and based on the task
validation the following list of requirements has been grouped into the following: absolutely
must include, should include, could include, exclude. Following each requirement is a short
discussion on how we categorized that requirement.
~ 10 ~
Absolutely Must Include





Live filters. Being able to filter results without reloading the entire page is very
beneficial when trying to narrow results quickly. People need to be able to efficiently and
quickly narrow their results to find a rental accommodation that fits their criteria.
Map view. Location is very important to people. By having a map view we allow our
users to easily view the exact location of all of the listings. This feature is essential to the
usability of the application.
Filter by price. From our results show in figure 4, we determined another major concern
of users is the price of listed properties. Being able to filter by price allows users to easily
find properties for rent in their exact price range.
Filter by type. In each task example, the user is looking for a different type of
accommodation. From figure 3, it is apparent that the type of accommodation is very
important to users, therefore this feature is absolutely necessary to include.
Mark listing as favorite. One feature that each subject we interviewed seemed to have a
need for is the ability to keep track of listings they are interested. It is often that a user
will find a property that fits their criteria, but want to follow up on the ad later. Generally,
a web user can take advantage of their browser's bookmark feature, but this feature
doesn't allow one to bookmark on a map, so it is an absolute requirement that our site
includes a way to favorite specific listings directly from the map.
Should Include





List view. We believe most people will be browsing ads using the map view because
location seems to be very important to most people, however sometime a list view is
necessary for sorting results by some other metric.
Filter by neighborhood. Although filtering by a specific neighborhood was very
important to one of the subjects we interviewed, we believe that the map view is
sufficient for visually selecting properties in a specific neighborhood. We do not believe
filtering by specific neighborhoods should be included, but is not an absolute must.
Reset the filter. The reset button is an important feature for all interface designs. It
allows the user to easily cancel their filter and start fresh. It should be included, however
if not, the interface is still very usable.
View pictures from map. From our surveys, we learned that viewing pictures of rental
properties is extremely important to users. Being able to view the pictures directly from
the map should be included, but isn't completely necessary because it pictures are
viewable from the listings detail page.
Filter by pet allowance. The questionnaire results for the ability to filter by pet
allowance are very spread across the spectrum. Many people could care less about this
feature; however it is quite essential to pet owners. Because this feature is so important to
the pet owning renters, we should include it.
Could Include

Alerts by email. The "Alert by email" button will allow users to enter their email and get
notifications if a new property fitting their search criteria pops up. Although, we think
this feature will be very useful to users, because none of our interview subjects
mentioned the need for this, we are not sure if people will take advantage of it. We
~ 11 ~


believe the lack of this feature will not severely detract from the overall usefulness of the
application.
Max distance from UBC filter. From our questionnaire results, we see that distance to
UBC is important to some people (less than we originally thought though), however users
can visually filter the distance to UBC by just looking at the map. Having this filter is not
a top priority.
View contact info from map. If the user is considering a property enough to call the
poster, they will most likely click the link to see more details before calling, and the
contact info is on the details page, so this feature doesn't seem necessary to us.
Exclude


Advanced filtering options. We will not change the current advanced filtering
option. This currently includes that ability to filter by property features such as: hydro
included, carpet, utilities included, dishwasher, stove, fridge, view, balcony, and 20 other
similar features.
Listing a property. We will not look at and change the existing functionality to list a
property, as this is out of the scope of the project and this group of users were excluded
the the proposal and the formative study of the project.
~ 12 ~
SECTION 2
Design Alternatives
The following figures show sketches of two different design alternatives. The first sketch shows
filter options, where the user enters the price into a text box. This sketch also show several dropdowns, where the user selects the distance from UBC, neighborhood, and age of posting. The
user can also use check boxes to select options such as furnished and pet allowance. The
available rental accommodations are shown on a map with different pins for different
accommodation types (e.g. 1-bedroom vs. shared). The sketch shows a reset button to reset the
filter options that have been selected. The map also contains a list button to view the available
accommodations as a list. The user can click on any pin on the map to obtain additional details,
which is shown as a bubble with address, pictures and contact information. The second sketch is
similar to the first sketch except that the filter options are shown using sliders. The price range
has a min/max slider. The maximum distance to UBC and age of posting is shown as a one way
sliders.
These two design options are radically different in the filter options, which has been identified in
the initial user inquiry (questionnaires and interviews) and task analysis as being of key
importance. The advantage to the first option is that the user has control over the entry of the
price and they can see all the options in the drop down selections. The downside to this is that
the filter area becomes cluttered and is visually overwhelming to look at. The second option is
much cleaner and the user can quickly select the price range, distance to UBC and age of posting
by using the sliders. The downside of this design is that the sliders do not allow the user to have
precision when selecting a price range.
~ 13 ~
Figure 7: First Sketch
~ 14 ~
Figure 8: Second Sketch
~ 15 ~
SECTION 3
Low-Fidelity Prototype
A low fidelity prototype was developed based on the preliminary user inquiry, task development,
requirements and design alternatives. The low fidelity prototype was developed using Adobe
Photoshop and the key pages will be shown with the interaction described in text.
The main home page for the website will be a map-based view of the available rental
accommodations. This is shown in figure 9. This first page shows the following features of the
landing page of the webpage:



A map of Vancouver is displayed with a default of 18 km from UBC shown on the map
Coloured pins are displayed on the maps where rental accommodations are available
o
The colour of the pin depicts the type of accommodation; for example, a blue
pin means that it is a studio apartment
o
By clicking on any colour of pin in the top legend, the system will filter for
that selection
o
If a pin is chosen, the colour of the text changes to blue to provide feedback
to the user
o
Any number of pins can be selected; for example, this page is showing only
2 bedroom and 3+ bedrooms
o
To unselect a chosen pin, the user can click on it again
The user can select More Options to filter by more than the type of rental
accommodations (Page 2)
~ 16 ~
Figure 9: Homepage of Redesigned AMS Rents Line website with 2 bedroom and 3+bedroom selected
When the user clicks on More Options, additional filter options are displayed. This is shown in
figure 10. The user can get back to figure 9 by clicking on Less Options. The filter options that
are available are as follows:
 By selecting More Options, additional filter options opens below the pin legend
and above the map, and More Options selection changes to Less Options which
will close this box and go back to looking the same as Page 1.
 The user can filter the available accommodations by the price. The price range
can be adjusted by a range slider, and feedback of the selected price range is
shown to the left of the slider in blue text
 The user can filter the available accommodations by their distance to UBC. The
maximum distance to UBC can be selected by a slider, and feedback of the
selected distance is shown to the left of the slider in blue text
 The age of the posting can also be filtered with a slider. Once again the feedback
of the selected age of the posting is shown to the left of the slider in blue text
 The user can also filter by neighbourhoods using a drop-down menu, which will
display neighbourhoods such as Point Grey, Kitsilano, Dunbar, Kerrisdale,
Downtown, Marpole, West End etc.
~ 17 ~







The user can also select pets check box if they need to find rental
accommodations that allow these pets
The user can reset the filter options by clicking on the Reset button
When a user clicks on a pin, a bubble containing all available information on the
rental property appears. This information includes the price, address, pictures and
contact information, and by clicking on the blue text the user will go to the
Details page
The bubble also has the option for the user to select add to favourite
The user can also filter by favourites by selecting the check box
The user can close the property bubble by selecting the x in the top right of the
bubble
By clicking on the List button on the map, the user can switch from map view to
list view (Page 3)
Figure 10: More Options Filter Selected from Homepage with a Property Pin Clicked
~ 18 ~
The user can click the List button on the top right of the map to view the listing as a list
view. This is shown in figure 11. The main interactions on this page include the following:




The list view shows all the same properties that were on the map view, but as a list
The filter options in Page 2 remain in place (same functionality)
The user can sort the list view by price, distance to UBC, or age of posting
The user can select the Map View button to get back to the map view
Figure 11: List View based on current filter criteria
By clicking on any property in the list and map view, a details page for each listing is
displayed. The details page is show in figure 12. The key aspect of the details page is as follows:
 This page displays more details about the selected accommodation
 The user can click on Print this Page button to obtain a printout of this page
 The user can click on Rental Alerts by e-mail button to obtain e-mail alerts for new
listings
~ 19 ~


Additional functionality such as book marking is also available on this page
The user can go back to the listings (list view) by click Back to Listings button
Figure 12: Details Page
~ 20 ~
Walkthrough
A cognitive walkthrough was conducted on this low-fidelity prototype for all the major tasks that
were identified. The cognitive walkthrough was based on 4 main questions:
1. Will the action be evident to the user?
2. Will users connect the correct action with their goal?
3. Will users interpret the system's response to the chosen action correctly?
4. Will users' mental models be affected?
The following table shows the cognitive walkthrough for this design.
Will users
Will users
interpret the
Will the
Will users'
connect the system's
action be
mental
Task/Step
correct
response to
evident to
models be
action with the chosen
the user?
affected?
their goal?
action
correctly?
Comments/
Actions
- perhaps not
the blue text
- perhaps not
is not
- Once the
as it is not
obvious,
Filter listings by
action is
apparent that
difficult to
type of
known it will
the legend
see and hard
accommodations
be connected
key is also a
to correlate to
to the goal
filter
what filters
have been
chosen
- better
feedback and
a more
obvious
understanding
of what to do
will allow
users to
develop an
accurate
mental model
- the key
legend needs
to be updated
to make it
more obvious
that they can
be selected
- the blue text
needs to be
changed to a
better color
- the user
needs to
select more
options,
which may
not be
Filter listings by obvious that
price
price is
located here
- the user
may click
property
search in the
top menu
- users'
mental model
will be
changed
when they
first select
more/less
options as
they will see
the filter
options that
are available.
- the model
will also be
developed
when they
use the sliders
and see the
- the system
can default to
have more
options
displayed and
the user can
select less
options if they
don't want this
screen
- the blue text
colour should
be changed to
a colour that is
easier to see.
-the feedback
- when they of the min
do find the
and max price
slider in the selected using
two sided
the sliders is
slider is fairly displayed to
simple to use the left of the
as it uses a
slider, which
control that is easy to
most users
understand,
have learned but the blue
early in their text is
life
difficult to
read
~ 21 ~
Task/Step
Will the
action be
evident to
the user?
Will users
connect the
correct
action with
their goal?
Will users
interpret the
system's
response to
the chosen
action
correctly?
Will users'
mental
models be
affected?
Comments/
Actions
dynamic
filtering of
the properties
shown on the
map
- the dropdown menu
is easy to use
as most users
-the user will have seen
need to select this before
and use it
more
Filter listings by
options; once often on
neighborhood
again this
various
may not be
websites
obvious
-a user may
wish to select
more than 1
target
neighborhood
- once a
neighborhood
is selected the
dropdown
will display
the selected
neighborhood
but the map
does not have
corresponding
feedback
- The users'
mental model
will not be
significantly
impacted by
this feature
other than an
understanding
the a
neighborhood
filter exists.
- one thing
that may
effect the user
mental model
is an
understanding
of how the
neighborhood
filter is
working: 1)
by a list
selection that
the landlord
filled in, or 2)
by location
calculation
done by the
system
- a user needs
View pictures of to click on a
a property
pin on the
map
- the
information
bubble that
pops up is
- the mental
model will be
modified the
first time a
- the only
option in the
map view is
to click on a
~ 22 ~
- consider
having the
more options
as the default
with the ability
to allow the
user to select
less options
- provide
feedback on
the map of the
selected
neighborhood
boundaries
- consider
having a
method to
select more
neighborhoods.
- can provide
instruction on
the map to
encourage
Task/Step
Will the
action be
evident to
the user?
- or get to the
details page
from the
bubble link
on map or
clicking on a
property in
the list view
Will users
connect the
correct
action with
their goal?
pin, but some
users may not
understand
this and miss
this crucial
step
Will users
interpret the
system's
response to
the chosen
action
correctly?
easily
understood
and the
pictures are
shown on it;
the link on
the top of the
bubble is
obviously a
link to the
details page
Comments/
Actions
user clicks on users to click
a pin, but
on the pin
they will
understand
this option
afterwards.
- add bus
routes and
possibly key
bus stops on
the map
- can also
consider
adding in other
points of
interest such as
grocery stores
- the
prototype has
not means to
Filter listings by filter by
proximity to
proximity to
public
public
transportation
transport.
Users would
need to know
bus routes
Filter property
by proximity to
UBC
Will users'
mental
models be
affected?
- the one way
slider is
simple to use
- user may
want a two
- the user will
way slider
see this after
but it is
clicking on
unlikely that
more options
they wish to
have
minimum
distance to
UBC
-the feedback
of the max
distance to
UBC selected
using the
slider is
displayed to
the left of the
slider, which
is easy to
understand,
but the blue
text is
difficult to
read
~ 23 ~
- the users
mental model
of how to use
the slider and
how sensitive
- change the
it is based on
colour of the
the feedback
feedback text
provided will
develop the
users mental
model of this
feature
Task/Step
Will the
action be
evident to
the user?
Will users
connect the
correct
action with
their goal?
Will users
interpret the
system's
response to
the chosen
action
correctly?
-the feedback
of the age of
the posting
- the one way that
slider is
is selected
simple to use using the
- the user will
and most
slider is
Filter property see this after
users have
displayed to
based on the age clicking
seen this
the left of the
of the posting
on more
control
slider, which
options
before and
is easy to
understand
understand,
its use
but the blue
text is
difficult to
read
View details of
the property
- the user
needs to click
on the pin
and then
click on the
blue link in
the bubble
that appears,
which is
obvious once
the user
knows to
click on the
pin.
-in the list
view the user
can simply
click on the
property
View contact
information to
follow-up on
-the user can - This action
-yes, it is
view contact will be
evident
details in the evident once
- the
underlined
blue text that
appears in the
bubble is
easy to
understand as
a link and
most likely
will be
interpreted to
the correct
action
-moving to
the detail
page is
probably
what the user
wants to do,
but it is not
obvious on
how to return
to the map
view
~ 24 ~
Will users'
mental
models be
affected?
Comments/
Actions
- the users
mental model
of how to use
the slider and
how sensitive
- change the
it is based on
colour of the
the feedback
feedback text
provided will
develop the
users mental
model of this
feature
- the user will
develop their
mental model
of how the
system
functions and
how to get to
the details
page
- have a back
to listings
button at the
top of the page
as well as the
bottom,
perhaps
allowing the
user to return
to map and list
view
- the mental
model will
not be
- instruction to
encourage
users to click
Task/Step
posting
Keep track of
properties of
interest
Will the
action be
evident to
the user?
Will users
connect the
correct
action with
their goal?
Will users
interpret the
system's
response to
the chosen
action
correctly?
property
a pin is
bubble on the clicked
map, the list
view and the
details page
- the favorites
checkbox on
the filter is
difficult to
understand if
users have
not add any
properties to
their favorites
- there is no
add to
favorites in
the list view
Will users'
mental
models be
affected?
affected
greatly by
this
- the user
may not
connect the
action of
adding to
favorites to
their goal of
keeping track
of properties
and then
viewing only
their favorite
properties for
that browsing
session
Comments/
Actions
on a pin.
- gray out the
favorites
checkbox
unless
- the user
properties have
may have a
been "added to
confused
favorites"
mental model
-add an alert
- once a user of the
modal box to
clicked on
favorites
tell the user the
add to
function as
property has
favorites
they will not
been added to
there is not
understand if
the favorites
indication
the system
for this
that the
will
browsing
property has remember
session and
been added or this after they
they can click
what occures return to the
the favorites
website on
check box to
another day
view only
(using
favorites
cookies)
- add the
favorites
functionality to
the list view
~ 25 ~
Heuristic Evaluation (Done by Group 1 Team KYKD)
Figure 13: Heuristic Evaluation page 1
~ 26 ~
Figure 14: Heuristic Evaluation page 2
~ 27 ~
Figure 15: Heuristic Evaluation page 3
~ 28 ~
Figure 16: Heuristic Evaluation page 4
~ 29 ~
Figure 17: Heuristic Evaluation page 5
~ 30 ~
Figure 18: Heuristic Evaluation page 6
~ 31 ~
Figure 19: Heuristic Evaluation page 7
~ 32 ~
User Evaluation
An informal evaluation of the prototype that was previously described was conducted with two
users, who are currently seeking rental accommodations. They felt that the map feature, where a
bubble pops up with additional information about the property was very helpful. The pictures
that appeared in the bubbles were especially appreciated. They also liked being able to go
between the map view and list view, as this is something that they would use frequently for
various reasons; the map view to get a visual representation of the location of the listing and the
list view to be able to sort the listings. Another feature that they liked was the key legend and its
location at the top.
There are also several areas that could be improved. One user felt that the map view should also
contain information such as bus stop or route locations and also where grocery stores are
located. They felt that the neighborhoods filter was a bit abstract, and it could be made less
ambiguous by shading the area of the selected neighborhood or showing the boundaries. This
also shows that it is important for our system to ensure that the neighborhood for any property is
determined by its address rather than allowing the landlord to select the neighborhood, as often
we see landlords that put their property in a more desirable area than it is actually found. One of
the users felt that proximity to public transportation, parking availability and proximity to
shopping should be included in the filter options ahead of pets. Finally, the alert by e-mail
button was found to be confusing. One user wondered what properties they would be alerted of,
and this user would rather be able to simply e-mail selected properties to themselves or to a
friend. They felt that perhaps the e-mail alerts button was better understood in the filter box
rather than the details page, where they would want to simply e-mail the details of that property
to a particular e-mail address.
Summary of Discussion
Based on the analysis (walk through and the heuristic evaluation), There are several changes that
will need to be made to the design before moving on to the medium fidelity prototype. First, it is
evident that a key change that will need to be made is to the top menu. The menu remained
unchanged from the original website, but this has created confusion in the menu labeled Property
Search as the entire site now has a property search function. There are two options that we have:
1) we can remove this menu item called Property Search entirely or 2) we can rename it
Advanced Search. The latter option of renaming the item to Advanced Search may be the
preferred option as we can then allow the user to be able to filter even further with options such
as additional property features such as amenities, flooring type, parking availability etc. This is
consistent with our finding from our initial user inquiry, which showed that users want the ability
to filter based on diverse criteria.
There are also some changes that need to be made the favorites functionality, the property type
key legend and filtering by neighborhood. We also need to provide the ability to add to favorites
in the list view, as currently this is only available in the map view, which creates some
inconsistency. The property type legend with the coloured pins needs to be updated, so that it is
clear that they are also filters. This can be done by making them look like buttons that are
depressed when selected; it can also be done with a check box beside the coloured pin; or, as
suggested in the heuristic evaluation, the pin labels can be made to resemble links by underlining
~ 33 ~
and having them in blue text, and changing the colour to purple if they are selected. Additionally,
we may also want to consider allowing users to select more than one neighborhood, and viewing
the selected neighborhood boundaries on the map to add to the feedback and understanding of
how neighborhoods are defined.
There are also some cosmetic changes that need to be made. The blue colour that is used for text
that provides feedback on the price range, max distance to UBC and age of posting needs to be
changed to a colour that is easier to read. We should consider adding instructions on the map to
encourage users to click on the pins on the map to obtain additional information.
The user evaluation also revealed many changes that need to be made. The map can include
important information such as bus stop routes and stops, and location of grocery stores. We need
to have a button that will e-mail listing button on the details page rather than an e-mail alert
button to increase the ability to understand what this means. We can also consider showing the
selected neighborhood(s) on the map by graying out the neighborhoods that do not apply, or
highlighting the neighborhoods that do apply. This will provide clear distinction of the
neighborhood boundaries. We should also consider changing the filter options: 1) remove the
pets checkbox; 2) add parking availability; 3) add proximity to public transportation slider; and 4)
add furnished checkbox.
~ 34 ~
SECTION 4
Resource Management
The resources and associated cost for the the development of proposal, the low-fidelity prototype
and the analysis/evaluation of the prototype is shown in the table below:
TASK
Resource
Cost/Expenditure
Comments
Proposal Problem
Definition
Noreen Kamal
10 hours*$50 = $500
Includes time for consolidation
and team meetings
Proposal Analysis
Tatsuya Sageishi
10 hours*$50 = $500
Includes time for consolidation
and team meetings
10 hours*$50 = $500
Includes time for consolidation
and team meetings
15 hours*$50 = $750
Includes time for development of
questionnaire, interview questions
and consolidation of consent
forms
Pass 1: User
completion of
All
questionnaires
and interview
15hours*$50 = $750
Entire team had people complete
the questionnaire and interview
and entered the data into the
spreadsheet
Pass 1:
Development Noreen Kamal
of tasks
5 hours*$50 = $250
Pass 1:
Samuel Reh
Requirements
10 hours*50 = $500
Proposal Suggested
Samuel Reh
Improvements
Pass 1: Initial
Noreen Kamal
User Inquiry
Pass 1:
Design
Alternatives
All
10 hours*$50 = $500
As part of working team sessions
alternative design sketches were
developed
Pass 1: Low
Fi Prototype
Samuel Reh
5 hours*$50 = $250
The prototype was developed by
Sam with input from the rest of
the team
Pass 1:
Cognitive
walkthrough
Noreen Kamal
2 hours*$50 = $100
Pass 1:
Heuristic
evaluation
All
10 hours*$50 = $500
~ 35 ~
This includes the time for team
meetings attended by all team
members
Pass 1: User
evaluation
Noreen Kamal
2 hours*$50 = $100
Pass 1:
Quality
Tatsuya Sageishi
control and
proof-reading
10 hours*$50 = $500
TOTAL
$5700
Ensuring all elements are met
according to requirements and
proof reading the document
The project budgetary numbers along with resource allocation for pass 2 are given in the table
below.
TASK
Resource
Cost/Expenditure
Comments
Pass 2:
develop mid
Samuel Reh
fi prototype
using J Query
Sam will be the lead for the
30 hours*$50 = $1500 development of the medium
fidelity prototype
Pass 2: Assist
with J Query Tatsuya Sageishi
Code
20 hours*$50 = $1000
Tats will provide assistance to
Sam as required
Pass 2: XML
Noreen Kamal &
document
Tatsuya Sageishi
preparation
20 hours*$50 = $1000
Entry of data into semi-structure
XML files for use in J-Query
Pass 2:
Design User
evaluation
study
10 hours*$50 = $500
Noreen Kamal
Pass 2: Carryout user
ALL
evaluation
12 hours*$50 = $600
Pass 2:
Evaluate
outcome of
evaluation
study
Noreen Kamal
10 hours*$50 = $500
Pass 2:
Develop
Presentation
Samuel Reh &
Tatsuya
5 hours*$50 = $250
Pass 3: put
together
report
All
12 hours*$50 = $600
TOTAL
$5950
~ 36 ~
References
1. AMS Student Society of UBC Vancouver. Retrieved January 26, 2010,
from http://www2.ams.ubc.ca/index.php/ams/subpage/category/about_the_ams.
2. AJAX (programming). (2010). Retrieved January 26, 2010,
from http://en.wikipedia.org/wiki/Ajax_(programming).
3. Google Maps. Retrieved January 26, 2010, from http://maps.google.ca
~ 37 ~