Sajal Intern Report Final
Sajal Intern Report Final
I hereby declare that this internship project entitled “UI/UX Design for Maulik”
submitted to the office of the Dean, Faculty of Management, Tribhuvan University, is
a result of my internship study carried out in the year 2022 at Spyder’s Lab Pvt. Ltd.,
Sorkhakhutte, Kathmandu for the partial fulfillment of the requirement of the Bachelor
of Information Management (BIM). It has not been previously submitted to any other
university or anywhere else.
Sajal Maharjan
TU Roll No.:
TU Regd. No.:
The satisfaction and success of completion of this task would be incomplete without
heartfelt thanks to people whose constant guidance, support, and encouragement made
this work successful. On doing this internship, I have been fortunate to have help,
support, and encouragement from many people we would like to acknowledge them
for their cooperation.
I would also like to extend my heartfelt thanks to Mr. Surya Bam, for the guidance he
has provided in the internship, without whom this endeavor would have never been
completed.
At last, I would like to thank my peer and colleagues who have helped me throughout
this internship through discussions of ideas, sharing their knowledge, and giving their
opinion about things that put me in a dilemma
i
ABSTRACT
I have chosen Spyders Lab Pvt. Ltd. for my internship. I worked in the field of UI/UX
Design. The main objective of this internship was to know about UI/UX Design and
use my theoretical knowledge in a practical field and also to gain practical knowledge
of the workplace. Through this internship, I gained knowledge and experience in all
aspects of UI design in an organization, including the process of how to design and
developing the UI of websites and apps needed by clients. UI helps in designing the
system and UX helps to make sure the system is easy to use and handle by the clients.
The software is a digital e-commerce app named ‘Maulik’ for users that enables them
to replace traditional shopping experience with digital shopping enabling them to make
all their shopping through their phone conveniently. Maulik is a mobile app, online e-
commerce & service provider in Nepal. It is an emerging online shopping solution in
Nepal. It allows users to shop for a range of services and products like basic utility,
food products, dairy products, meat products, fruits, and many more. The main aim of
this application is to digitize every shopping experience that encompasses fiat money
by providing an easy-to-use, convenient, intuitive application that is accessible to all
users anywhere. Maulik envisions creating a cashless economy by covering every part
of the payment sector (Big/Small, Retail/Wholesale, Public/Private), providing quality
service, and becoming the most preferred shopping e-commerce service provider in
the country.
ii
TABLE OF CONTENTS
ACKNOWLEDGEMENT..................................................................................... i
ABSTRACT ......................................................................................................... ii
iii
3.3 Contact Information .............................................................................. 12
4.5.3 Wireframing...................................................................................... 22
5.1 Findings................................................................................................ 41
5.2 Conclusion............................................................................................ 42
REFERENCES .................................................................................................. 43
iv
LIST OF TABLE
v
LIST OF FIGURE
vi
LIST OF ABBREVIATIONS
IA Information Architecture
IT Information Technology
PM Project Manager
QA Quality Assurance
TU Tribhuvan University
UI User Interface
UX User Experience
vii
CHAPTER ONE: INTRODUCTION
1.1 Background
This report is based on a three-month internship at Spyder's Lab Pvt. Ltd. It has given
me real-world experience and understanding of how a workplace and work
environment function. The theoretical information I learned in college was put to use
in the real world, notably in the field of software development. This internship has
improved not only my software design and development abilities, but also my self-
confidence, motivation, and growth.
A UI Design for Maulik App is one of a project that I have accomplished during the
period of my internship in the Spyders Lab Pvt Ltd. It is an online eCommerce app
designed to shop for groceries and other household products that helps the public or
the consumer hassle-free to go and buy the groceries physically. This project helps the
consumer to order online groceries simply through their mobile phone.
1.3 Methodology
1
1.3.1 Organization Selection
The choice of organization is a critical aspect of making the internship meaningful. It
is critical to finish entry-level employment. It is a medium through which we shall gain
knowledge and convey it to the rest of the world. The organization that we pick serves
as a conduit for exposing us to the actual world. Spyder's Lab Pvt. Ltd., which was
founded in 2018, is the organization I choose. I had to pick an IT firm based on my
interests to improve my abilities and knowledge in the practical industry. Spyder's Lab
Pvt. Ltd is one of the Nepalese institutions where I obtained important experience and
expertise.
2
what had to be done was completed. At the time of my internship, the company was
still implementing remote working due to the covid situation. So, some of my tasks
during the internship were done from home. After a few weeks of working from home,
I was called to the office to stay and work in an office environment to get experience
and get used to with office environment. The following 2 weeks were spent designing
some promotional materials for the company. Then, I was assigned to a UI Design to
introduce me to the field of UI/UX Design. UI boot camp along with Front end boot
camp was quite an interesting and rewarding one. It took 5 weeks to complete. Then,
I was assigned to a project named ‘Maulik’ as a UI/UX designer. There was a web-
based e-commerce site being developed and the mobile app was not a real-time project
but was assigned to me to improve my design skills and UI/UX skills and teach how a
project is done in the real world. This took a month and a half with some design
assignments for the company such as banners, splash screens, and backdrops in
between. The whole internship was for 3 months or 12 weeks.
Promotional Design
UI Bootcamp
3
1.3.4 Tools Used
Tools Used
UI/UX
Designing
Adobe
Figma
Photoshop
Adobe
Illustrator Adobe XD
Canva Balsamiq
During their internship time, I had to do a number of tasks. The following list of jobs
and duties is provided:
• Finish the provided assignment, such as creating UI designs for web pages, by
the deadline.
4
• Coordinate the work review with the supervisor.
• Research and educate yourself on UI UX development.
• Develop your workplace competencies (communication, team working)
• Review customer feedback and make adjustments in light of it.
• Forward any potential issues that may develop when creating UI designs.
• Research and analyze the type of client, then create designs that meet their
needs.
▪ The study of every activity within the company was not possible due to time
constraints.
▪ The research was done at the surficial level, not in-depth due to security policy.
▪ Unavailability of complete information due to the privacy policy maintained in
the organization.
▪ The duration of internship period was limited and short so there was difficulty
to understand the functioning of the overall system.
5
CHAPTER TWO: INTRODUCTION TO INDUSTRY
In the Nepal Trade Integration Strategy (NTIS) 2010, the government of Nepal
selected IT as one of the five priority potential export service industries. The IT
business has become an integral element of our economy since it aids in the
development of a more knowledge-based economy, human resource development,
effective management of other services, and a variety of other opportunities that aid in
a nation's development. Individuals and corporations may now view developments in
global markets in real-time, far faster than before, thanks to information technology.
6
2.2 Introduction to Software Industry
As we all know, the world is transitioning from analog to digital, and IT is playing an
increasingly significant part in people's lives. Humans have made IT a part of their
daily lives. The effect of TT is growing as the world becomes smaller and smaller.
People are developing new strategies to better their abilities and talents with the help
of information technology in all places throughout the world. A software product is an
IT sector product that is marketed as a solution to real-world problems.
Because it ensures quick access to information, the IT industry can serve as a medium
for e-governance. In the service sector, the application of information technology
promotes operational efficiency and transparency. It can also be used to learn new
skills. It is the major force in developing organizations, societies, and nations in this
modern era, based on the assumption that it is the key to today's progress. Finally,
information technologies are a developed-country product that must be adapted for
developing countries such as Nepal. A concerted effort should be made to develop the
ability to understand the value of adopting IT following development needs and
requirements. So, IT is the most vital component to building up the nation and helps
the economic growth.
7
▪ To explore new horizons of challenges and opportunities that can help to
improve the country's technical, economic, and educational situation
▪ To manage the cost efficiencies
▪ To provide a stable and secure IT infrastructure that allows for on-demand
information access
▪ To thrive in the Face of Globalization
▪ promoting e-commerce and software export growth
▪ To improve customer and service provider openness and accountability from
beginning to end
▪ To increase the number of employees who take advantage of IT training
options.
Some of the services that ICT may give to the improvement of agriculture are smart
irrigation projects, digitalization of land records, e-Bazar, and digital wallets. Smart
classrooms, online learning platforms, biometric attendance systems, and rural mobile
learning centers can all help to improve our traditional educational system. Electronic
visas, augmented reality tours, visitor tracking systems, online tourism information,
websites, and mobile apps can all help to broaden the scope of tourism around the
world. Smart buildings, intelligent waste management, public transportation
management, municipality mobile applications, and other urban infrastructures could
lead to a more creative and successful Nepal. Better health care would be aided by
electronic health records, mobile health units, and centralized telemedicine facilities.
Smart grid initiatives and smart metering can help our energy system transition to the
digital age. Financial reform can be aided by a national payment gateway, an
information management system, and a mobile wallet system. Disaster prevention,
mitigation, response, and recovery all benefit from information and communication
technology.
Drones can be used to monitor security and distribute emergency supplies, which can
aid in disaster relief. ICT has a persistent beneficial impact on the creation of new jobs.
Infrastructure development, equipment production, distribution, and maintenance, as
well as websites, mobile apps, and information systems, all offer prospects.
8
2.5 Challenges in Nepali IT Sector
The successful use of ICT in these various sectors will require a high degree of
emphasis on implementation. The Government of Nepal needs to focus on the
following priority areas to create an enabling environment: Technology and
Infrastructure development, entrepreneurship/PPP so that private organizations would
involve in every sector, talent, and skills development so that country will get the
skilled technical workforce to implement the efficient use of ICT. Encouraging private
sector participation, improving professional education, facilitating the event of a robust
financial ecosystem, encouraging foreign direct investment in priority areas, and
making public servants digitally ready will be essential. Emerging business models
and disruptive technologies such as artificial intelligence (AI), robotics, the Internet of
things (IoT), and over-the-top (OTT) are transforming the way work is done. These
emerging technologies are allowing governments and enterprises globally to unlock
the potential to achieve exponential growth.
9
CHAPTER THREE: INTRODUCTION TO
ORGANIZATION
Spyder Lab Pvt Ltd. is a creative digital agency based in Kathmandu, Nepal. We
mainly focus on Web Development, Mobile applications, and Desktop applications
providing complete IT solutions around the clock. Its services include digital
marketing, SEO Optimization, Mobile App Development, Software Development,
Web Design and Development, UI/UX Design, and many more. Currently, Spyders’
Lab team size comprises 15+ team members working closely with Development, HR,
Operations, Infra, and Finance teams. Spyders Lab is committed to understanding the
unique technological needs of our clients and providing them with the best solutions.
Spyders Lab team comprises experienced professionals with a specialization in
Software Development. Emphasizing what makes each client unique, Spyders Lab
strives to deliver a perfect software system, tailored to their competitive differentiators.
Spyder’s Lab PVT LTD specializes in a broad range of services like Digital Marketing,
SEO Optimization, Mobile App Development, Software Development, Web Design
and Development, and UI/UX Design, with a special focus on web-app development
and software development. Its main services offered are:
10
provide installation skills, bundled and bespoke services, as well as reporting
and dashboarding expertise.
▪ Software Solutions
11
3.3 Contact Information
Website: https://www.spyderslab.com/
E-mail: spyderslab@gmail.com
Facebook: https://www.facebook.com/spyderslab
12
Project Manager Intern
Software Developer
System Administrator
Managing Director
CEO/Founder
Web Designer
Senior QA
Graphic Designer
WordPress
Developer
IT and Digital
Marketing Consultant
Web Developer
13
CHAPTER FOUR: ANALYSIS OF ACTIVITIES
In this digital era, you do all your shopping standing in a queue outside a shop
physically is Nerve-wracking. To get you out of this situation, Maulik App came into
existence. Maulik App has been able to simplify the lives of various Nepalese assisting
the simple transaction done through an online medium hassle-free. Users of Maulik
App can make various shopping transactions easily from Maulik App’s mobile app or
website login. Now, buying foods like drinks, fruits, vegetables, dairy products, meat
beverages, and many more are all at your fingertip. The main aim of this application is
to digitize every transaction that encompasses fiat money by providing an easy-to-use,
convenient, intuitive application that is accessible to all users anywhere. This
application can load various items from a user’s account and provide a common
platform to shop for services from one single home screen. Users can select from a
multitude of services or categories of products offered. Users can also save their
commonly used products in the app for a further seamless and quick experience. Users
will have to verify their identity by doing an OPT check on the app for maximum use.
Maulik App aims to build a cashless economy by covering all aspects of the payment
industry (large/small, retail/wholesale, public/private), providing excellent shopping
services, and becoming the country's most favored service provider.
✓ Merchant Payment
✓ Bank Account Link
✓ Online Wallet App Link
✓ Travel Payment
✓ Fund Transfer
✓ Report Generation
14
4.3 Requirement Specification
15
4.3.2 Non-Functional Requirement
Non-functional needs are those that aren't immediately related to the system's specific
delivery to its users. They could have anything to do with emergent system attributes
like dependability, reaction time, or store occupancy. NFR might derive from the
software's needed qualities (product requirements) or other sources ("Non-functional
Requirements", 2021).
• Product Requirements
o Memory
The application must be taking up less memory for data manipulation.
o Accuracy
The results must be accurately displayed according to the user’s needs.
All programs are written must be tested properly with multiple possible
inputs.
16
o Speed
All unnecessary dependencies must be reduced as much as possible.
Limit the use of packages and create manageable modules for each
operation for smooth functioning.
• External Requirements
The system must comply with legal acts. It should maintain transparency but
should not disclose information to unrelated parties. The system should be
liable for providing ease of access for the users.
17
in place. Other tools, such as a laptop and access to the internet, are also accessible.
This is a smartphone application. Running this program on any personal mobile phone
will not be an issue, making it technically possible.
18
• Products prototype design
Creating a working model for its user and combining it with text arrangement
is a prototype testing of the products model in the engineering stage, which
provides additional demands for future product functionality and user interface.
• Testing usability of the prototype
The experimental way to detect the user elements of the product and to find the
problems which are faced by the users while the application is usability testing.
The main aim of usability testing is to evaluate the usability of the product.
The methods of testing usability:
o Observation of users
o View of users
o Measurement of benchmark
• Specification of UI
The "specification of user interface" record creation presents a visual
representation of the standards, structural composition, and design of the
product, taking into account the endorsement based on usability testing results.
Products Visual
Testing
prototype interface
usuability
design design
Specification
of UI
19
4.5.2 Information Architecture
Information Architecture is a design structure blueprint that can be translated into
project wireframes and sitemaps.
20
UX designers utilize them as a starting point for creating a navigation system. The
study of arranging and structuring material on websites, online and mobile
applications, and social networking software is known as information architecture.
Information architecture aims at organizing content so that users would easily adjust
to the functionality of the product and could find everything they need without big
effort. The content structure depends on various factors. Nowadays, when the user-
centered approach in design is a top trend, many designers learn the principles of
information architecture science which they believe is a foundation of efficient design.
IA forms a skeleton of any design project. Visual elements, functionality, interaction,
and navigation are built according to the information architecture principles. The thing
is that even compelling content elements and powerful UI design can fail without
appropriate IA. Unorganized content makes navigation difficult and inexplicit, so the
users can easily get lost and feel annoyed. If the users face their first bad interactions,
they may not give them a second chance with your product. good information
architecture is a foundation of efficient user experience, so the IA skill is essential for
the designers. Effective IA makes the product easy to use but only when united with
design thinking, the product has a powerful user experience.
The above-shown IA for the Maulik App application shows the 6 main modules or
screens that the user will come across as soon as starting the app. From there, the
modules or screens are further divided down into more screens and sub-modules that
the user will come across. IA shows and organizes this content so that the user will
have no difficulty or feel cumbersome while using and navigating through the app. For
example, the login page should be the first thing the user should be after the onboarding
screen. Then, a link to the registration page should also be placed on the login page so
that users who are not yet registered on the app can make their respective accounts and
then proceed to log in. All this placement of content for user convenience falls under
UX. UI deals with how the content looks on screen. It is related to the overall looks,
layout, colors, typography, and white space used on the components. UX makes up a
homely feeling for the users and makes the user want to use and come back again to
the application. It makes the experience seamless.
21
4.5.3 Wireframing
A wireframe is a tool that helps designers visualize the basic structure of a future page,
including the key elements and how they fit together. A wireframe is a visual structure
that depicts the page hierarchy and the elements in the product. A wireframe is
considered the backbone of the product. It’s also called the skeleton of the design. It’s
mostly about the overall look of the final product. Wireframing acts as the backbone
of the product and is often used as a foundation for mockups and prototypes. These are
also called low-fidelity wireframes.
Low fidelity wire-frames include the most basic content and visuals and are usually
static (not interactive). They are often used to help map out the shell of the interface,
its screens, and basic information architecture. (Mind, 2020). Low-fidelity wire-frames
usually serve as a checkpoint for the product team and stakeholders at the beginning
of the design process. They help teams visualize and test early concepts, requirements,
and design assumptions at the beginning of a web design project. They make changes
easy to implement since they are made in the early stages.
22
the user’s actions, mimicking authentic interface interaction. Their aesthetics and
content are more precise than lower down the fidelity spectrum, as designers
concentrate on refining the graphics, spacing, and UI layout. Information architecture
also plays a role in this phase. High-fidelity wire-frames are often built in the advanced
stages of the design process to communicate design decisions to the development team
before coding the final product.
Additionally, they help validate complex interactions during user testing. These wire-
frames provide test participants with realistic representations of what the product will
look and feel like, as well as how it will respond to them.
23
Figure 8 Wireframes for user dash and accounts page
24
4.5.4 UI Design
UI Design is concerned with predicting what users may need to accomplish and
ensuring that the interface has features that are simple to access, understand, and utilize
to assist those tasks. Interaction design, graphic design, and information architecture
are all combined in UI. Building interfaces with an emphasis on style and interaction
is what UI design is all about. The objective of a user interface designer is to develop
an interface that is both easy to use and pleasant to the eye.
Figure 4.7:
Figure HighFidelity
11 High Fidelity Design
Design for
foron
on Figure 10 UI Design for register screen
boarding
boarding screen screen
25
One of the most important tasks involved in UI Design is the selection of elements.
Users have become familiar with interface elements acting in a certain way, so we
should try to be consistent and predictable in our choices and their layout. Doing so
will help with task completion, efficiency, and satisfaction.
• Input Controls: buttons, text fields, checkboxes, radio buttons, dropdown lists,
list boxes, toggles, date field
• Navigational Components: breadcrumb, slider, search field, pagination, slider,
tags, icons
• Informational Components: tooltips, icons, progress bar, notifications, message
boxes, modal windows
• Containers: accordion
There are times when multiple elements might be appropriate for displaying content.
When this happens, it’s important to consider the trade-offs. For example, sometimes
elements that can help save you space, put more of a burden on the user mentally by
forcing them to guess what is within the dropdown or what the element might be.
Creating a successful user interface requires applying a set of design guidelines and
principles. There are various well-known principles to keep in mind, like the eight
golden rules of UI design from Ben Schneiderman. (Kreimer, 2021)
The 10 UI design guidelines from Nielsen and Molich, are an updated version of
Schneiderman’s principles and are the gold standard when it comes to ensuring your
designs fulfill all requirements. They are:
26
• Consistency and standards: Standardize every UI element to guarantee
consistency throughout your system.
• Error prevention: Reduce any potential errors in your system, and flag them
when they happen so the user can fix the issue right away.
• Recognition rather than recall: Minimize the amount of information a user
needs to remember by offering help within the specific context in which a user
is. Avoid giving them long tutorials upfront.
• Flexibility and efficiency of use: Let users customize or tailor their interface
to suit their needs so that frequent actions can be achieved through shortcuts
and touch gestures.
• Aesthetic and minimalist design: Keep both your content and visual design
simple. The user shouldn't get distracted or confused by unnecessary elements
that get in their way.
• Help users recognize, diagnose and recover from errors: Highlight your
error messages and use plain language that gives specific solutions to your
user's problems.
• Help and documentation: Ensure your documentation is easy to find and
understand. Present the documentation in context right at the moment that the
user requires it and make it actionable.
When we talk about UX and UI, we refer to two separate concepts that meet different
objectives. Although they are related—and soon you will see how—you need to
understand their differences to use them properly. According to Maze CEO, Jonathan
Widawski, UI design “is the process of transforming wireframes into a polished
graphical user interface.” In contrast, UX design requires “understanding the overall
journey of your users and turning it into a product.”
27
Figure 15 UI Design for login Figure 14 UI Design for notification
Figure 13 UI Design for dash Figure 12 UI Design for bank accounts screen
28
Figure 19 UI Design for order screen Figure 17 UI Design for address book page
29
These are only some of the main screens used in the applications. The full application
will have more than 100 screens designed. Some more of them will be included at the
end of this report. Many elements and components were used in the design process of
these screens. Figma also allowed the reusability of components and many other
features such as Auto Layout, Variants, and Interactive Components which made the
design process easier and helped in achieving a minimal and clean look as well as
integrating interactivity into the application.
Apart from these screens, overlays had to be designed too to give information about
the success or failure of the application’s activity. These overlays would pop up on the
screen to give users critical information. Some of the overlays designed are:
Figure 22 Modal overlay for Figure 21: Modal overlay for failed Figure 20 Modal Overlay for logout
successful purchase purchase confirmation
30
4.5.5 Prototyping
A prototype is a simulation or sample version of a final product, which UX teams use
for testing before launch. The goal of a prototype is to test and validate ideas before
sharing them with stakeholders and eventually passing the final designs to engineering
teams for the development process. (UXPin, 2021). It is a primitive representation or
version of a product that a design team or front-end-development team typically creates
during the design process. It is used to test the flow of a design solution and gather
feedback on it—from both internal and external parties before constructing the final
product. The state of a prototype is fluid as the team revises the design iteratively based
on user feedback.
Prototypes are essential for identifying and solving user pain points with participants
during usability testing. Testing prototypes with end-users enables UX teams to
visualize and optimize the user experience during the design process. Engineering is
expensive, and making changes to a final product is often not as straightforward as
teams anticipate. So, finding and fixing errors during the design process is critical.
• Representation: The prototype itself, i.e., paper and mobile, or HTML and
desktop.
• Precision: The fidelity of the prototype, meaning its level of detail—low-
fidelity or high-fidelity.
• Interactivity: The functionality open to the user, e.g., fully functional, partially
functional, or view-only.
• Evolution: The lifecycle of the prototype. Some are built quickly, tested,
thrown away, and then replaced with an improved version (known as “rapid
prototyping”). Others may be created and improved upon, ultimately evolving
into the final product.
31
• Paper Prototyping
Paper prototyping works best during the early design stages when UX teams
collaborate to explore many concepts fast. Team members sketch ideas by hand
using simple lines, shapes, and text. The emphasis is on lots of ideas and speed,
not aesthetics. UX Teams lay paper screens on the floor, table, or pinned to a
board to simulate user flows. A common practice for testing these prototypes
is to have one person play “the product,” switching the sketches according to
how the real user behaves.
• Digital Prototyping
Digital prototyping is an exciting part of the design process. Prototypes start to
resemble the final product allowing teams to test and validate ideas.
There are two types of digital prototypes:
o Low-fidelity prototypes: a user flow using wireframes
o High-fidelity prototypes: a user flow using mockups
Low-fidelity prototypes allow research teams to outline basic user flows and
information architecture. High-fidelity prototypes go into more detail, testing
user interfaces, interactions, and how usability participants interact with a
product. Designers build prototypes using design tools like Figma, Adobe XD,
and others. Sometimes non-designers, from product teams use PowerPoint or
Google Slides to simulate user flows. (UXPin, 2021)
• HTML Prototyping
On rare occasions, teams might build HTML & JavaScript prototypes to get
more accurate results. The downside to this approach is that coding comes with
considerable time and technical costs.
For my case in the Maulik App application, I have used the digital prototyping
methodology for simulation purposes and to test and validate the overall look,
feel, and experience of the app. The UI elements were tested to make sure they
are in the correct place and the right layout. The interactivity of the components
was tested and overall user flow through the app was also shown.
32
Initially, prototyping was done within individual components. Since, individual
components such as the navigation bar, tab bar, and buttons should also interact
with the users. For example, the nav bar must highlight certain icons or tabs
when the user is on a certain page. It must highlight the home icon and
differentiate it from other icons and tabs when the user is on the home screen.
Similarly, the menu icon and label must be highlighted when the user is on the
menu screen. This shows the user what s/he is currently interacting with. UX
deals with these interactions and makes the user have a pleasant experience
when using the app.
Figure 23 Prototyping different states of footer nav bar
33
Figure 24Prototyping different states of
tabbed bar
34
Figure 26 All frames in artboard before prototyping
35
Figure 27 Frames/Screens linked with each other via prototyping
36
4.5.6 Testing
UI testing focuses on testing the user interface of a website or other product to make
sure everything functions as it should and those users understand how to use the UI.
Simply put, with the help of UI testing software we see how an application, website,
or software will interact with the end-user.
UX testing, on the other hand, focuses on the user's whole experience and how the
product or website makes them feel. It is a method of determining the optimum way
for a project and its components to engage with its audience by evaluating various parts
of the user experience.
4.5.6.1 UI Testing
UI Testing is a type of testing in which testers need to make sure that all buttons, fields,
labels, and other items on the screen work as specified. UI testing involves checking
screens with controls, such as toolbars, colors, fonts, sizes, buttons, icons, etc., and
how they respond to the user input.
Essentially, User Interface testing checks how the tested product performs based on
the following criteria:
• Ease of use
• Consistency and logic
• Accessibility
• Compatibility
To achieve effective results during UI testing, the tester must answer at least two
important questions:
• Are all features of the tested software clear and easy to use?
• Can a user navigate through the app without experiencing system errors or
malfunctions?
For this purpose, a group of friends and colleagues were presented with the UI of the
Maulik App application and were asked to rate the UI out of 10 based on different
parameters such as type and font size, colors, icon style, etc.
37
The following table shows the result of the UI testing with scores on various
parameters of the application design:
Colors 9
Icon Styles 8
Visual Consistency 10
Required fields 7
Confirmation of action 8
Error messages 7
The purpose of this testing is to satisfy users, and it focuses on the following system
parameters:
38
A group of friends and coworkers were shown the prototype flow of the Maulik App
application and asked to score the UX out of 10 based on several characteristics such
as ease of navigation, aesthetics, consistency, adequate information, and so on, similar
to UI Testing.
The following table shows the result of the UI testing with scores on various
parameters of the application design:
Ease of use 8
Effectiveness
Aesthetics 9
Ease to Navigate 8
Search option 7
Self-Explanatory Controls 8
Animations 9
39
4.6 Other Activities
40
CHAPTER FIVE: CONCLUSION AND
RECOMMENDATION
5.1 Findings
After three months of internship, I've learned a lot of new and previously
unknown concepts and topics. This internship provided students with valuable
practical experience in an organizational context. I discovered the importance
of time, research, and possibilities. The internship program not only exposed
me to a real-world working environment but also presented me with an
opportunity to advance professionally. In the last three months, I've learned a
lot of new things that will come in handy in the future. During my internship, I
discovered the following:
• Theoretical and practical knowledge are not the same thing.
• Understanding of the real-world workplace and interactions.
• I learned how to interact with team members and operate as one of a team.
• Recognized the value of collaboration and coordination in the workplace.
• Learned the working procedures in an IT Company.
• I learned about various tools and how to use them to create solid applications.
• I learned about various tools and how to use them to create solid applications.
• I've learned to accept constructive criticism, recommendations, and comments
with a positive attitude.
Overall, the whole internship program was very fruitful and rewarding and a great
opportunity to gain insight and shape my career for the future.
41
5.2 Conclusion
5.3 Recommendation
The Maulik App application's UI/UX design was created in a short amount of time.
There is still a lot of work to be done and a lot of new features to be implemented. The
user interface design isn't finished yet. There are still a lot more screens and frames to
design, as well as interactions to add. This may be done soon. Additionally, a PC-based
similar website is being created. This makes it possible for PC users to utilize the
system as well. It is also necessary to develop a promotional website. This will help
the app reach more users in the future and encourage them to use it.
My internship experience was entirely wonderful. Interns, on the other hand, have
communicated with their mentors. Every communication was beneficial because the
internship was performed in person. Mentors may be out of touch from time to time.
Furthermore, the guidelines might be perplexing at times. The instructions might have
been more precise. Everything went down without a hitch except for these minor snags.
42
REFERENCES
Ganbold, S. (2022, February 14). The Internet penetration rate in Nepal from 2011-
2020. The Internet Penetration rate in Nepal from 2011 to 2020.
Igor. (2020, January 23). UI/UX Testing: Why It’s Important for Your Project.
Retrieved from www.testfort.com: https://testfort.com/blog/why-your-project-
needs-ui-ux-testing
Keerti. (2020). A Complete Guide for UI Design Process (User Interface). Retrieved
from www.cronj.com: https://www.cronj.com/blog/user-interface-ui-design-
process-in-graphic-design/
Kreimer, I. (2021, May 20). User interface design: Definition, guidelines, and process.
Retrieved from www. maze.co: https://maze.co/collections/ux-ui-design/ui-
design/
Mind, J. i. (2020, January 16). Low fidelity vs high fidelity wireframes: what’s the
difference? Retrieved from www.justinmind.com:
https://www.justinmind.com/wireframe/low-fidelity-vs-high-fidelity-
wireframing-is-paper-dead
Tableau. (2020). Business Intelligence: What It Is, How It Works, Its Importance,
Examples, & Tools. Retrieved from www.tableau.com:
https://www.tableau.com/learn/articles/business-intelligence
Tubik. (2017, May 25). Information Architecture, Basics for Designers. Retrieved
from Uxplanet.org: https://uxplanet.org/information-architecture-basics-for-
designers-b5d43df62e20
43
UXPin. (2021). What Is a Prototype: A Guide to Functional UX. Retrieved from
www.uxpin.com: https://www.uxpin.com/studio/blog/what-is-a-prototype-a-
guide-to-functional-ux/
44
APPENDIX
45
46
47