This document discusses the user interface of CCleaner, a utility program used to clean unwanted files and invalid Windows registry entries. It outlines several usability principles the CCleaner interface follows, including visibility, feedback, constraints, and consistency. Interactive elements like icons, progress bars, and dialog boxes are designed to be useful, efficient, learnable, and provide a satisfying user experience. The metaphorical icons and analogies between options help users understand the software's functions and instructions.

1. NAME ROLL #
HAFIZ FURQAN TAHIR B-18298
ABDUL REHMAN B-18758
KAMRAN KHAN B-18157
SYED SAAD QADEER B-17942

2.  INTRODUCTION TO SOFTWARE
 USER INTERFACE
 VISIBILITY
 VISIBILITY GOALS
 Utility, Efficiency , Learnability, Memorability.
 VISIBILITY PRINCIPLES
 Visibility, Feedback, Constraints, Mapping, Consistency.
 AFFORDANCE
 Virtual affordance
 USABLIRTY PRINCIPLES
 TOLERANCE
 STRUCTURE
 UX GOALS
 Satisfying , Engaging , Helpful
 Rewarding , Motivational , Emotional full filling
 METAPHOR & ANALOGIES
 INTERACTION TYPES
 Instructive
 Conversing
 References

3. Mid-term Software: CCleaner
Brief-introduction:
CCleaner (formerly Crap Cleaner), developed by Piriform, is a
utility program used to clean potentially unwanted files (including
temporary internet files, where malicious programs and code tend to
reside) and invalid Windows Registry entries from a computer.
Developers: Piriform.
CCleaner is our system optimization, privacy and cleaning tool. It
removes unused files from your system - allowing Windows to run
faster and freeing up valuable hard disk space. It also cleans traces of
your online activities such as your Internet history. Additionally it
contains a fully featured registry cleaner.
Operating system: Windows , Mac OS , ANDROID OS.
Initial release: 23 September 2003, 14 years ago.
License-Type: Freemium.

5.  UTILITY (provide useful small utilities)
 EFFICIENCY (interactive design)
 LEARNABILITY (icons make it easy to learn)
 MEMORABILITY (metaphor icons make them easy to memorize)

6.  VISIBILITY (control pane, push buttons , arrow keys, menu bar)
 FEEDBACK (Clickable icons perform an action)
 CONSTRAINTS (Restricted icons prevents user for harmful actions)
 MAPPING (Scroll bar, arrow keys, line b/w icons, context menu)
 CONSISTENCY (Update buttons is present throughout the entire UI)

7.  Connection A
 Connection B
 A line b/w two icons & highlighted
icon make it understand that these
two icons are interactive.
 Two windows icons & a color bar on
the top, makes two menus clearly
understand.
 Checkboxes & restricted
checkboxes makes it clear that it
can be checked or unchecked (few
necessary options are checked by
default, and advance options are
disabled by default).
 Scroll bar & arrow keys tells that it
can be moved or used to move it

8.  PREVENTING ERROR
Prevents user to make error by
Providing clearly mention option so
So nothing unusual happens
 RECOVERY:
A prompt will appear when
Critical option is selected so a
user can recover to the previous
state.

9.  USEFUL OBJECTS
Metaphor icon will tells about
the object what will the icon preform.
 PROPER PLACED THINGS
Icons are placed horizontally & well
aligned which will instantly clear what
options will be given.
 PUTTING THINGS TOGETHER
By putting related things together a user
will know what options will when he
select an option.

10.  USEFUL OBJECTS
By providing progress it makes
the user to be engaged throughout the
process.
 SATISFYING & HELPFUL
By providing check boxes & other
interactive buttons about current process ,
it satisfy the user that nothing unusual will
happed as everything is in his control

11.  REWARDING
Progress bar , percentage after
Progress and completion message will
Tells user about what is done so far.
 Motivational
A dialog of update will appear after
pressing the update button or icon it will
motivate the user to latest update of
product.
 EMOTIONAL FULLFILLING
By providing different selectable
options at different UI portions will
fullfill the user’s emotions.

12.  METAPHOR
Icons are picked from real life
environment which makes it easier
to understand which option will
perform desired action
 ANALOGY
By providing options name like
“settings & monitoring” will tells
the user which type of thing will be
offer after selecting it.

13.  INSTRUCTIVE
The way dialog appears after one
an other makes the software
instruction, so a user can give
command what to do next.

14.  Conversing
By providing additional dialog box
after pressing sensitive or
advanced option a will covey a
message to the user that what will
happen after this option enabled.

15. Heim, Steven. (2008). The Resonant Interface: HCI Foundations for Interaction Design.
Boston: Pearson Education, Inc.
Piriform. (2016). CCleaner. Retrieved on September 20, 2016, from
http://www.piriform.com/ccleaner
Nielsen, Jakob. (2005). Useit.com: Ten Usability Heuristics. Retrieved on September 27,
2016, from http://www.useit.com/papers/heuristic/heuristic_list.html
Dictionary.com. (2016). Ethics. Retrieved on September 30, 2016, from
http://dictionary.reference.com/browse/computer+ethics
Allaboutphilosophy.org. (2016). What are Work Ethics. Retrieved on October 4, 2016, from
http://www.allaboutphilosophy.org/what-are-work-ethics-faq.htm
Interaction-design.org. (2016). WIMP. Retrieved October 7, 2016, from
http://www.interaction-design.org/encyclopedia/wimp.html
The Future of Things. (2016). Magnets Power Haptic Computer Interaction. Retrieved
October 22, 2016, from http://thefutureofthings.com/news/1144/magnets-power-haptic-computer-
interface.html
Intechopen.com. (2016). Head-Tracking Haptic Computer Interface for the Blind. Retrieved
October 22, 2016, from http://www.intechopen.com/articles/show/title/head-tracking-haptic-
computer-interface-for-the-blind