Task: Design an interactive system for users. This system can be anything user-centered.

Description: In groups of twoto three students, design an interactive interface like an e-commerce website, a news site for users with quadriplegia that use an eye
tracker, an interface for controlling a drone using a BCI, etc.

Each groupmustcome up with a distinct project.
Phase I

A- Requirements Specifications Report____ (50 pts)
Create a report formatted to standards (5 pts)that includes the following:

1. Functional Requirements:
a. Describe the website or app fully (150-300 words). (10 pts)
b. Then create an HTA diagram. (20 pts)

2. User requirements: (10 pts)
Describe who are the target audience.
Their characteristics (e.g.: their abilities)
and system use (e.g.: novice, frequent, etc…)
and how will that affect the design

3. Alternative designs (5 pts)
Research websites or apps offering similar services.
List 2 URL and choose one of the websites or app and write two things your website (or app) is doing differently.

B- LOFI (Paper and movie) (50 pts)
Build a prototype.
1. Create a paper prototype that includes the following(35 pts):
a. Number of pages: 8 to 15 pages (3 pts)
b. Every page is hand drawn (some printing is acceptable) (2 pts)
c. Clear navigation (10 pts)
d. Quality of content (including other elements and images) (10 pts)
e. Completeness (5 pts): Pages used give us a complete idea of the website.
Wise use of horizontal and vertical compromises.
f. Creativity (5 pts)

2. Create a movie of the paper prototype (15 pts):
a. The movie needs to be 1 to 2 minutes long (2 pts)
b. Movie’s quality and creativity (sound, effects) (8 pts)
c. Narration is clear and complete (5 pts)
3.Submit the report and your movie or the link to your movie.

 
Phase II

A. Evaluating the Lofi design
1. Discuss with your team how the paper prototype you have made in Phase 1 should be evaluated. Explain the importance of the method(s) you are using.

2. Create anappropriate evaluation document (questionnaire, interview, etc.)
a. The evaluation should be based on design and usability criteria.
b. For questionnairesuse likert-scale.
c. For semi-structured interviews you should transcribe everything on paper verbatim and provide the transcripts.
d. More than one method may be used if necessary.
e. Ethics forms and information sheets should be attached.

3. Carry out the evaluation with other in-class students and document their feedback.

B. Report________________________________________________ (35 pts)
Create a small report containing:
1. Summary of findings.
2. Analysis of the results and its impact to your project.
a. List of changes based on evaluation.
b. Justifications why certain recommendations have not been implemented (if any).
c. Graphs and other descriptive methods to summarise your results.
3. You should include:
a. Your blank evaluation forms/documents
b. Thecompleted evaluation forms/documents.
c. The signed ethics forms
C. HiFi Prototype__________________________________________(50 pts)
Create a hifi mockup simulating the website using any software that you like. The hifi should include the changes mentioned in the report
Make sure it satisfies the following requirements:
a. Consistency with lofi prototype
b. Incorporating feedback from lofi prototype
c. Completeness (all screens exist)
d. Some functionality and interactivity (i.e., buttons let you navigate from one screen to another)
e. Ambition

D. Presentation____________________________________________(15 pts)
Present the final prototype and successfully ‘defend’ your work during a viva-vocethat will examine you how you applied what you learned in class to your
prototype (interaction design principles, cognition, evaluation, etc.)

Phase I ____/100
A- Report (50 pts)
Item Description Points Received
Report Structure
a. Cover page:
logo, Course Title, Project title, student’s name & id,
course number & name, section, teacher’s name and date( /1 pt)
b. Table of contents ( /1 pt)
c. Page numbering ( /1 pt)
d. Document Formatting and Writing Style ( /2 pts) 5
Descriptions Clear and complete descriptions of the website/app.(130-250 words) 10
HTA Diagram See next page 20
User Requirements
a. Description of the target audience/users. ( /2 pts)
b. Characteristics (e.g.: abilities) ( /2 pts)
c. System use (e.g.: novice, frequent) ( /3 pts)
d. Rationale of design details. ( /3 pts)

10
Alternative Designs
List of 2 url of similar researched website or apps ( /1 pt)
and write 2 things your website (or app) is doing differently ( /4 pts).
5
50
B- LOFI as a Movie (50 pts)
Item Description Points Received

Paper Prototypes a. number of pages: 8 to 15 pages ( /3 pts)
b. Every page is hand drawn (some printing is acceptable) ( /2 pts)
c. Clear navigation ( /10 pts)
d. Quality of content (including other elements and images) ( /5 pts)
e. Completeness: pages give us a complete idea of the website( /10 pts)
f. Creativity ( /5 pts) 35

Movie a. The movie needs to be 1 to 2 mns long ( /2 pts)
b. Movie’s quality and creativity (sound, effects) ( /8 pts)
c. Narration is clear and complete ( /5 pts) 15
Total 50

HTA Diagram

HTA Semantics
0-4 mark 5-6 mark 7-8 marks 9-10 marks weight over
1- all Tasks covered 2 or more main tasks not covered One main task & some minor tasks not covered 1-2 minor tasks not covered all Tasks are covered
/10
*1.5
/15
2- logically placed in
the HTA diagram
4 or more logical errors Two-three logical errors One logical error all Tasks are logically placed /10 *1.5 /15
HTA syntax 0 mark 1 mark 2 marks 3 marks
1- tasks labeled correctly None
3-4 tasks are not labeled clearly using an active verb All but 2 tasks are labeled clearly using an active verb All tasks are labeled clearly using an
active verb /3
2- Activities ordered correctly None
3-4 tasks are not ordered left to right All but 2 tasks are ordered left to right All tasks are ordered left to right /3
3- tasks numbered correctly None
3-4 tasks are not numbered correctly All but 2 tasks are numbered correctly All tasks are numbered correctly /3
4- tasks with no subtasks underlined None
3-4 tasks with no subtasks are not underlined All but 2 tasks with no subtasks are underlined A line under tasks with no subtasks /3
5-Optional Tasks None
All but one group of optional tasks have an “O” and the O is wrongly placed on parent All but one group of optional tasks have an “O” or the O is wrongly
placed on the parent Tasks that are optional have an “O” in the correct task. /3
6- Repeated Tasks None * exists but is misused All Tasks that are repeated have a “*” /2
7-plans None plans are not very clear or not very relevant Wrote two good plans /2
8- preconditions Not
relevant has good preconditions /1
50
X2/5 20
Phase II ____ /100_
Item Description Points Received
Project
Report Evaluation a. Report format ( /3 pts)
b. Blank evaluation document
i. application of HCI principles choose 6-8 evaluation criteria. (uses at least 5 principles)( /5pts)
ii. quality of the questions ( /5 pts)
iii. use 1-5 evaluation style ( /2 pts)
iv. gives space for comments ( /2 pts)

b. The evaluations
i. three filled evaluations (/5 pts)
ii. summary of the findings of the evaluation( /5 pts)
iii. list of changes( /5 pts)
iv. justifications why certain recommendations have not be implemented (if there is) ( /3 pts) 35

HIFI Prototype
Interactive Mockup a. Consistency with lofi prototype ( /10 pts)
b. Incorporating feedback from evaluation ( /10 pts)
c. Completeness ( /10 pts)
d. Functionality and interactivity ( /15 pts)
e. Quality of graphics ( /5 pts)
50
Presentation Individual Q&A Each member has a part to explain about the whole project
(Phase I and Phase II).
a. Presentation ( /5 pts)
b. Answering Questions ( /10 points)

15
Total 100