ASSIGNMENT
MODULE NAME : USABILITY ENGINEERING
LEVEL : BACHELOR DEGREE
STUDENT’S NAME : H.B.C.VIRAJINI
EXAMINATION NO. : 53399
PROGRAMME : BICT
LEARNING CENTRE : BMI Campus , Kandy , Sri Lanka
INSTRUCTIONS TO STUDENT
1) Please answer ALL questions.
2) Plagiarism in all forms is forbidden. Students who submit plagiarised assignment will
be penalised.
3) References MUST be included and taken from reliable sources. Please use the
APA Referencing Style and cite your work appropriately.
4) Repeat fee per module Rs. 2,000/-
THERE ARE Type Page Numbers PAGES, EXCLUDING THIS PAGE.
DECLARATION BY STUDENT
I certify that this assignment is my own work and is in my own words. All sources have been
acknowledged and the content has not been previously submitted for assessment to Asia e
University or elsewhere. I also confirm that I have kept a copy of this assignment.
Signed: H.B.C virajini
Page |1
Contents
Question 1......................................................................................................................................2
Question 2......................................................................................................................................4
Question 3......................................................................................................................................5
Question 4......................................................................................................................................6
References....................................................................................................................................12
Page |2
Question 1
Here are five factors in website usability to help customers meet their needs.
1. Readability
2. Navigation
3. Responsiveness
4. Content organizations
5. Page loading speed
1. Readability
This factor is the important factor of websites content. Also the text can be easy to read,
appropriate font size and clear font. The bullet point can helping to break the text and it easier
to scan. The videos and images can help to easier to understand and making the content more
engaging.
2. Navigation
Navigation is the most important factor in website usability. Users also can find what there
are looking for easily and quickly. Navigation should be clear and consistent throughout the
website. A Best designed navigation system help users to what they want find information
and move to around the site easily.
3. Responsiveness
Nowadays people access website from a variety of electronic devices. As examples, desktop
computer, tablets and also smart phone. A responsive website ensures to users can access to
the website from any device.
4. Content organization
This factor is another important factor in usability. Also users can easily find the information
what they need quickly. The use of search functionality can help users to find the specific
information on the sites.
Page |3
5. Page loading speed
The slow loading sites can be frustrate, lead to users to abandon the site altogether. A website
load is also critical in website usability. A good optimized website should load quickly and
allowing user to access the content they need without delay.
Page |4
Question 2
Here are four basic elements to create visual designs for an e-commerce website.
1. Images and graphics
High quality graphics and images can help create a professional, engaging website. Using
images relevant to user brand and product. And also make sure they are optimizing for web
use to ensure pages loading time.
2. Color scheme
That is consistent with user brand and evokes the right emotions in user audience is crucial.
Also colors can affect a user perception of brand. And it’s important to choose colors that
create a positive user experience and convey the right massage.
3. Layout and white space
The layout of e commerce website should be easy to navigate. When use whit space it’s
create breathing room between element rooms. It’s also helping guide the user’s eye to
important details and information. The layout is responsive and working well on different
devices.
4. Typography
This element refers to font play and important role in the visual appeal of website and the
readability. Choosing fonts that are easy to read.
Page |5
Question 3
Here are five examples of the different interaction styles that can be applied to the web site to
make it more engaging for uses.
1. Drag and drop interaction
2. Hover interaction
3. Micro interaction
4. Scrolling interaction
5. Parallax scrolling interaction
1. Drag and drop interaction
This interaction refers to the ability to moving content around on a websites using a touch
screen or mouse. Drag and drop interaction can create a more immersive and engaging
experiences. This can be
Used to create interactive elements such as product configurator, quizzes or games.
2. Hover interaction
Hover interaction refers to the use of mouse hovering as a way to provide additional
information, reveal hidden content or to trigger animation. This interaction can also add and
element of interactivity to a website and engage with the content.
3. Micro interaction
This interaction refers to small and subtle interactions that occur when a user performs a
specific action on the website. This can be used to provide feedback to the user, create a
sense of delight or highlight important information.
4. Scrolling interaction
Scrolling interaction refers to the use of scrolling as a primary means of navigate a website.
This one can be used to create a story telling experience and particularly effective for long
form content. Scrolling interaction can keep users engaged and interested in the content.
Breaking up content in to sections, animations and using engaging visuals.
Page |6
5. Parallax scrolling interaction
This interaction refers to the use of multiple layers of content that move at different speeds as
the users scroll down the page. This interaction can be particularly effective for product show
cases, portfolio websites and storytelling. Also can be used to create a sense of motion and
depth, adding a dynamic element to the website.
Page |7
Question 4
a)
Here are five nielsen’s usability heuristics that are relevant to Facebook.
1. User control freedom
In this heuristic suggests that users can always ability to undo there are actions back to the
previous state without any significant consequences.
Also Facebook handles this well by provide and “undo and redo” feature for certain actions,
such as deleting comment and post.
(Figure 1)
1. Flexibility and efficiency of use
This heuristic refer the system should cater to both novice and expert users and allow to the
users to accomplish tasks quickly and efficiently.
Face book handles this well by providing shortcut keys. Also customize settings that allow
users to streamline their perform tasks and experience more efficiently.
Facebook’s simple interface allows novice users to easily navigate the platform.
(Figure 2)
Page |8
2. Visibility of system status
In this heuristic suggests that the system should keep the user informed about what happening
on through appropriate feedback within in a reasonable amount of time.
Example: the system should provide a clear indication that action can be completed
successfully.
Facebook Also handles this heuristic well and providing on time notifications and updates on
the users actions.
3. Error prevention
This is that the system should design in a way that prevents errors from occurring in the first
place.
Facebook handle this also well. It’s providing errors messages that are concise and clear.
It’s also helping users understand how to correct and what went wrong.
(Figure 3)
Page |9
4. Consistency and standards
This heuristic suggests the system should follow established conventions and standards to
ensure consistency and predictability.
Facebook handle this heuristic well by following established design patterns and also
adhering to platform specific guidelines across its mobile application and web.
(Figure 4)
P a g e | 10
b)
(Figure 5)
Usability engineering life cycle (UELC)
The usability engineering life cycle (UELC) is a user centered approach to software
development that focuses on evaluating and designing from the perspective of the end user.
The figure shows one version of the waterfall model of software development. As we can see,
the water fall model suggests a systematic, sequential approach to software development.
User analysis
Requirement analysis
Design
Implementation
Testing
Deployment
Maintenance
P a g e | 11
The usability engineering life cycle consists of several stages.
Including:
1. User analysis
This is the first stage of UELC. It is involves identifying the target of user group and their
characters and also they needs and requirements. In this information is obtained through user
surveys, observation and interviews.
2. Requirement analysis
The user requirements are translated into functional requirement for the software. This is also
prioritizing the requirement, scenarios and creating use cases.
3. Design
In this stage developer is designed the software interface. The design based on the functional
requirements. This supposed to creating wireframes, mockups and prototype.
4. Implementation
In this stage we can actually code the software.
5. Testing
In this stage also we can test software usability, functionality and performance and also
involve user testing, quality assurance and automated testing.
6. Deployment
In this stage we can release the software to the end user.
7. Maintenance
In this stage we can also maintain software, including bug fix and updates.
The UELC is a cyclical process; it’s also cycling with each stage building on the previous
one. The user is also at the center of the process. The design and implementation of the
software are driven by the user user’s requirement. As developers we can ensure that the
software we create is efficient, usable and effective for its intended audience.
P a g e | 12
References
1. BMI campus, sri lanka, usability engineering , kandy sri lanka
2. Nngroup.com ( 1998-2023)
http://www/nngroup.com
3. Wikipedia.com
http://www.wikipedia.org
4. Nngroup.com (1998-2023)
http://www.nngroup.com
5. Interaction design foundation
http://www.interaction-design.org
6. melsatar.blog (2012)
http://www.melsatar.blog
