DEVELOPMENT AND EVALUATION OF VISUAL USER INTERFACE FOR IUKL ONLINE LIBRARY

1. Mohammad Obydur Rahman
Matric :153915771 MIT
Supervisor
Dr Robiatul A'dawiah Jamaluddin

2. Presentation agenda
01. Introduction
02. Early Study & Problem Statements
03. Project Objective
04. Research Questions
05. Hypothesis
06. Significant of the study
07. Definition of Key Terms
08. Literature review
09. Research design
10. Research Approach
11. Population and Sample size
12. Data collection method
13. Research Instrument
14. Data analysis methods

3. Introduction
A digital library is a significant study
with a focused lot of digital objects
that can carry text, imaged data, audio
data, video data, reserved as electronic
media formats and some organization.
This project wants to develop a
new visual interface contributing
to fast navigation and
exploration in the online library
of IUKL.

4. Continue….
Collections of documents in SGML-HyTime
format(Standard Generalized Mark-up Language)
This information Comes from text documents, photos
or videos and is highly inter-related because online
library consists of a traditional boolean query system
according to the human interface.
 NOTE: we will analysis visual design and website interface of IUKL online library.

5. Why Digital Library???

6. Early Study & Problem Statements
The data from the initially read mirror that web
streamer ads trim the identified stability of a web
page's idea.
Research can be defined as a systematic investigation
into and study of materials and sources in order to
establish facts and reach new conclusions.
 Library Map
 Usability of IUKL online library has a static website
 Need clear aesthetic principles
 Content readability and usefulness
 Backup and recovery problem
 Search optimization

7. Project Objective
To analysis visual user interface design of IUKL online
library.
To develop a visual interface for IUKL online library.
To conduct prototype testing on the visual interface
design based on:
 Aesthetic design (Consistency, Alignment, Proximity,
Contrast, Hierarchy)
 Usability (Easy to learn, Innate scheme, Process
effectiveness, Satisfaction, and Momentousness)

8. Research Questions
• What is a visual user interface design of IUKl
online library describe?
• What is a visual interface for IUKL online library?
• What is prototype testing according to visual
interface design?
• What is the level of visual design aesthetic of
IUKL online library?
• What is the level of usability of IUKL online
library?

9. Hypothesis
• Visual design is the primary level than user interface design.
• Performance of visual interface is unsatisfied with IUKl online
library.
• Prototype testing according to visual interface design is very
poor.
• I predict that visual design and aesthetic will be significantly
related.
• The level of usability is low performances on a test.

10. Significant of the study
 The online library is one of the major pillars of a
knowledge-based library and one of the most
important applications of a basic information and
communication technology.
 There are indicate the impact of library services,
collections, facilities, and staff on user experiences and
perceptions.
 Libraries participating in IUKL online library survey
organize, staff and conduct user studies differently.

11. DEFINITION OF KEY TERMS
Visual Design
 The visual design of a successful portal is one with a fun
name, colourful backgrounds, large fonts, graphics and
animation, recognizable characters, suitable vocabulary, well-
laid-out screens while visual design as a field are both UI
design and graphic design.
Usability Design
 According to the dictionally, A design characteristic
pertaining to the ease with which people can employ tools
and processes to perform goal-related tasks.
 Included in the characteristics are elements such as ease of
learning, recall, satisfaction, and efficiency. on the other
hand, the test will utilize Tobii Technology's eye-tracking
technology, designed to test the usability of smartphones
and tablet devices

12. Continue….
Online Library
• Library is one of the most vital role for archiving good
knowledge throughout the whole world either Library or
online library.
• According to the dictionally, Includes not only the terminology
of the various specializations within library science and
information studies but also the vocabulary of publishing,
printing, binding, the book trade, graphic arts, book history,
literature, bibliography, telecommunications like radio, and
computer science.

13. Continue….
Readability and usefulness
• From the dictionally, the quality of written language that
makes it easy to read and understand. Testing the
readability of text in an online environment is important
in the maintenance and optimization process for
managing and offering quality content.
• usefulness: the quality of having utility and especially
practical worth or applicability for example the well-
known usefulness of thick phone books as seat boosters
for short diners

14. Literature Review
Visual Design
 The visual design focuses on the aesthetics of a site and its related materials by
strategically implementing images, colors, lines, forms, contrasts, fonts, and other.
 A successful visual design does not take away from the content on the page or
function while being a designer is often about observing all things clever and
beautiful. There are some visual design principles in the following way.
• Alignment: Aligning components permits them to accordingly make a matter of
optic society with each other.
• Colour and Texture: Colours produce profoundness and show the difference in
helping the dimension of design. however, Textures are a passionately recognizable
draw and give patterns to present a real experience.
• Balance: Balance is the psychiatric sanity of rhythm. It places the parts in a beautiful
design.
• Harmony: Harmony describes that each particle of the picture communicates and
complements one another.
• Dimensional Graphic: 2 or 3-dimensional creations communicate mass and volume.

15. Continue….
Usability Design
 Usability form is all almost practicality fitness and the execute
relief of the ultimate consumer moment handling is not a singular
seeming quality of the graphical user interface but a merge of
many.
• Easy to learn: A user who has not in any way seen the UI back can
nevertheless surely reach the desired task.
• Innate scheme: Simple empathetic and steering of the map of the
UI.
• Process effectiveness: The original adventure of the user as he
produces his tasks with amazing ease and comfort.
• Satisfaction: Having a satisfactory reality of the UI boating from a
user’s moment of view.
• Momentousness: A user need not guess too many almost the
yachting when accepting the UI.

16. Continue….
Static Website Dynamic Website
Less functional website Much more functional website
Difficult to update Easy to update
Less expensive High expensive
Good for small company Good for big company
Using code HTML5 CSS3 Using code HTML5 CSS3 PHP MYSQL
Site not as useful for the user Site is useful for the user

17. METHODOLOGY
Research Design
According to the phrasebook "provides the glue that holds
the research project together. A design is used to structure
the research, to show how all of the major parts of the
research project work together to try to address the central
research questions."
while A detailed outline of how an investigation will take
place.a research design will typically include how data is
to be collected, what instruments will be employed,
how the instruments will be used and the intended
means for analyzing data collected.

18. Continue….
Research Approach
 The analyze questions stiff over suggest a need for study analogous the
outstanding concepts of operation modeling as a analyze sphere.
 A dependent probe manner stationed on observations, cite studies and
interviews hired from actuality modeling projects are vindicate on the side of
meet the scrutinize objectives. Research approach have three types
 Deductive analyze the approach
 Inductive analyze the approach
 Abductive analyze the approach
The applicability of hypotheses to the read is the main original limit in the midst of
deliberate and exploratory approaches. Deductive way tests the substance of
assumptions enjoyed, insomuch as prior way begin the evolution of new theories
and hypothesis. Abductive analyze, variously, starts with ‘sudden numbers’ or
‘puzzles’ and the analyze movement observe their explanation.

19. Instrumentation
 Data collection instruments scan devices used to
secure data such as questionnaires, tests, set up
interview schedules and checklists.
 However, The researcher has designed a special
questionnaire to resolve the objectives of the study as
a tool to collect data to responsibility the objectives of
the study.
 The questionnaire is divided into few categories with
each category tackles part of the hypotheses of the
study.

20. Continue….
Answer Strongly Disagree Disagree Somewhat Disagree Somewhat Agree Agree Strongly Disagree
Weight 1 2 3 4 5 6

21. Data collection method
 This study will be conducted by depending on two
information sources:
• Data collected from secondary sources: The information
will be collected from local and foreign studies, books,
articles, and researchers from the Internet.
• Data collected from primary sources: Through an online
questionnaire that was designed for the purpose of
testing the hypotheses, which will be intended to the
online library.

22. Question & Answer

23. BYE BYE