Design and Usability of Pizza Online, Pizza Hut, Domino's and Hell Pizza Websites

This document discusses the design and usability of Pizza Online, Pizza Hut, Domino's and Hell Pizza websites. It covers the target users, goals, activities and tasks of each website, as well as the principles of design used in each website.

SOLUTIONS.
Solution 1.
a. Skills required are Requirement engineer they identify needs and establishing requirements. Interactive
designers they create interactive products on the system, Usability engineer they have skills of evaluating
products, web designers they create designs of websites for example layouts, content, logos and flies.
Mobile developer this development mobile applications using different programming language. Web
developer create web based application. Software architects they transfers ideas into models or structures.
They create different diagrams of soft wares.
User experience designers they carry out field studies of informing design of the products.
b. The following are type of interaction and they include:
The smart basket system enable customers to use their credit cards to take a basket and start shopping.
Automatically identify, adding item to the customer’s shopping cart and charging credit card.
c. The following are technologies that facilitate interaction.
Virtual reality (virtual agents), embedded systems (automated buying robots) web based and mobile
based technologies.
d. Successful scenario: Customer shops items using the credit card.
Unsuccessful scenario: Customer fails to shop items due to invalid credit card.
e. Pros of the system.
Customers shops extremely rapidly and spend less time during shopping because a system is automated.
Novices’ customers can learn the basic functionalities of the system quickly because they are few, clear,
and easy to learn and understand steps or instructions for someone to shop.
Multiple items are shopped due to automation where items are picked automatically.
Cons of system.
In case a sensor does not sense or read an item the item cannot be shopped.
In case someone forgets Credit card shopping cannot take place.
Misunderstandings can arise when the system does not interpret the details on credit card.
f. Examples of business interested in using something like smart baskets they include Vending machine
example Ticket machine, E-commerce systems example Alibaba and Amazon and VCRs.
Solution 2.
Part 1.
Part 2.
Part 3.

Part 4.
a) According to Preece, Rogers and Sharp (2016) explained that a mobile device usability goals would be
easy to learn, effective, efficient, easy to use, fun and entertaining.
b) According to Preece, Rogers, and Sharp(2016) explained that a video and computer conferencing system
usability goals would be easy to use, effective, easy to learn, rewarding and motivating.
c) According to Preece, Rogers, and Sharp. (2016) explained that an internet application usability goals
should easy to use, need to be safe and remember how to use, efficient and effective.

Solution 3.
Part 1.
a. Target users of Pizza online are: Pizza customer, delivery staff, System administrator and pizza shop
owner.
b. The table below showing target users of pizzaonline, their goals, activities and tasks.
Target User Goals Activities Tasks
Customer. To purchase pizza. Ordering pizza,
Registering on pizza
online, Receiving
pizzas,
According to Pizza
online Case Study,
“Customer searches
for items to purchase,
adds items one at a
time to a shopping
cart and searches for
more item”.
Customer selects
items they want and
provides a delivery
address.
Customer provides
credit card if they do
not pay with cash.
Customer specify
delivery time.
According to
Pizza online Case
Study, “Customer
submits written
reviews of items they
have purchased and
assign them star
rating on a scale of 1
to 5”.
Customer browse
history of order they
have placed.
System
Administrator. To make sure the
system is operating
well and put in place
practice of data
policies of the
organization, like
backups, recovery,
integrity, security,
availability,
performance and
testing support.
Maintaining the
system.
Updating the system. According to
Pizza online Case
Study , “ System
Administrator Adds,
removes, or edits
items (pizzas, drinks,)
in the system”
According to
pizaaonline case
study, “System

Administrator adds,
removes or edits a
delivery person’s
name in the system”.
Delivery staff To facilitate
dispatching delivery
jobs.
Delivering pizzas. According to
pizaaonline case
study, “the delivery
person at the front of
the queue picks up a
job from the list for
delivery”.
pizza shop owner To launch an online
system called Pizza
online
Selling Pizzas.
According to
pizaaonline case
study, “the pizza
online system keeps a
queue of available
delivery people and
show them a list of
the current delivery
jobs”.
c. False goal to make sure the system is operating well, corporate goals to launch system which will easy
customers truncations thus increasing sales. Practical goal handling customer’s orders.
d. The New system avails to customers with a variety of items in different size (Small, medium, and
large) and they selects items of their choice.
New systems allows Customers to purchases pizza from their homes or work places and pizza is delivered
to them at their preferred time as compared to old system where a customer had to move to pizza shop.
New system show or display type of pizza some information including its name, a photo, its ingredients
and the price.
e. UCD methodology is suitable.UCD focuses on targeted users and their tasks .It is good when you involve
during collection requirement, analyzing recommends, designing, implementation, evaluation and
deployment by studying cognitive, behavioral, anthropomorphic and attitudinal characteristics.UCD can
also be used as a tool to collect requirement and know what customer want and need to be improved on.
Part 2.
a. According to Peter (2017) started that during designing Corporate and practical goal are to be
implemented. Personal goals include customers enjoy viewing images of different hotels. False goals
examples includes Authenticating customer details, application running normally ,ensuring security
properties confidentiality of price from customers, Integrity of products not change for cheaper one and
Non-repudiation and Customer false fully complain .Corporate goals examples provide metasearch
services for booking, launch application, increase on number of people who book hotel and help customer
to easy get hotel. Practical goal example include customers book preferred hotels.
b. Yes, Tringo systems has Search box and history list is designed to optimize memory processes.

Solution 4.
Part 1.
a. The interface of Pizza hut website is easy to learn how to operate and to remember how to use after being
learned due to the graphical representation of some features (pizza, select store, order now, drinks, Dive
right in or sign in to re-order,) that makes them obvious and straight forward. It has catch names and
images of pizza, uses perceptual boundaries, color to capture customers’ attention and price of each pizza
is attached making it easier to buy. Select and buy icons are very visible. The screenshot of Pizza hut
website is Figure 1.
Domino’s pizza website layout is well arranged, has yellow color which attracts customer. The websites
also offer free swirl with every pizza these can attracts many customer because of free swirl and this
increases sales. They have special offers for customers .Information is written in white Text which is
legible and Icons are easy to distinguish and read. Domino’s pizza website has Bordering and spacing
which are effective visual ways of grouping information. Domino’s pizza website has search field where
customer enters postcode or suburb for delivery agent .The Domino’s pizza website information are
grouped into vertical categories of information making it easier to access. The Domino’s pizza websites
menus of “ Our menu”, “Special offers”, “Store finder”, “Domino’s Instagift”, “Domino’s Franchise”,
“Inside Domino’s”, Delivery and Pick Up enable customers to easily distinguish their meaning. Icons of
Delivery, Pick up, store menu and Store offers are visible and clear to view. Store menu is painted color
blue and Store offer painted color red to distinguish each other. Domino’s pizza website has visible
buttons (Delivery, order now Pick up, store menu and Store) to click and navigate to preferred action. The
screenshot of Domino’s website is Figure 2.
Hell pizza has scary name of hell and images of Satan this is unattractive. Hell pizza website has feedback
icon when a user clicks on it information is sent back to the user about what has been done. Hell pizza has
sound, highlighting, animation which capture user attention. Sounds are audible and distinguishable. The
screenshot of Hell pizza website is Figure 3.
b. According to Gkogka (2018) stated that figure-ground principle is very important during design. Pizza hut
website’s homepage has a lot content and according the figure-ground principle, the center of interest are
images of pizzas which sits on brown background.
Pizza hut website uses the similarity principle. Pizza hut website use it to differentiate sections. Without
delay you can see that the icon ORDER NOW, SELECT STORE, GET STARTED and SIGN IN uses red
color to distinguish other icon and they use white color for text description of pizza. Pizza hut website
also use the color red to distinguish links from regular text.

Pizza hut website use the focal point principle it has appetizing image of pizza which looks
delicious ,well decorate and spiced with different spices this attracts eyes of customer to order or click to
know more about it.
When you click on pizza page it uses the “common region principle” it differentiate each pizza by image,
price and text content from all the other pizzas. It also use figure ground principle from the image of pizza
one can see it is sited on a brown back ground.
When you check in radio box on order for delivery on “LET’S GET STARTED” it takes to order for
delivery address page this pages use for figure ground principle text are sited on grey back ground.
Delivery address page also uses the similarity principle. Delivery page uses three different color white,
yellow and red to distinguish texts of description.
When you check in radio box on order for delivery “LET’S GET STARTED” it takes to order for “PICK
UP PAGE”. This page uses the focal point principle this draw eyes of customer of pizza to the map
generate on the body of the page about the address. “ORDER FOR PICK UP” page uses figure-ground
principle map and text descriptions are sited on grey background.
Figure 1 below showing the image home page of PIZZA Hut website.
This image above shows the Pizzahut’s Home page website design by pizzahut. (2015).Image
screenshotted from: https://www.pizzahut.co.nz/home .on 3/6/2019 at 3:00pm.
Domino’s website was designed using “the figure-ground principle” .The homepage has different menus,
text, search form and the logo of Domino’s on the top side of the website are sitting on top of dark brown
background . The white text in the body of “special offer”, “find your nearest store”, “Enter your post

code “, “inside Domino’s New Zealand “and blue search button sits on top of the brown background. The
texts of “Upgrade to a chocolate swirl” and “cream,” ” $4.99*Each”, “$1*Extra “and “$2.99*Each” “sits
on background image of pizza. When you click on delivery it takes you to a page which has Delivery
details form. Delivery page designed using “the similarity principle” .Similarity principle is used to
differentiate sections. You can see that the dark brown part at the top has different functionalities a
different compared to the black part at the bottom.
Delivery details page uses color red to differentiate links from normal texts for example “NEXT”icon and
“BACK”are color red. It also uses figure ground principle delivery detail form is sited on brown
background and telephone number is sited on black background. Stock finder page uses “the common
region principle” to differentiate each store name, location and opening hours from other stores. Delivery
details page uses the similarity principle use color blue on Delivery and Menu icons and uses color red on
pick up and store offers icon to distinguish them. Delivery page also uses figure ground principle because
all the details about store are sited on brown background.
When search for the store it generate for you the search result on a new page use figure ground because
the result details are on brown background. It is uses focal point principle also the results are in color red
to attract the customer.
Ordering online page uses common region principle to distinguish quick delivery, Delivery and Pick up
with color green, red and blue from each other. It uses figure ground principle because orders are sited on
brown background.

Figure 2 below showing the image home page of DOMINOS website.
This image above Shows the Domino’s Home page website design by Domino’s Pizza,Inc(2015).Image
screenshotted from: https://www.dominos.co.nz/ .on 3/6/2019 at 15:30.
Hell pizza websites use closure principle. The picture in the center or body of Hell pizza websites
you are likely to see ahead of Buffalo with only head and you develop urge to create or see a full
buffalo. On the right center it has also skeleton of a human being with red flame on its ears and
head having a button order now below it. Hell pizza website was designed using the “focal point
principle” and the “figure-ground principle”. The focal point principle makes eye to pay attention
to the skeleton and “Red Order Here button” .Order page uses the figure-ground principle the
page has different menus, PIZZA,ANTIPIZZA,SIDES SALAD,AMBROSIA,DRINKS ,
VEGAN ,texts ACCOUNT FORM all are sitting on top of the black background . On the order
page of Hell pizza websites was designed using the “common region principle”. Common region
principle is used to differentiate each “THE BEAST PIZZA” including images, title and text
content. Every THE BEAST PIZZA is in a circle diagram. Hell pizza websites was designed
using the “similarity principle” on the order page. The order page uses red color to differentiate
links from regular text. When you click on button Satan it take you to Satan little helper page this
page uses the similarity principle. Satan little helper page uses it to differentiate different parts.
The dark brown part at the top has different functionalities from the black part. On this page uses
focal point principle where you can see a cartoon holding a page written with both white and
black colors sitting on red back ground. Satan little helper page uses figure ground principle it has
a log and two children holding their hands all sitting on a dark brown background. The Pizza
page on Hell pizza websites uses figure ground principle. The “THE BEAST PIZZA, Menu and
Account are sited on dark ground.

Figure 3 below showing home page of Hell website.
The image above Shows the Hell pizza’s Home page website design by hellpizza (2019).Image
screenshotted from https://hellpizza.com/.on 3/6/2019 at 4:00pm.
Part 2.
a. According to Hampton (2018) stated that when content of website sits on any background it obeys figure-
ground principle. The LED Prägnanz (figure-ground) principle the moving message is moving on a black
background.

b. According to Haina( 2016) states that the Facebook post applied the common region principle it is used in
to show that the views, likes, comments and socializations of people which related to a particular post
and not the other posts around.
References.
Preece, J, Rogers, Y and Sharp, H. (2002).Interaction design: beyond human- computer interaction (5th
Ed).Pearson.
Peter, E. (2017).The User as a personality. Using Personas as a tool for design. Position paper for the
course workshop “Theoretical perspectives in
Human-Computer Interaction”.
Hampton, S, S. (2018-12-11T10:00:57Z). The designer's guide to Gestalt Theory. Retrieved from
https://www.creativebloq.com/graphic-design/gestalt-theory-10134960 on 3/5/2019.
Haina, B. (September 13, 2016).The Gestalt Principles of Design: the most important lesson for all
designer. Retrieved from http://www.graphic design.com/Gestalt Principles of Graphic Design on
3/5/2019.
Gkogka, E. (Jan 16, 2018).Gestalt principles in UI design. How to become a master manipulator of Visual
Communication.
Trivago. (2019) .Find your ideal hotel and compare prices from different websites Retrieved
from.https://www.trivago.com/.
Trivago website. (2019). Home page .Retrieved from.https://www.trivago.co.nz/.
Pizzahut website. (2018). Home page. Retrieved from.https://www.pizzahut.co.nz/home.
Dominos’s Pizza Enterprises Ltd. (2015). Home page .Retrieved from.https://www.dominos.co.nz/.
Hell Pizza website. (2019).Home page. Retrieved from https://hellpizza.com/.