KF6034 Object Oriented Web Programming: Usability and Interface

This report assesses the usability and interface design of a music streaming service called Music Core, built using PHP. It discusses usability principles, including ease of use, efficiency, and error recovery, and provides recommendations for improving website usability, such as optimizing layout, site speed, and mobile responsiveness. The report also delves into user interface design, emphasizing simplicity, consistency, clear communication, and thoughtful page layout. Key aspects include using color and typography effectively and providing users with system feedback. The report concludes by highlighting the importance of a well-designed interface for user satisfaction and success, suggesting improvements like better navigation, design elements, and communication between the user and the computer.

Object Oriented and Web Programming

Table of Contents
1. Introduction..................................................................................................................................2
2. Usability.......................................................................................................................................2
3. Interface Design...........................................................................................................................3
4. Recommendations........................................................................................................................4
Usability in websites....................................................................................................................4
The process of getting websites with better interface design.......................................................5
5. Conclusion...................................................................................................................................7
6. References....................................................................................................................................7

1. Introduction
Music Core is a music streaming service which has more than 100 million of music is
built using PHP server-side scripting language. It services Indian as well as international musical
content. It features 30 major languages of India. The songs are classified based on the genre and
title track of various types. The customer assured with a personalized experience of music when
they login into the page. The main page of Music core has details on the list of songs. The
information about the lyric writer, musician, etc is displayed when a song is chosen by the user.
The playlist created as an XML file by the user saves the music they added to that playlist. This
saves time for searching for the same song (Agarwal, 2018). The playlist has a facility to
retrieve, add and delete songs on the My SQL relational database. Whenever a playlist is created
and the song is added or deleted the SQL creates or removes a new table or row for the particular
song. The songs can be purchased on the Amazon.in and hear the song offline anywhere. And it
provides additional features like advertisement free songs, songs with improved quality and
downloads.
2. Usability
The Usability is defined as the ease of the product by which the software and applications
of Web are used to succeed the goals. With the using of usability, we can achieve the level of
complexity. If the product is considered as a good product i.e. it is learning to be easy and
satisfies the product to uses. If the product is full filled by the customers then it is in the correct
speed and the training are must need to use the program (Brown, 2012). And also it denotes that
the materials and the change the recovery of errors, and has the capacity to meet the users.
Usability testing is also referred to as the user of the product are too involved in the given
work that measures as a task-time, Ease-of-use in product and the user had an experience.
To improve the Website's Usability
 We can deduce the time by loading the page.
 Use the heading and sub-headings to the content

 The Navigation layout is to be in familiar.
 The sites are crossed to maintain instability.
 The Sites are to be in responsive.
 A key feature is highlighted.
 Visitors are considered that we are visiting from the tablets, mobile phones, and laptops
(Uimonen, 2017).
3. Interface Design
User Interface Design expects on what users want to do and making out that they are easy
to work, intercept, and use to make those activities. It also used to take over the concepts from
the expected design, visual design and information architecture. The main work of this UI is to
allow a user to successfully control a computer or machine they are working with, and for the
report to be received in order to interact with successful completion of tasks.
The technique of achieving the user interface on this website:
Simple interface
The user doesn't get a clear interface. While using the language they should be clear and
they should use the labels in messaging and they should avoid the unwanted elements.
Generating stability and using the usual User interface elements
To achieve the expected target easier and quicker by using the familiar terms or elements
in the user interface. To promote the efficiency it is very important to create patterns in language,
outline, and overview the site fully. Once the users know how to do something, they should need
to convey that skill to other parts of the site (Chen and Soo, 2018).
Determine the page layout
Depending upon the importance of the spatial relationship between the elements on the
page and the design on the page. Vigilant arrangement of the elements that enable to do the
scanning and readability.

Program using the color and texture
The concentration can be direct or indirect from the elements using color, light, contrast,
and texture to your advantage.
To generate the hierarchy and clarity typography is used
Typeface creation is learned. Various types of sizes, fonts, and arrangement of the text
promote the scan ability, legibility, and readability.
The communication of the system is most important
The information to the users such as location, change in state action or errors. To inform
about the status they use various UI elements if it needs the next process that can reduce the
frustration for your user. Think about the goals that make the people bring for the site and also
think about the defaults that can decrease the burden of the user (GARCIA MENDOZA and
MARASINGHE, 2015). When it comes from the design where you must have an opportunity to
have some fields chosen a beginning or noticed.
4. Recommendations
Usability in websites
1. Develop the layout for best results
The plan of the better Organizational are to ease to navigate and the better customer and
experience to gain for the website. The apparatus re involved in the Crazy Egg for providing the
heat map and exhibit a suitable schema for the elements in the page.
2. Upgrade the site speed for the position of CDN
The page elements are to re-arrange the content and many loads that are to be in the site
on mobile devices. The tricks are applied on the website to reduce the size of the file Gzip
compression, the image size are developed and reduce the script size.

3. Adaptation of Mobile Optimized Design
The essential to succeed the websites, sites are adapted in Web templates. The issues are
in textual experience in the program (Hagen, 2015).
4. Usage of Effectual Navigation
The most difficult one in the website is too visible on mobile browsers for the function of
the navigation. The main menus and bars are producing the entire involvement to make useful
information. The site is listed in 37 menus to navigate the bars and to improve the user to
improve the users.
5. Thinking on Design Angles-Make use of fonts, better color schemes and elements for
designing
For a better response on the website visual impression is a great factor in usage.
Color scheme: The primary principle for the color schemes is on the psychology of color
but the code bits have to be recollected and with the larger complexity the loading time
increases.
Fonts for design: The font you choose the shows the personality of the website and its
font depends on the website. Usage of the fonts with a professional look on the kid's site will
make trouble and vice versa. The Railway san serif font that is elegant and stylish that adds the
feature of sophistication to the Archie Wilkinson website (Klug, 2017).
Elements for design: The information and elements for design such as a third-party
widget, images in HD take a longer time for a load that makes distraction from the theme and
with more information. It is least effective in an unwelcoming way and some major guidance
should be followed.
The process of getting websites with better interface design

A better interface says the computer what they need to do, for the computer to appeal
information from the users, which also gives the Compressible information. The working
premise of a better UI design is to get clear communication between the user and the computer.
Accordant
An accordant interface permits users to appeal before learned knowledge to the fresh
task. A successful application is both accordant within themselves and accordant with one
another.
Elementary
Elementary designs are considered a good interface. These simple designs are better to
learn and to utilize and provide the interface an accordant look. A better design needs a good
balance between enlarging the functionality and reducing simplicity through the progressive
relegation of information (Kumar, 2017).
Controlling the user
When the surrounding and our self-feel controlled then the humans are one of the most
comfortable ones. Sudden outcomes, irrelevant alley, undiscussed communications which are
due to the foolish software that takes away the easier from the minds of the people. By the
process of regularly surfacing the system, by providing information, by enrolling the causation
the user may be kept in a controlled way. The perfect information is not needed in the process
(Sisman, 2019).
Straightforward
Users’ needs to see the cause and effect process among the actions they interact and the
objects on the screen. This promotes the user to feel that they are in charge of the computer's
activity
Concerned beauty
The user's attention collected by the elements that are visible in the screen. It also gives
the better surrounding for the workers to work and coveys the user's understanding of the
information.

Delay in increments
The value which is provided in increments which are considered as interactive fashion.
Rather than doing the well at the beginning, it is better to agile process at first.
The Main action in a Screen
While designing every action we need to add value for every screen. The purpose is very
easier to study, to use and to construct that is very important. The Screens are aided for two or
many actions to become confused. When we design an action are too explained.
Acknowledgment for Regression
It shows the main important one on the screen. Whether the people are to decide the
information that permits are in the successive screen. The decision is too mentioned necessary
and makes the interaction.
5. Conclusion
The website for music is created successfully for users. The login and logout are made by
registering their own email id and password. The passwords are given by an encrypted basis. The
date and time of the last logout are displayed on the webpage. The front page created has the title
of the latest songs (Secomandi and Snelders, 2013). The playlists that contain a list of songs are
exported to the XML file. The feature of deleting, updating and retrieving the song on the
playlist using the SQL database is provided for the user. Rather than basic features the users who
purchased the song are with an additional feature.
6. References

Agarwal, A. (2018). Competitive Programming Website using PHP and Mysql. International
Journal for Research in Applied Science and Engineering Technology, 6(3), pp.1890-1892.
Brown, D. (2012). New Website for Music Memory. Southern Spaces.
Chen, C. and Soo, K. (2018). The Research on Human Engineering-based Design of Website
Interface of Smart Cellphone. Journal of Physics: Conference Series, 1098, p.012012.
GARCIA MENDOZA, J. and MARASINGHE, A. (2015). Kansei Concepts for eCommerce
Website Design in a Bicultural Environment. International Journal of Affective Engineering,
14(4), pp.317-325.
Hagen, A. (2015). The Playlist Experience: Personal Playlists in Music Streaming
Services. Popular Music and Society, 38(5), pp.625-645.
Klug, B. (2017). An Overview of the System Usability Scale in Library Website and System
Usability Testing. Weave: Journal of Library User Experience, 1(6).
Kumar, T. (2017). xmlBLASTparser V1.1 — A PHP BASED NCBI BLAST XML OUTPUT
PARSER. International Journal of Advanced Research in Computer Science, 8(8), pp.230-232.
Secomandi, F. and Snelders, D. (2013). Interface Design in Services: A Postphenomenological
Approach. Design Issues, 29(1), pp.3-13.
Sisman, E. (2019). Inside the Hearing MachineOrpheus Institut,
www.insidethehearingmachine.com Website includes 360-degree videos, sound clips and other
resources. Nineteenth-Century Music Review, pp.1-6.
Uimonen, H. (2017). Beyond the playlist: commercial radio as music culture. Popular Music,
36(2), pp.178-195.