Marks: Weighting 20%
Student Name (Block letters) Student Number:
HS2031 Human Computer Interaction – Trimester 1 2016 1
Group Assignment Requirements
In this group assignment (maximum 5 students) you are required to produce a nonfunctioning prototype for a fictitious business and a report
documenting your design rational.
Infinity Games is a sole proprietor business, specialising in selling board games, card
games and playing cards. Their shop lot occupies approximately one acre of floor
space and is located in a metropolitan city. By most standards, the shop is huge and
customers have difficulty in finding their way around. The owner of the business has
contracted you to develop a website providing information about the shop. The
website is not an online ordering system. Instead, it is a website to provide more
information about the shop layout and the selection of merchandise it sells. You have
been provided with the following initial and technical specifications:
Memo: Website Requirements
From: Infinity Games, Senior Management
To : ICON UX R&D Group Consultants
Design and develop a website. The idea is to provide information to potential
customers visiting Infinity Games premises. The goal is to allow potential
customers to obtain an overview of the shop layout and to obtain details of the
selection of games offered by the shop.
Resources such as images and details of opening hours can be found in
ProResource.ZIP. The content of the ZIP file is:
1. Four folders named Board_Games, Card_Games, Playing_Cards and
Chess. Each folder contains images relating to the different categories of
2. A text file Game_List.txt contains the names of the games
corresponding to each of the image from each folder. You need to use these
names as the official description of the games on your web site.
3. A text file Shop_Hours.txt containing the business and opening
hours of the shop.
HS2031 Human Computer Interaction – Trimester 1 2016 2
4. Logo.png – an image of the logo of the shop.
5. Floor_Plan.jpg – an image of the shop’s floor plan.
The managers of Infinity Games insist that the following requirements must be
1. Each webpage of the website must display the shop logo. You can
edit this image, but the font style, type and colour must remain as in the
2. Do not change the proper names of the games. Do not rename the filenames
of any of the images.
3. All images of each game must be presented to potential customers.
This can be done within one webpage or distributed across several web pages.
The idea is to ensure that potential customers are made aware of the complete
selection of games the shop carries.
4. The images are to be used as it is. You can resize the images retaining the
original aspect ratio, but do not crop or edit (e.g. re- colour, touch up, sharpen,
etc.) or rename the images in any way.
5. Generate a separate page providing the opening and business hours. The
details are found in the Shop_Hours.txt file.
6. Infinity Games, also happens to be the official sponsor for the city’s annual
chess competition. Your webpage design should provide prominence to the
selection of different types of chess games available for sale by the shop. You
should ensure that the menu selection for the chess room should be different to
the other game rooms (i.e. Board_Games, Card_Games, Playing_Cards).
On the specified due date, you are to deliver one report and an example of a
prototype for the management approval process.
HS2031 Human Computer Interaction – Trimester 1 2016 3
You are to complete the following task in the order given:
Task A: Carry out user and task analysis. You must have a clear view of the users of
this system. Consider that not everyone is comfortable with the technology. For
example, you need to deal with user variation such as age or language skills. Perform
a user analysis, i.e. characterise the users and identify your potential users. Clearly
identify the tasks the potential users perform, and in what order. These are all user
interface design considerations that you should take into account.
Task B: Propose design and system requirements. Consolidate your findings from
your user and task analysis with the given specifications into a design and system
requirements. For example, the number of items to display, the screen size, what
colours, how many different screens to display etc.
Task C: Develop a low-fidelity prototype using Storyboard (a minimum of 4
screens). Based on the above requirements, develop a preliminary design of the web
user interface. At this stage, the prototype is basically a medium to support your initial
concept and ideas. For example, the prototype should show where the ‘Business
Hour’ button is located or would it be possible to fit 20 images aesthetically on a
single page, etc? You can use paper-based (e.g. paper and colour pencils etc.) or
screen based (e.g. painting software) to sketch your design. Low- fidelity prototyping
is mainly to allow designers to produce alternative designs expediently without
having to go into depth or functionality. Think of low-fidelity prototyping as the 5D
tool for: design, draft, decide, discard and do-over.
Storyboards can be hand-drawn or computer-drawn. Select the most satisfactory
design and proceed with the following step.