UDV14193287 – Roland UDVARLAKI
23 – Human Computer Interaction
Contents
P3 - design input and output HCIs to meet given specifications ...........................................................2
Draft design for library:.......................................................................................................................2
Prototype for library: ..........................................................................................................................4
Prototype for shopping website: ........................................................................................................9
The home page in different screenshots: ........................................................................................11
Products website:..............................................................................................................................12
When clicked on a product: ..............................................................................................................13
P5 - test the HCIs created......................................................................................................................14
Library testplan .................................................................................................................................14
Fixing issues: ......................................................................................................................................15
1, Home Button .................................................................................................................................15
3, Navigation buttons: ......................................................................................................................16
Shopping website testplan ...............................................................................................................17
Fixing issues: ......................................................................................................................................19
2, Text Content, .................................................................................................................................19
5, Contact Us: ....................................................................................................................................19
HCI Survey .............................................................................................................................................21
(1,Library) ..............................................................................................................................................21
HCI Survey .............................................................................................................................................22
(2,Library) ..............................................................................................................................................22
HCI Survey .............................................................................................................................................23
(3,Library) ..............................................................................................................................................23
HCI Survey .............................................................................................................................................24
(1,Shopping Website)............................................................................................................................24
HCI Survey .............................................................................................................................................25
(2,Shopping website) ............................................................................................................................25
HCI Survey .............................................................................................................................................26
(3,Shopping website) ............................................................................................................................26
HCI 1 – Library website .....................................................................................................................27
HCI 2 – Shopping website .................................................................................................................27
M2 - explain the fundamental principles which have been applied to the designs ..........................28
M3 explain how the effectiveness of HCIs may be measured. ...........................................................29
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 1 of 35
,UDV14193287 – Roland UDVARLAKI
D2 evaluate the HCIs developed. .........................................................................................................31
-Introduction
In this assignment, I will be talking about the HCI’s I developed overall. I will be showing my
designs, prototypes, different annotations and different tests, surveys proving that my software
works according to my client’s needs.
P3 - design input and output HCIs to meet given
specifications
Draft design for library:
Logo having a simple design.
The MAP button would be placed next to it, directing the person to the maps page.
Each category would get its own button making it easy, simple and very basic to discover new
things.
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 2 of 35
,UDV14193287 – Roland UDVARLAKI
This is how a book’s page would look when the user would click on a book’s picture from the
category/explore section.
When a user would want to borrow a book from the library, this page would have the logo on top,
a back button in the middle top, and a support button on the right top corner. The form would
require users to be filled in fully, or partly.
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 3 of 35
, UDV14193287 – Roland UDVARLAKI
Prototype for library:
This is the home page for the library’s website. The user will have a choice to click on any of the
buttons shown above on the picture. Each categories will contain a hyperlink directing the user to
those categorie’s websites. Each button has a different colour indicating the theme/type of the
category, making it easier for users to spot their wanted/desired choices. The site will also contain
a map button, so if a user decides to discover the library, they’ll have a guide/mini map to help
them get to know where each section can be found.
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 4 of 35
23 – Human Computer Interaction
Contents
P3 - design input and output HCIs to meet given specifications ...........................................................2
Draft design for library:.......................................................................................................................2
Prototype for library: ..........................................................................................................................4
Prototype for shopping website: ........................................................................................................9
The home page in different screenshots: ........................................................................................11
Products website:..............................................................................................................................12
When clicked on a product: ..............................................................................................................13
P5 - test the HCIs created......................................................................................................................14
Library testplan .................................................................................................................................14
Fixing issues: ......................................................................................................................................15
1, Home Button .................................................................................................................................15
3, Navigation buttons: ......................................................................................................................16
Shopping website testplan ...............................................................................................................17
Fixing issues: ......................................................................................................................................19
2, Text Content, .................................................................................................................................19
5, Contact Us: ....................................................................................................................................19
HCI Survey .............................................................................................................................................21
(1,Library) ..............................................................................................................................................21
HCI Survey .............................................................................................................................................22
(2,Library) ..............................................................................................................................................22
HCI Survey .............................................................................................................................................23
(3,Library) ..............................................................................................................................................23
HCI Survey .............................................................................................................................................24
(1,Shopping Website)............................................................................................................................24
HCI Survey .............................................................................................................................................25
(2,Shopping website) ............................................................................................................................25
HCI Survey .............................................................................................................................................26
(3,Shopping website) ............................................................................................................................26
HCI 1 – Library website .....................................................................................................................27
HCI 2 – Shopping website .................................................................................................................27
M2 - explain the fundamental principles which have been applied to the designs ..........................28
M3 explain how the effectiveness of HCIs may be measured. ...........................................................29
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 1 of 35
,UDV14193287 – Roland UDVARLAKI
D2 evaluate the HCIs developed. .........................................................................................................31
-Introduction
In this assignment, I will be talking about the HCI’s I developed overall. I will be showing my
designs, prototypes, different annotations and different tests, surveys proving that my software
works according to my client’s needs.
P3 - design input and output HCIs to meet given
specifications
Draft design for library:
Logo having a simple design.
The MAP button would be placed next to it, directing the person to the maps page.
Each category would get its own button making it easy, simple and very basic to discover new
things.
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 2 of 35
,UDV14193287 – Roland UDVARLAKI
This is how a book’s page would look when the user would click on a book’s picture from the
category/explore section.
When a user would want to borrow a book from the library, this page would have the logo on top,
a back button in the middle top, and a support button on the right top corner. The form would
require users to be filled in fully, or partly.
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 3 of 35
, UDV14193287 – Roland UDVARLAKI
Prototype for library:
This is the home page for the library’s website. The user will have a choice to click on any of the
buttons shown above on the picture. Each categories will contain a hyperlink directing the user to
those categorie’s websites. Each button has a different colour indicating the theme/type of the
category, making it easier for users to spot their wanted/desired choices. The site will also contain
a map button, so if a user decides to discover the library, they’ll have a guide/mini map to help
them get to know where each section can be found.
Roland UDVARLAKI – Unit 23 – Assignment 3 – P3, P4, P5, P6, M2, M3, D2 – Page 4 of 35
