HUMAN COMPUTER INTERACTION

SCSV 2113

Norzulaika Binti Kamarulzaman (SX111954CJF04)

Muhammad Hafiz Bin Kamaruzaman (SX132543CSJF04)

Romnic Bin Razali (SX132548CSJF04)

Shelidatul Baizura Binti Sarbini (SX122656CSVF04)

GROUP MEMBERS

LECTURER’S NAME: NIK ISROSZAIDI

GROUP NAME: THINKERMAKERHCI SECTION: 01

INTRODUCTION

This tasks are consists of our group members that have to work together in order to finish this

project. The tasks that we must do are Muhammad Hafiz Bin Kamaruzaman will be the project

manager, Norzulaika Binti Kamarulzaman is the project developer, Romnic Bin Razali hold the role

as software engineer, Shelidatul Baizura Binti Sarbini take the position of product designer. We

decided upon these roles through reviewing our strengths and experience at past and believe that

this division of roles and strengths will help us be successful.

PROBLEM STATEMENT

Consumers in Malaysia are still low in making price comparisons while shopping. This causes users

tend to pay at a higher price, and sometimes the price paid is at an unreasonable rate because the

prices of goods that are beyond the control of the government are usually set by each shopping

center. The shopping center is more concerned about profit rather than the matters that relate to

the welfare of the users. Moreover, the prices will continue to rise sharply when there is a shortage

of goods, especially during the festive season because the demand exceeds the supply available in

the market at that time.

USERS

After we observe and consider the current issues, atmosphere and surrounding, We think that all of

the citizens in Malaysia should use our application, especially when Goods and Services Tax (GST)

will be implemented in April, 2015.

PESONA

SITI SALEHA

21 years old, student

Second years in Universiti Teknologi Malaysia

Originally from Kuala Lumpur

Always shopping goods at the supermarket

Always surveying goods price when shopping

Think twice before buying some goods

FATIMAH

Mother

48 years old, fulltime housewife

Unskilled in the use of smartphones and mobile applications

Always shopping goods at the supermarket

Responsible to make monthly expenses for groceries

BALQIS

35 years old

Is a software engineer

A fussy user

Like to go shopping but had problem with time

Spend her time on weekend only for shopping

Many people makes uncomfortable for shopping

ADAM

Pro bodybuilders / fitness trainer

27 Years old

Diet will be biggest challenge for him

Often to go to supermarket buying food

Problem comes out when comparing price will take more time and budget

Solution

Our group decided to make an app that can help people to make price comparisons. We give the

name of the app as ‘Supermarket Price Comparison System (SPCSystem). This app can help users to

compare prices of products from supermarkets with hypermarkets and users can sort price by

highest to lowest. In addition, the app will provide all product information from the current date

and time. This app will make it easier for people to find the price of their products and can also be

accessed from anywhere and everywhere.

Task scenarios

1. Sign Up

Balqis is a fussy user and a software engineer. She is always experienced that most of the

applications she download need to sign up before she can use it and most of the application need a

lot of information to enter. She thinks that it would be easier if she can sign up or register an

application by using username or email and password. As a result, she can use the application faster

2. Sign In

Balqis who like to go shopping and always spend her time on weekends only for shopping had time

constraints to do that because she has a hectic schedule on her job. She thinks that it would be

easier for her to access the application by using registered username or email address and password

3. Product Search

Siti Saleha is a second year student at Universiti Teknologi Malaysia and originally from Kuala

Lumpur. She is always shopping, groceries or goods at the supermarket rather than grocery store or

ordinary store because the price of supermarket is much more less than those places. She has a

tight budget every month to spend. As a student, she must thrifty for every money she spends out,

especially for foods.

She has been very responsible by staying under budget, but she often finds that the cheapest items

are difficult to find at supermarket that she always visited. When she makes a budget, especially for

food, she finds out that every supermarket has different price, but the type of product and the

details is the same. Due to that matter, she always thinks twice before buying some goods.

Siti Saleha then think that it would be awesome if she could use a mobile application that would

permit her to find all of the groceries or goods that she need at the lowest price at the supermarket

that she always visited. As a result, she can make an accurate budget for her monthly expenses.

4. User Account

Balqis is a fussy user. She is always experienced that all application account is not friendly use and

sometimes difficult to use. Balqis consider that it would be more secure if she can change her

account password. She also thinks that it would be great if she can update her profile picture,

biodata and email address on her account. Moreover, she also considers a simple interface of

application account.

5. Sorting the price

Adam is a professional body builder and he is 27 years old. Diet is the biggest challenge for him

as his work as a fitness trainer. He often goes to supermarket buying food, especially healthy

food, but he has a problem when comparing price. He will take more time to compare price

based on his budget. He thinks that it would be easier for him if he can get an application that

can control the price view the lowest price and the highest price.

6. Help to guide

Fatimah is a mother which has 4 children. She is 48 years old and a full-time housewife. She

has a lot of leisure time at home after providing all of the daily needs of her family. She is

responsible to make monthly expenses for groceries of her family. To make an accurate budget,

she needs to surf on the internet to get an information about the groceries price, but she is

unskilled of using the smartphones or mobile applications.

Fatimah then thinks that it would be awesome if she could use a mobile application that can

guide her when searching for the groceries that she need at the lowest price at the supermarket

that she always visited. As a result, she can make a monthly budget more easily without the

help of her 12 year-old son

Task

For the task, user need to try out our device in order to understand.

1. Sign Up GOAL: Sign up identity information .

2. Sign In GOAL: Using own ID to access the (SPC SYSTEM).

3. Product Search Goal: To search the product and compare the price based on selected

supermarket

4. Sorting the Price Goal : To help user by sorting item from the lowest to the highest price

5. User Account Goal: To update bio-data, email address and profile picture.

6. Help to guide Goal: To give user information about SPC system and guide them when using

our application by giving link to SPC website for more information

CONSEPTUAL DESIGN:

The figure below show the flow in our conceptual design which include all the task that user can

fulfill when using the application

DESIGN: For our first design uses four main menus on the homepage. We will improve another menu from time to time.

1. Sign Up

2. Sign In

3. Homepage

4. Product Search

5. User Account

6. Sorting the price

7. Help for Guide

PAPER PROTOTYPING

This is our paper prototyping part for easier to look closer user how to use this SPC. This section including the interface design before the user testing, what happening in our paper prototype testing and contains several parts which have sign up, sign in, product search, user account, price sorting, and help for the guide. i. SIGN UP ii. SIGN IN

iii. PRODUCT SEARCH

iV. USER ACCOUNT

V. PRICE SORTING

Vi. HELP FOR GUIDE

EVALUTION

From our surver, we found that;

1. Visibility of system status

The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

2. Match between system and the real world

The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

3. User control and freedom

Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

4. Consistency and standards

Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

5. Error prevention

Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

6. Recognition rather than recall

Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

7. Flexibility and efficiency of use

Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

8. Aesthetic and minimalist design

Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

9. Help users recognize, diagnose, and recover from errors

Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

10. Help and documentation

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

This study made by 30 respondents comprised 12 women and 18 men aged from 20 years to 44 years. In this study we found that respondents aged 25-29 years old and most are comprised of students who use this android application which is 40 % more than other 26.7 %.

In this table, 53.3 % agreed android application allows to start using simple content and 46.7 % strongly agreed. While for full display 50 % agree and 50 % strongly agree. In conclusion, this means Android applications very easily used by all generations.

56.7% agree and 43.3% strongly agree navigation menu can help user, while option available facilities

navigation 53.3% agree and 46.7% strongly agree.

Overall, users agree with this android interface to use while there are some user may not agree because sometimes it did not reach the level of willingness user. REFLECTIONS According to our projects that we have completed, we have learn many things from it . For example , in developing team building skills are important for learning benefits process and our progress in this project . It is not always easy to develop an effective team, so full commitment is very important to work as a group. Our team will be making frequent discussions with when we have nothing tasks that have been given by our lecturers. In each meeting and discussion, we share our ideas and our understand about a given task so this partnership every idea will help us to achieve the best results. The main benefits of working in a team is that we facilitate and enhance our own understanding of projects. In the design process, we have a list of all our ideas and knowledge of how to design the interface for our project , and then we chose the best idea to take it into implementation process .In addition, we also discover and learn how to make real prototype computer using the supplied software like Interface . Next, analyzation methods and processes rather it is important to ascertain whether the application of Android, this is really accepted among the various types of users. Finally, from assessment we will try to improve our SPS application in future.