Digital Design

E-Portfolio
Connecting for Change

Student Code:

1|Page
 Criterion A: Inquiring and Analyzing

Explains and justifies the need for a solution to a problem for a client/ target audience
Collaborative learning is a method in which two or more people work together to understand a
common learning topic and finish a common activity. Individuals rely on each other for resources,
expertise, and skills to fulfil the task. A small group of people may be culturally, and socially diverse,
and collaborative interactions may open the world to them as they gain a new perspective on life from
their peers. Collaborative learning projects at a young age can help individuals enhance their
confidence and self-esteem while also boosting their sense of responsibility at work. The challenge of
expressing ideas, defending them, and partnering with others to broaden their perspectives
necessitates solid communication skills, which are enhanced by these activities and should widely be
promoted and suggested by companies and schools.

Globalization has brought the world closer together, but ineffective collaboration is impeding
progress. Failure to collaborate to address global challenges, such as climate change and economic
inequality, endangers our planet's sustainability. The COVID-19 pandemic, for example, has
highlighted the importance of international cooperation, but many countries have struggled to
combine resources and expertise. Similarly, countries have undermined efforts to address climate
change by prioritising their own economic interests over global well-being. According to a United
Nations report [Appendix Fig 1], a lack of global cooperation is a major impediment to meeting the
2030 Sustainable Development Goal. It is obvious that unless nations join together to work towards
common goals, the progress made in globalization will be short-lived.

To establish the importance of collaboration, among people, I began web research on statistics and
facts about collaboration I discovered the following information. According to an RBL Groups
survey [Appendix Fig 1.1], 53% of employees in 140 organisations believe collaboration is highly
crucial for continuing business success, while 42% believe it is very important. Overall, 95% of the
140 organisations' employees agree that collaboration at work is essential for corporate success.

Collaboration produces innovation, which allows firms to boost efficiency and production by
developing and implementing new technologies and know-how. The ability to innovate—to identify
new methods to conduct business, create new business models, and adapt products to a shifting
market—is essential for firms to succeed and this can be achieved by collaboration between
companies and employees.

I prepared a survey to find out what my friends and relatives thought about collaboration. The survey
results are very surprising. The first question asked if they believe collaboration is a vital tool for
success in any field, and all respondents replied yes [Appendix Fig 1.2]. A question was raised about
whether social media is a good tool for collaboration [Appendix Fig 1.4]. 85% of respondents said
social media is a good tool, with 15% saying maybe, implying that they believe social media is not
always beneficial to its users. The last and final question asked was if the respondents could easily
meet like-minded people [Appendix Fig 1.5], because we humans often collaborate with people who
are like-minded, so I raised this question to them to see if they were collaborating with like-minded
people. The results are truly surprising because 77.5% of those surveyed said it is difficult to find
people who have common interests, while only 22.5% said it is easy. Most survey respondents were
aged 20-29 [Appendix Fig 2.0].

2|Page
 According to the findings of the prior research, everyone understands the value of collaboration, but
few people collaborate on a daily basis to innovate and become more productive. This is the primary
issue discovered during the research. One possible explanation for this issue is that we humans
collaborate with people who think similarly to us because we can work well together, and the survey
results show that most people are having difficulty finding like-minded individuals. This issue must
be resolved because the world is meaningless without collaboration. Consider a world in which we do
not interact with one another; there would be no way for knowledge to spread. We simply cannot exist
without interacting with one another and hence why this problem must be solved.

A digital solution that connects people with similar interests would be an appropriate solution to this
problem. If everyone makes use of this platform, it would be relatively simple to connect individuals
who have similar mind-sets and enable them to collaborate. Effective collaboration can be enhanced
through this design solution to achieve a highly interconnected world. The internet community of
people between the ages of 20 and 29 would be a suitable audience for this solution. This is the most
ideal audience because the solution may be regarded of as a social media application, and studies
[Appendix Fig 1.6] show that the 20–29 age group uses social media the most. It is crucial for this
group to contribute at this stage because this is when they begin working in companies where
collaboration is required. This is the intended audience, but the app could be used by people of any
age.

Constructs a detailed research plan, which identifies and prioritizes the primary and
secondary research needed to develop a solution to the problem independently

Research Questions Research

Priority Relevance Sources
or topic Type
Problem: #5 (High It is relevant for us to know Importance of collaborative learning in the Secondary
priority) why collaboration is classroom (2019) EducationWorld. Research
Why is collaboration important for being Available at: (Online
important for being successful. This is because https://www.educationworld.in/importance research)
-of-collaborative-learning-in-the-
successful? with this information we
classroom/#:~:text=Learners%20can%20cr
can come up with a solution itically%20understand%20their,critical%2
that achieves the best 0thinking%20skills%20in%20learners.
results, and this question (Accessed: November 19, 2022).
will help us achieve that
goal.
Problem: #5 (High To learn about methods that https://forms.gle/MD8ticZrwUDTRJU77 Primary
priority) enable effective Research
What are good methods collaboration, which are [Appendix Fig 1.3] (Survey)
to collaborate with each available to everyone. This
other? question will help us learn
more about the problem
because we are learning
how to approach it and
about existing products and
collaborative methods.

Problem : #5 (High This question is important Primary

priority) for us because we can learn Research
Do you meet similar- if people are able to meet (Survey)
minded people (people like-minded people, which

3|Page
with similar interests) allows them to collaborate. https://forms.gle/MD8ticZrwUDTRJU77
around you easily? Hence, from this question,
we can learn about the [Appendix Fig 1.3]
cause of the problem.

Solution: #4 (High A question to ask the https://forms.gle/KtrA8oFJPk7AHbzY6 Primary

priority) audience if the proposed Research
Is an app the best solution is ideal to solve the [Appendix Fig 1.7] (Survey)
solution for this problem. This will help us
problem? get different perspectives
on the solution and can
possibly help find a better
suitable solution.

Solution: #3 This important because we https://www.hobify.es/ Secondary

(Medium must identify if the similar Research
Are the similar products priority) products in the market are https://www.we3app.com/ (Online
in the market making an actually making any impact research)
impact? on the audience because we https://patook.com/
can use that information to
make our app better and https://www.vingle.net/users/sign_up
increase the quality of the
app. https://www.oprahdaily.com/life/relationsh
ips-love/g29873497/best-friendship-apps/

Audience : #3 This question is important Secondary

(Medium because we must find out https://www.oberlo.in/statistics/what-age- Research
Who is the audience for priority) who the target audience is group-uses-social-media-the- (Online
this solution? for the app that will connect most#:~:text=According%20to%20recent research)
people with similar %20research%2C%20global,users%2C%2
interests. This is because 0the%20majority%20are%20male.
the app structure and
functionality is based on the
audience, and hence why
this app is important for us.

Audience : #2 This is important because https://forms.gle/KtrA8oFJPk7AHbzY6 Primary

(Low we need to know if the Research
Will the targeted priority) targeted audience can test [Appendix Fig 1.8] (Survey)
audience be able to and make sure the product
understand the problem is suitable for the purpose
and solution and can and if the problem
they test the product? identified can be
understood by them.

Analyses a range of existing products that inspire a solution to the problem in detail

Existing Products Brief Strengths Weakness

4|Page
Vingle
https://www.vingle.net/users/sign_up If you just want someone to - Interest Network, - App contains ads
talk to at any given time connect you with
without necessarily meeting people who think like - Not very organized
up, Vingle is a great option. you and complicated to
When you join the platform, use
you choose as many interests - Search for your
as you want. Then, your news interests - Aesthetically poor
feed brings up relevant posts design (App looks
and members you can interact - Create a community boring )
with. It’s a social network, but online
one focused on connecting - Not available in all
like-minded people. The fact - News regions
that it’s completely free recommendation
makes it a gem among online based on your - Not available in all
groups for shared interests. interests languages
Chatting or getting advice
about your favorite hobbies - Talk with people - The reviews tell us
could not be easier. who have similar that the app
interests functionality is very
poor and there are
many technical issues
- Available question [Figure 1.9]
and answer (Q&A)
chats

- Great reviews from

users, the reviews
praise the app

- Login option with

Facebook, which
increases credibility
and accessibility

- Large user base (1

million downloads)

Patook
https://patook.com/ Another free platform popular - Make friends with - Does not promote
for people wanting to make people nearby who collaboration to a high
friends is Patook. You can share similar interests extent, mainly focused
access it through your phone on connecting people
or browser to start and build - Large user base for social interaction

5|Page
 platonic relationships based
on common interests. Patook - Multiple privacy - Aesthetically poor
works like a dating app. Its settings to allow your design (App looks
algorithm uses a point system, experience to be safe boring )
ratings, and other factors to - Not available in all
match similar individuals, - Completely free no regions
who can then reach out to paid feature
each other. There’s also a - Not available in all
beacon feature that lets you - Interest based languages
interact or meet up with users matching algorithm
near your location.
- Public posting
feature

- Preference settings
(Connects you with
people who you want
to talk with)

- Good reviews,
suggesting that the
app provides good
user experience

- Inbuilt chap option

Wink
https://www.getwinkapp.com/ Wink is a friendship app that - Helps you find - Not available in all
connects users to potential common interests regions
friends both locally and between you and your
around the world. If you're potential friend - Not available in all
looking for a resource that is languages
dedicated to serving - Great use of colors
friendships only, Wink is for and aesthetically - App contains ads
you. First, you create a appealing
profile, featuring a host of - In app purchases,
personal photos and details on - Inbuilt chap option full access of app is
your interests, preferences, not given to user and
likes, and dislikes. From - 4.2 stars rating, they must pay to get
there, you'll be able to explore which suggests that full access
other users on the app, and the user experience is
simply swipe to start a very good
conversation. You can easily
send a message, photos, gifs, - The reviews of the
and more through the app's app also convey to us
messenger feature, too. that the app is great

6|Page
 - Large user base (5
million downloads)

- Inbuilt game, to
engage users and help
them connect and
understand each other
better

We3
https://www.we3app.com/ Based on your detailed and - Great use of colors - In app purchases,
private profile, We3’s and aesthetically full access of app is
intelligent algorithm puts you appealing not given to user and
in “tribes” of three. From they must pay to get
there, it’s up to you to chat, - Inbuilt chap option full access
share, plan, or even leave a
group you’re not happy with. - Helps you find - Not available in all
A smart and simple system to common interests regions
meet new people. If groups of between you and your
three feel restricting, potential friend - Not available in all
however, there are ways to languages
work around it. Once you get - Large user base
to know enough people, you - Can only form a
could move the conversation - Privacy is given group with 3 people,
to WhatsApp or even a real importance and there which restricts
outing. What We3 and other are multiple security interaction
such apps offer is a safe features
environment to break the ice
and inspire future fun - 4 star rating, which
activities. suggests that the user
experience is good

- Meeting schedule
option, allows you to
schedule meets with
your friends

- Suggested topics
you may want to talk
with your friend

7|Page
 - Great reviews that
tell us the users really
liked the app

- No advertisements
in app

Develops a detailed design brief, which summarizes the analysis of relevant research.
Relevance:

After conducting a thorough investigation in accordance with the research plan, I can see that there is
a clear need to develop a digital solution that connects people who share similar interests to help them
collaborate more effectively. This was indicated by my survey with the digital community, which
included my friends, relatives, and others. According to the survey results [Appendix Fig 1.5],
everyone agreed that collaboration is necessary for success, but only 22.5% of people said they were
able to meet with similar thinking people to collaborate, while the remaining 77.5% said it was
difficult to find similar thinking people to communicate and collaborate. As a result of the survey, I
was able to pinpoint the cause of the problem. Effective collaboration can be enhanced through this
product in a highly interconnected world to promote sustainability and globalization.

Therefore, in response to people's inability to connect with like-minded individuals, I plan to develop
an app that connects like-minded individuals, allowing them to collaborate. I believe that this is the
best way to begin collaboration because people with similar interests will talk about their interests,
which may lead to them talking about common issues they both face, which they can then solve as a
team. This application will be targeted towards individuals aged 20 and 29. This is the most ideal
audience because the solution may be regarded as a social media application, and studies [Appendix
Fig 1.6] show that the 20–29 age group uses social media the most.

8|Page
Rough plan:

Creating an app that connects like-minded individuals is a step in the right direction towards promoting
collaboration, which is essential for success in today's highly interconnected world. The app will enable
individuals to connect and share their ideas and perspectives to solve common problems. The app will
first request the user to take a short questionnaire and based on the results they will be matched with
individuals who share similar interests. Additionally, the app will enable individuals to contact their
existing friends and invite them to join the community, making it a more personal and collaborative
experience. In terms of the technical aspects of the app, I will be using thunkable, a drag-and-drop app
builder, to create the app. This platform is easy to use, and I will have complete control over the design
and functionality of the app. To ensure the app is available on all platforms, I will be using a responsive
design, which will allow the app to adjust to any device it is being used on. Overall, this app is an
innovative solution to the problem of individuals struggling to find like-minded individuals to
collaborate with. With the app's personalized categorization and easy-to-use chat function, individuals
will be able to share their ideas, solve problems, and collaborate more effectively. This app will have a
significant impact on promoting effective collaboration, which is crucial for success in a rapidly
changing and interconnected world.

Resources (MLA8 Format):

Secondary -
- “Collaboration Conundrum: Survey Results and Analysis.” The RBL Group, 27 June 2018,
www.rbl.net/insights/articles/collaboration-conundrum-survey-results-analysis.
- Lin, Ying. “What Age Group Uses Social Media the Most?” Oberlo, Oberlo,
www.oberlo.in/statistics/what-age-group-uses-social-media-the-
most#:~:text=According%20to%20recent%20research%2C%20global,users%2C%20the%2
0majority%20are%20male.
- Nanou, Electra. “7 Tools to Find Awesome People with Similar Interests.” MUO, 13 May
2021, www.makeuseof.com/tag/6-tools-find-awesome-people-similar-interests/.
- Importance of collaborative learning in the classroom (2019) EducationWorld. Available at:
https://www.educationworld.in/importance-of-collaborative-learning-in-the-
classroom/#:~:text=Learners%20can%20critically%20understand%20their,critical%20think
ing%20skills%20in%20learners. (Accessed: November 19, 2022).
- Ribeiro, Sarah. “The Real Benefits of Team Collaboration in the Workplace.” Flock,
blog.flock.com/benefits-team-collaboration-
work#:~:text=Why%20is%20collaboration%20important%3F,increased%20success%2C%2
0and%20improved%20communication.&text=Through%20listening%20to%20and%20learni
ng,each%20other%20reach%20your%20goals.
- Moseley, Corey. “7 Reasons Why Collaboration Is Important.” Jostle Blog,
blog.jostle.me/blog/why-collaboration-is-important.

Primary –

- https://forms.gle/KtrA8oFJPk7AHbzY6
- https://forms.gle/MD8ticZrwUDTRJU77
All citations are in appendix file

9|Page
 Criterion B: Developing Ideas
Develops detailed design specifications, which explain the success criteria for the design of
a solution based on the analysis of the research

CRITERIA SPECIFICATION TEST MARKS

1) Structured 10
Navigation - Simple and Easy-to-Use Interface: The app should have a - The app will be tested to
simple and easy-to-use interface. The interface should be designed ensure that the problem is
in a way that allows users to easily accomplish their tasks without delivered accurately
feeling overwhelmed or confused. (performance testing).
- Clear Navigation: The app should have clear navigation that
allows users to easily move between different sections of the app. - A survey will also be
Navigation should be intuitive, easy to find, and consistent conducted on the target
throughout the app. audience as to check
- Consistent Design: The app should have a consistent design whether they were able to
throughout, including typography, color schemes, and visual grasp that a problem
elements. This helps users understand what to expect and makes existed (user trial).
the app easier to use.

10 | P a g e
 - User-Friendly Layout: The layout of the app should be user-
friendly and intuitive. Important information should be easy to
find and presented clearly.
- Clear Language: The app should use clear and concise
language that is easy to understand. Avoid using jargon or
technical terms that might confuse users.

Technical Aspects
- The placement of textboxes, buttons and search bars should be
organized to ensure easy navigation.
- All components (textboxes, buttons etc.) to be arranged in
vertical arrangement.
- Center alignment of all components (textboxes, buttons etc.)
- The app must utilize menus to organize the information into
different sections
- Proper navigation menu screen that allows for easy navigation
- Pop out menu screen to be included for navigation ease

2) - Visually Appealing Color Scheme: The app should have a - The app will be tested to 10
Aesthetically visually appealing and consistent color scheme that complements ensure that the app is
Appealing each other and is easy on the eyes. aesthetically appealing
Design - High-Quality Images and Graphics: The app should use high- (performance testing).
quality images and graphics that are relevant to the app's purpose
and appear professional. - User Testing: The app
- Typography: The app should use a font that is easy to read and should undergo user testing
consistent throughout the app, with appropriate font sizes and to get feedback on its
styles for the content and purpose. aesthetics and identify
- This can be accomplished by adjusting the background and font areas of improvement.
colors to make it more appealing.

Technical Aspects
- Background colors should be bright colors (cyan, blue, red, pink,
orange, yellow, magenta)
- Font colors should contrast with background, color
- A logo must be made for this app to make the app more
aesthetically appealing
- Font selection must be appropriate to suit the aesthetics and must
be simple to read and understand
- Must use layout options to make the product appealing

3) User - The app will be tested to 10

friendliness - User-Friendly Design: The app must have a simple and ensure that the app is
intuitive design that is easy for users to understand and use. Users simple to use (performance
should be able to easily navigate the app's features and functions testing).
without getting confused or frustrated.
- A survey will also be
conducted on the target

11 | P a g e
 - Error-Free Layout: The layout of the app should be designed audience as to check
to minimize errors and confusion whether they think the app
- User-Focused Design: The app should be designed with the is simple to use or not (user
user's needs and preferences in mind, providing a positive user trial).
experience that is both efficient and enjoyable.
- Minimized Complexity: The app should minimize complexity
by reducing the number of steps required to perform common
tasks and avoiding overly complex or technical features.
- Simple Language: The buttons, search bar, and text boxes
should use simple and concise language that is easy for users to
understand.

Technical Aspects
- Font Type and Size: Select a font type and size that is easy to
read and matches the tone of the app. A font size of 14 or above is
recommended for better readability.
- All components height must be 10% or more and width should
be 50% or more
- Iconography: Use icons that are intuitive and easy to
understand. Use simple shapes and avoid complex designs.
4) Multi- - Global reach: The app must be available in all regions of the - The app will be added in 10
region app world to achieve global reach and cater to a diverse audience. many regions and can be
availability - Inclusivity: The app should consist of symbols and text to seen from the app stores
ensure inclusivity and make it easier for people living in regions from different regions,
with different languages and cultures to use the app. evidence will be attached
- Priority criteria: The criteria for multi-region availability must in the report.
be prioritized while designing and developing the app to increase
its impact and promote collaboration among users from different
regions.
- Value proposition: multi-region availability is a crucial feature
that can significantly increase the value of the app by expanding
its user base and increasing its potential impact.

Technical Aspects
- Large database: To incorporate this feature, a large database is
necessary to store diverse information related to different regions,
languages. Firebase database could be used for this purpose
5) Balance - Importance of balance: The ratio of text to images in the app - A survey will be 10
between text must be balanced to maintain a professional and high-quality conducted to get feedback
and images appearance. on this criteria and, the
- Textual content: The app's textual content should be concise target audience will test the
and clear to avoid overwhelming the user with too much product and tell us if there
information. is a balance between text
- Visual content: Images and other visual elements should be and images.
relevant and add value to the app's content.
- Improved quality: A good balance between text and images can
significantly improve the app's overall quality and appeal to users.

12 | P a g e
 - Consistency: Maintaining a consistent balance between text and
images throughout the app can help establish a recognizable and
cohesive design.
6) Cost - Free of charge: The app must be completely free of cost for - A survey will be 10
users to download and use. conducted to get feedback
Installation: Users should be able to download and install the app on this criteria and, the
for free without any additional fees or charges. target audience will test the
In-app purchases: The app must not include any features or product and tell us if the
functionalities that require additional payments or in-app app requires you to pay to
purchases. access features or if the
No hidden fees: Users should not be charged for any usage or app is completely free.
subscription fees, and there should be no hidden costs associated
with using the app.
7) Numerous - Importance of multiple languages: The app must incorporate - The app will be tested to 10
Languages multiple languages to attract a wider audience and increase its ensure that the problem is
impact. delivered accurately
- Addressing existing limitations: One of the major flaws of (performance testing).
existing products is the lack of support for languages other than
English. Incorporating multiple languages can address this - A survey will also be
limitation and cater to diverse regions and cultures. conducted on the target
- Link with multi-region availability: Incorporating multiple audience as to check
languages is closely linked with the criteria for multi-region whether they were able to
availability since different regions have different languages. grasp the content in the app
- Increased audience base: Having multiple languages can (user trial).
significantly increase the app's audience base and improve its
potential impact.
- Accessibility for special needs: Adding voice recognition for
different languages can make the app more accessible for people
with special needs, but this may require a future update due to its
complexity.
- Language selection: Users should be able to select their
preferred language during the setup phase and change it at any
time.
- Improved communication: Providing multiple languages can
help users feel more confident in conveying their ideas, as they
can communicate in their preferred language.

Develops a range of feasible design ideas, using an appropriate medium(s) and detailed annotation,
which can be correctly interpreted by others

13 | P a g e
Design 1:
SCREEN 1

SCREEN 2

14 | P a g e
 SCREEN 3

Pros
- Simple design which can be easily
interpreted by others

- Has a logo in the home screen,

which adds to the aesthetic appeal of
the app

- Chat feature, in which users can

interact with each other

- Organized layout: The user can

easily understand the features of the
app and will not face any issue in
finding any option because the layout
of the app is organized

Cons
- No use of colours, which drastically decreases the aesthetic appeal of the app

- No use of menu’s feature which can make the user find it confusing to navigate through the app

- No use of images, there is no balance between text and images

- Black colour font is used throughout the app, which decreases the aesthetic appeal of the app

Success Criteria Marks

Organized 7

Aesthetically appealing design 2

Simple to use 6

App availability in multiple regions 10

Balance between text and images 1

Cost 10

Various languages 10

Total Marks: 46/70

15 | P a g e
Design 2:

SCREEN 1 SCREEN 2

SCREEN 3

16 | P a g e
 SCREEN 4

Pros
- Simple design which can be easily
interpreted by others

- Has a logo in the home screen, which

adds to the aesthetic appeal of the app

- Chat feature, in which users can interact

with each other

- Organized layout: The user can easily

understand the features of the app and will
not face any issue in finding any option
because the layout of the app is organized

- Use of multiple colours with fade effect

which increases aesthetical appeal of the
app

- Use of menu feature to make the app more organized and increase accessibility of all features and
makes navigation easier in the app

- The layout of features in the home page is unique and is eye catching and can help keep the user
appealed

Cons
- No use of images

- Black colour font is used throughout the app, which decreases the aesthetic appeal of the app

Success Criteria Marks

Organized 9

Aesthetically appealing design 10

Simple to use 9

App availability in multiple regions 10

Balance between text and images 3

Cost 10

Various languages 10

Total Marks: 61/70

17 | P a g e
Design 3:

SCREEN 1 SCREEN 2

SCREEN 3

18 | P a g e
Pros
- Simple design which can be easily interpreted by others

- Chat feature, in which users can interact with each other

- Use of images to increase aesthetic appeal

- Organized layout: The user can easily understand the features of the app and will not face any issue
in finding any option because the layout of the app is organized

- Use of 2 solid colours in the app

Cons
- Black colour font is used throughout the app, which decreases the aesthetic appeal of the app

- Has no logo, which decreases the aesthetic appeal

- No menu feature which makes it difficult to navigate through the app

Success Criteria Marks

Organized 5

Aesthetically appealing design 6

Simple to use 9

App availability in multiple regions 10

Balance between text and images 6

Cost 10

Various languages 10

Total Marks: 56/70

Presents the chosen design and justifies fully and critically its selection with detailed reference to
the design specification
After deep evaluation, design 2 was chosen as the final product because it includes more features and
provides a better user experience than the other designs. First and foremost, the app has a great layout
that keeps it organised. Organization is a significant aspect for this app because it improves user
experience, and if users like the app, they will use it more frequently and recommend it to others. This
design makes use of a menu feature to facilitate navigation, which is also mentioned in the design
specification. All the components in the app, such as the text boxes, buttons etc. are arranged in an
orderly way in which, the user can easily navigate. The first design specification is organization and
design 2 scored the highest compared to the other designs and is a major contributing reason for its
selection.

19 | P a g e
 COMPARISON OF DESIGNS AGAINST SUCCESS CRITERIA

Design Specifications Design 1 Design 2 Design 3

Organized 7 9 5

Aesthetically appealing design 2 10 6

Simple to use 6 9 9

App availability in multiple regions 10 10 10

Balance between text and images 1 3 6

Cost 10 10 10

Various languages 10 10 10

TOTAL Total Marks: 46/70 Total Marks: 61/70 Total Marks: 56/70

The second criterion is aesthetically appealing

design, which was included in the design
specification because apps with better aesthetics
have a higher retention time, which means that the
user will stay on the app for a longer period of
time if the app has great aesthetics. Design 2
received a 10/10 for this because it used multiple
colours with a fading effect. Every section of the
app featured a logo. The text contrasted with the
background, and the text will be white in the final
product to better complement the background. All
the other designs performed very poorly when
testing for this criterion.

The third criterion is the app's ease of use, and

design 2 outperformed design 1 but tied with
design 3. The font size is all greater than 14, as
specified in the design specification, and all components have the ideal height and width, as specified
in the design specification. This was an important criterion to apply in this design because having an
easy-to-use app allows for more activity on the app and a better user experience. The app is structured
in a logical and chronological order to facilitate navigation and ease of use. The app's design does not
feature the various languages option, but in the final product, multiple languages will be available for
selection, which is part of the success criteria. When the app is released, it will be available in multiple

20 | P a g e
 regions, which cannot be depicted in the
design because making the app available
in multiple regions necessitate additional
requirements that will be met in the final
product. The cost of the app is not stated
in the designs, but it will be completely
free to install and use. After the product is
created, users will confirm that the app is
completely free.

The main disadvantage of this design is

the lack of balance between text and
images. As a result, this design received a
3 out of 10 rating. The app will have
images in the final product to create a
balance between text and images, because
without this, the app will look very boring
and uninteresting, reducing retention
time.

Design 2 received the highest total

score of 61/70, followed by Design 2
with 56/70. Design 1 was a poor
representation of the app and was
therefore not considered at all. Design
3 is nearly as good as design 2, but it
was not chosen due to poor
organisation and aesthetic appeal.
Design 2 will be made into an app
using Thunkable.
The design of the below table is the
firebase database table. The firebase
database's organized table structure and
robust security features make it an
ideal choice for this project. Its user-
friendly interface and seamless
integration with Thunkable simplify app development and enhance data management, ensuring a
secure and customizable user experience.

Firebase Database Table Design:

Email Name Password Created User Unique ID

21 | P a g e
Develops accurate and detailed planning drawings/diagrams and outlines requirements for the
creation of the chosen solution.

App planning: Above is a diagrammatic representation of how the app will function. To begin using
the app, the user is required to download it. Once it's launched, the user will be directed to the home
screen. There, the user may opt to select their preferred language or navigate to the forms page. In the
forms page, they will need to input their name and email, and answer all the questions provided. A
profile will then be created based on their responses. The app will then display a list of individuals
who share similar thoughts, and from there, the user can choose with whom they would like to
converse. The chat room may accommodate multiple participants who can either join or leave at any
given time. The signup data of the user will be stored in a firebase database. [Rough flowchart for
backend of app Appendix Figure 5.0]
Firebase database planning: When the user firsts sign up their email, name, password is stored in
the firebase database table. A unique user id is created for each user. The format of the table is given
in the above page. When a user attempts to log in to their account, they will be prompted to enter their
email and password. Once the user has inputted this information, the app will perform a verification
process to ensure that the email and password entries are valid and match the corresponding data
stored in the firebase database table. It is worth noting that the general format and layout of the table
will closely resemble that of the firebase database, ensuring consistency and ease of use for the user.

Criterion C: Creating the Solution

Constructs a detailed and logical plan, which describes the efficient use of time and resources,
sufficient for peers to be able to follow to create the solution.
Logo creation, Icon creation, Background Image gathering:

22 | P a g e
 Task Technical Description Time Required Date

1) App logo creation Canva (Online graphic designer), 15 minutes 6/12/22

Element layout tool, Transparency
tool, Font type, Font size, Font
color
2) Gathering background images and Google images, editing using 20 minutes 6/12/22
editing them Canva, resizing tool, cropping tool,
snipping tool
3) Creating menu icon and send icon Canva, Shapes and objects, Color 5 minutes 6/12/22
picker, Element tool, Transparency
tool

Home page creation:

Task Technical Description Time Date
Required
1) Layout of the page and Adding background Screen select tool, 15 minutes 14/12/22
image Background image tool
2) Insert 2 labels for Logo and “About us” Label tool 2 minutes 14/12/22
information
3) Insert 3 buttons [Sign in, Choose different Button tool, Menu icon 3 minutes 14/12/22
language and menu]
4) Add functions to the buttons, when the Navigation block 5 minutes 14/12/22
respective buttons are clicked, the user is
navigated to the respective screen/page

Sign In and Signup page creation:

Task Technical Description Time Date
Required
1) Layout of the page and Adding background Screen select tool, Background 15 minutes 16/12/22
image image tool
2) Insert 1 label for Logo Label tool 2 minutes 16/12/22

3) Insert 3 buttons [Menu, Login and Register] Button, Menu Icon 3 minutes 16/12/22

4) Insert 3 text input [Name Input, Email input, Text input 3 minutes 16/12/22
Password Input] and add appropriate hints to the
respective text input
5) Connecting Firebase to Thunkable Firebase to thunkable 5 minutes 16/12/22
connection tool, API key tool
5) Adding firebase signup and sign in function Firebase database, connection 20 minutes 16/22/22
tool

Menu screen creation:

Task Technical Description Time Date
Required

23 | P a g e
 1) Layout of the page and Adding background image Screen select tool, 15 minutes 17/12/22
Background image tool
2) Insert List viewer List viewer 2 minutes 17/12/22

3) Insert 4 buttons into list [Homepage, Chat, Screen select tool 3 minutes 17/12/22
Questionnaire, and logout]
4) Add functions to the buttons, when the respective navigation block 10 minutes 17/12/22
buttons are clicked, the user is navigated to the
respective screen/page

Language selector screen creation:

Task Technical Description Time Date
Required
1) Layout of the page and Adding background image Screen select tool, background 15 minutes 18/12/22
image tool
2) Adding 1 label [Select your language] Label tool 3 minutes 18/12/22

3) Inserting a list viewer into the screen for containing List viewer 3 minutes 18/12/22
various languages
4) Inserting 5 buttons into the list viewer which are for Button tool 3 minutes 18/12/22
the language [English, Spanish, French, Chinese,
Hindi]
5) Creating 5 variables for 5 of the languages using Stored variable 4 minutes 18/12/22
stored variable
6) Adding functions to the 5 language buttons by Stored variable, Google translate 45 minutes 18/12/22
assigning them a variable and if the button is (to assist with the translation)
clicked every text/button/label/list in the app will
change to that language
7) Insert a button [Back Button] Navigation back to Button, Navigation block 3 minutes 18/12/22
home screen

Chat details page creation:

Task Technical Description Time Date
Required
1) Layout of the page and adding background image Screen select tool, background 15 minuets 19/12/22
image tool
2) Insert button to navigate to menu screen [menu Button, Navigation block 2 minutes 19/12/22
button]
3) Insert button to Enter into chat room [Enter Room Button, Navigation block 2 minutes 19/12/22
button]
4) Insert text input for entering group name with text input tool 3 minutes 19/12/22
appropriate hint text
5) Insert text input for entering username with text input tool 3 minutes 19/12/22
appropriate hint text
6) Insert label to showcase logo Label tool 2 minutes 19/12/22

7) Insert variable called group name to store the text Stored variable 2 minutes 19/12/22
input for group name

24 | P a g e
8) Insert variable called username to store the text Stored variable 2 minutes 19/12/22
input for username

Chat screen creation:

Task Technical Description Time Date
Required
1) Layout of the page and adding background image Screen select tool, background 15 minutes 29/12/22
image tool
2) Insert a label to show the group name, using the Label, Stored Variable 5 minutes 29/12/22
stored variable that has been initialized in the
previous screen
3) Insert a button that exits the chat screen and Button tool 3 minutes 29/12/22
navigates the user to the chat details page [Exit
button]
4) Insert a list viewer that showcases the messages List viewer tool 3 minutes 29/12/22
sent and received by users.
5) Insert text input to allow the users to enter their Text input tool 3 minutes 29/12/22
message with the appropriate hint
6) Insert button that when clicked will send the Button tool, Send icon 3 minutes 29/12/22
message.
7) Create new cloud variable to store the chats [CHAT Cloud variable 3 minutes 29/12/22
cloud variable] The data in this variable will be
shown in the list viewer

Question 1 screen creation:

Task Technical Description Time Date

Required
1) Layout of the page and adding background image Screen select tool, background 15 minutes 1/01/23
image tool
2) Insert a label to show the logo Label tool 3 minutes 1/01/23

3) Insert a label to inform the user about the purpose Label tool 2 minutes 1/01/23
of quiz
4) Insert a label that shows the first question Label tool 2 minutes 1/01/23

5) Insert 2 buttons, for the 2 options 2 Buttons 3 minutes 1/01/23

6) Insert 1 button, that navigates the user to the next button, navigation block 3 minutes 1/01/23
question which is placed in the next screen
7) Create stored variable called Q1 which stores the Stored variables 3 minutes 1/01/23
answer to the first question, which ever option is
clicked that answer is saved in the variable called
Q1. Each option has a particular number, and that
number is added to the variable when chosen

Question 2 screen creation:

25 | P a g e
 Task Technical Description Time Date
Required
1) Layout of the page and adding background image Screen select tool, background 15 minutes 2/01/23
image tool
2) Insert a label to show the logo Label tool 3 minutes 2/01/23

3) Insert a label that shows the second question Label tool 2 minutes 2/01/23

4) Insert 2 buttons, for the 2 options 2 Buttons 3 minutes 2/01/23

5) Insert 1 button, that navigates the user to the next button, navigation block 3 minutes 2/01/23
question which is placed in the next screen
6) Create stored variable called Q2 which stores the Stored variables 3 minutes 2/01/23
answer to the question, which ever option is clicked
that answer is saved in the variable called Q2. Each
option has a particular number, and that number is
added to the variable when chosen

Question 3 screen creation:

Task Technical Description Time Date
Required
1) Layout of the page and adding background image Screen select tool, background 15 minutes 4/01/23
image tool
2) Insert a label to show the logo Label tool 3 minutes 4/01/23

3) Insert a label that shows the third question Label tool 2 minutes 4/01/23

4) Insert 2 buttons, for the 2 options 2 Buttons 3 minutes 4/01/23

5) Insert 1 button, that submits the final question and button, navigation block 3 minutes 4/01/23
navigates the user to the response based matching
screen
6) Create stored variable called Q3 which stores the Stored variables 3 minutes 4/01/23
answer to the question, which ever option is clicked
that answer is saved in the variable called Q3. Each
option has a particular number, and that number is
added to the variable when chosen

Response based matching screen creation:

Task Technical Description Time Date
Required
1) Layout of the page and adding background image Screen select tool, background 15 minutes 4/01/23
image tool
2) Insert a label to show the logo Label tool 3 minutes 4/01/23

3) Insert a label to inform the users about response- Label tool 3 minutes 4/01/23
based matching

26 | P a g e
4) Insert a label to show the users their ‘code’ which is Label tool 3 minutes 4/01/23
the sum of all the answers.
5) Insert a button, when clicked the user can view their Button tool 2 minutes 4/01/23
matches/people who are like minded
6) Insert a list viewer, that showcases the people who list viewer 2 minutes 4/01/23
think like the user, this data is retrieved from a
database
7) Insert a button that navigates the user back to the Button 3 minutes 4/01/23
home screen
8) Create new stored variable that stores the sum of all Button 3 minutes 4/01/23
the answers
9) When the button view matches is clicked the app List blocks, data source blocks 5 minutes 4/01/23
will check for people with the same code and
display their names in the list

Logout screen creation:

Task Technical Description Time Date
Required
1) Layout of the page and adding background image Screen select tool, background 15 minutes 4/01/23
image tool
2) Insert a label to show the logo Label tool 3 minutes 4/01/23

3) Insert a button that leads to the menu page Button tool, Navigation block 3 minutes 4/01/23

4) Insert a button that when clicked will log out the Button, Navigation blocks 3 minutes 4/01/23
user and lead them to the home screen
5) When the log out button is clicked firebase sign out Firebase log out tool 3 minutes 4/01/23
function will take place

Quality Assurance/Check: To ensure the app usability is the best, while making the app I will
simultaneously keep checking if the placement of the text boxes, buttons, lists etc, are in a logical
arrangement in which the user can easily view and understand the content.

Demonstrates excellent technical skills when making the solution.

Logo Creation and image gathering:
I designed the app logo using an online application called 'Canva' which can be used to design logos.
It has thousands of templates, font styles, and text colours to choose from. After reviewing several
templates, I created a blank sheet and typed "ENVISION" into it. I chose a simple design because it
gives the app a modern and stylish
appearance, which is a great tool for
attracting the target audience. I changed
the font size, font colour, line spacing,
and letter spacing. To make the app
more visually appealing, I changed the
colour of the text based on the
background for each screen. I also
considered the app's overall aesthetic

27 | P a g e
and ensured that the logo would blend in seamlessly with the overall design.
I designed two icons in Canva. The first icon represented the menu. This
icon is made up of three white horizontal bars. The second icon, a paper
plane, represents the chat screen's send button. I was able to find gradient
backgrounds that suited my logo on Google by conducting a thorough search
using gradient backgrounds-related keywords. I then refined my search by
using filters like colour, style, and resolution to find the perfect backgrounds
that matched the colours and design of my logo. I also used my technical
skills to edit the backgrounds to fit the dimensions of my app and ensure they were high-resolution
and optimised for different devices using Canva.
The gradient backgrounds I discovered gave my app a modern and stylish look, and they helped my
logo stand out more. I was able to create a seamless and cohesive design by layering the logo on top
of the backgrounds and adjusting the opacity. The gradient backgrounds also contributed to the
overall aesthetic and appeal of the app by creating a dynamic and engaging user experience for my
app users.

Response-based matching and logical thinking:

Using my logical thinking skills and database
knowledge, I was able to add a feature to my app
called response-based matching. I discovered that
there were no tutorials or guides for this specific
feature, so I had to create my own solution. I started
by thinking about different ways to match users
based on their responses and analysing the data in
the database. I then applied my logical thinking
skills to determine the best approach and created an
algorithm that matched users based on their
responses. I also used my database knowledge to
create the queries and tables needed to store and
retrieve the user's responses. I then tested and refined the algorithm until it could accurately and
efficiently match users. Despite the lack of tutorials and guidance, I was able to use my logical
thinking skills and database knowledge to create a unique and useful feature for my app with minimal
help.
My self-learning abilities enabled me to take charge of my own learning process and learn new skills
and knowledge on my own. I was able to watch videos and use the information I learned from them as
inspiration to write my own code and build an app that was original and not a copy of another app.
This process assisted me in honing my problem-solving, creativity, and critical thinking abilities. Self-
learning not only assisted me in my app development journey, but it also assisted me in becoming
more self-sufficient, confident, and adaptable to change, all of which can be beneficial in many
aspects of my life, including personal,
educational, and professional
development. This is evident from the
code I have written for the code screen,
which is all original and I came up with
from my self-learning abilities.

28 | P a g e
The code shown is an extract from the larger code. The purpose of this code is to add the scores from
the different questions and create a code. If any other user has the same code their name will be
shown to the user. This is a logical system that I have personally created using thunkable and database
to create this response-based matching.

Sign Up and Sign In using firebase database:

Using my technical skills, I incorporated Sign Up
and Login using firebase database. Sign Up and
Login Keep the app safe by allowing only the
appropriate people to use it. To log in and access
sensitive information, users must enter their
username and password. This also contributes to
keeping users interested in the app by providing
personalised features when they create an account.
This helped created accounts and profiles which is
beneficial for the response based matching feature. I
learned from watching firebase tutorials on how to
connect firebase database to thunkable. To integrate
Firebase Authentication, I used technical skills such
as setting up a Firebase project, configuring
Firebase Authentication, and utilizing the Firebase
Authentication API to facilitate the authentication
process. To set up the Sign In UI, I once again
employed my technical skills to design an intuitive
layout that allows users to enter login information
with ease.

Real time messaging using cloud variables:

I had to use my technical skills in several areas to build real-time messaging on Thunkable using
cloud variables. To begin, I
needed to grasp the concept
of a cloud variable and how
it could be used to store and
share data between
numerous users in real-time.
Then I had to create an
intuitive and user-friendly
user interface for the
messaging function. The
logic of the messaging
feature had to be developed next, which included programming the transmit and receive functionality
using Thunkable's visual programming blocks. I had to ensure that messages sent by one user were
immediately visible to the recipient and that the chat history was securely and efficiently kept.
Overall, building real-time messaging on Thunkable with cloud variables required a diverse set of
technical skills, including cloud variable knowledge, UI/UX design, programming logic, testing, and
deployment. The end product was a powerful and user-friendly messaging feature that could improve
the app's overall user experience.

29 | P a g e
 Multiple Languages:
Adding a multi-language feature to an app
necessitates a combination of technical and
language skills. To accomplish this on Thunkable,
I first needed to understand how the stored variable
component worked and how I could use it to save
and share language preferences across different app
screens. Following that, I had to design the user
interface to be user-friendly and easy to navigate
for users who spoke different languages. Then I had
to write logic to detect the user's language
preference and display the correct language on the
app. This entailed defining the language codes with
programming blocks and linking them to the stored
variables. I also had to ensure that the app could
switch between languages dynamically without
interfering with the app's functionality or data.
Navigation System and logical thinking:
I was able to make
navigating through
the apps easier by
including a menu
feature and testing the app several times to ensure that the buttons and
navigation tools were in the correct location. I tried to consider the
user's point of view and placed the menu and navigation buttons in
intuitive and easy-to-find locations. Furthermore, I thoroughly tested the
app to ensure that all buttons and navigation tools worked properly and
were placed in the appropriate locations to provide the best user
experience. This method assisted me in developing an app that was
user-friendly and simple to navigate.

30 | P a g e
Follows the plan to create the solution, which functions as intended and is presented appropriately.

More evidence can be found in appendix file [Fig 4.0 and Fig 4.1]
Before I started working on my app, I spent a significant amount of time developing a detailed and
comprehensive plan. Throughout the development process, this plan helped me stay organised and on
track. To begin, I divided the project into smaller, more manageable tasks that could be completed

31 | P a g e
 within certain timeframes. This allowed me to focus on one task at a time, which helped me avoid
feeling overwhelmed while also ensuring that I was making progress on the project every day.
Secondly, I made a point of including even the smallest details in the plan, such as the placement of
specific buttons or the colour scheme of the app. This level of attention to detail enabled me to focus
on all the important aspects of developing a great app. It also allowed me to identify potential issues
and make necessary changes before they grew into larger problems that would have been more difficult
to resolve later in the development process. Furthermore, I used the plan to set specific deadlines for
each task, ensuring that I finished the project on time. This level of preparation enabled me to avoid
missing deadlines and allocate my time more effectively. I was able to stay on track, avoid mistakes,
and ultimately create a polished, functional, and user-friendly app by following the plan. The plan was
a great tool for guiding me through the development process, and it helped me deliver a great and
successful product.

Fully justifies changes made to the chosen design and plan when making the solution.
After finishing the app product, I discovered that I mostly followed the plan and design. There are a
few areas where I deviated from the plan/design because I believed it would increase the app's
chances of success. As a result, the following changes were made to the final product app:
1) I made a significant technical decision to change the app's design in Strand 4 of Criteria B. I had
intended to display all the questions on a single page at first. Instead, I decided to separate each question
into its own page. This change was motivated by a desire to improve the app's organisation and make
coding the questions on separate pages easier. I was able to manage the layout and presentation of each
question more effectively by separating the questions into individual pages. This allowed me to fine-
tune the design of each question and improve the user experience by making each question easy to read
and understand. Separating the questions into individual pages also made the development process more
streamlined and efficient from a coding standpoint. I was able to write more concise and effective code
for each page by focusing on one question at a time, which ultimately helped to improve the app's
overall quality.
Overall, this change represents a significant technical improvement to the app, and it will undoubtedly
improve usability and overall user experience.

Criterion D: Evaluating
Designs detailed and relevant testing methods, which generate data, to measure the success
of the solution.

Tested page Function/feature Expected outcome Actual Comments Success

being tested outcome (out of 10)
Home page App launches properly into When the user launches the app, As User can launch 10
the home screen the app should load into the home expected into the landing
page page of the app
Home page ‘Sign In’ Button When the user clicks on the As User is being 10
button ‘sign in’ the user should be expected navigated to the
navigated to the sign in screen sign in screen

32 | P a g e
Home page ‘Choose a different When the user clicks on the As User is being 10
language’ Button button ‘Choose a different expected navigated to the
language’ the user should be language selector
navigated to the language selector screen
screen
Home page Menu button When the user clicks on the As User is being 10
button ‘Menu’ the user should be expected navigated to the
navigated to the menu screen menu screen

Sign In screen ‘Log In’ button When the user clicks on the As User is being 10
button ‘Log In’ the app must expected logged in
check in the firebase database if successfully
the email and password exist and
then log the user in to the app, if
the email and password does not
exist in the firebase database then
send a alert.
Sign In screen ‘Register’ button When the user clicks on the As User is being 10
button ‘Register’ the app must expected Registered
add a new row in the firebase successfully
database and add the email,
password, and name input. Then
the app must send an alert saying
registration is successful.
Sign In screen Menu button When the user clicks on the As User is being 10
button ‘Menu’ the user should be expected navigated to the
navigated to the menu screen menu screen

Menu screen ‘Home page ’ Button When the user clicks on the As User is being 10
button ‘Home page’ the user expected navigated to the
should be navigated to the home home page
page screen

Menu screen ‘Chat’ Button When the user clicks on the As User is being 10
button ‘Chat’ the user should be expected navigated to the
navigated to the chat screen chat page

Menu screen ‘Questionnaire’ Button When the user clicks on the As User is being 10
button ‘Questionnaire’ the user expected navigated to
should be navigated to the question 1 screen
Questionnaire screen

Menu screen ‘Log out’ Button When the user clicks on the As User is being 10
button ‘Log out’ the user should expected navigated to log
be navigated to the Log out out screen
screen

Language selector ‘English language’ Button When the user clicks on the As App text is 10
screen button 'English' the app text expected changing to
should change to English English when the
language button is clicked

33 | P a g e
Language selector ‘ह द
िं ी language’ Button When the user clicks on the As App text is 10
screen button ‘ह द
िं ी ’the app text should expected changing to Hindi
when the button is
change to Hindi language
clicked

Language selector ‘中国人 language’ Button When the user clicks on the As App text is 10
screen button ‘中国人’the app text expected changing to
should change to Chinese Chinese when the
language button is clicked

Language selector ‘Français language’ Button When the user clicks on the As App text is 10
screen button ‘Français’ the app text expected changing to
should change to French language French when the
button is clicked

Language selector ‘Español language’ Button When the user clicks on the As App text is 10
screen button ‘Español’ the app text expected changing to
should change Spanish language Spanish when the
button is clicked

Language selector ‘Back’ button When the user clicks on the As User is navigated 10
screen ‘Back’ button the user should be expected back to home
navigated to the home screen screen when the
button is clicked

Chat details ‘Enter room’ button 1) The app should check the input As User’s input is 10
screen of a user's name and group name expected being checked
when the user clicks on the button and based on that
"Enter Room." a new group is
2) If the input is blank or null, the being created or
app should send an alert asking they are put into
the user to enter a valid username the existing group
and group name.
3) If the input is not blank or null,
the app should check if the group
name already exists. If it does, the
app should join the user to that
group.
4) If the group name does not
already exist, the app should
create a new group and adds the
user to it.
Chat screen ‘Group name’ label The ‘Group name’ label must As The app is 10
display the group name that was expected successfully
entered by the user displaying the
group name in the
label
Chat screen ‘Send’ button When the user clicks on the As The app is 10
‘send’ button, the app should expected sending the
send the message message
successfully
without any error

34 | P a g e
Chat screen ‘Exit’ button When the user clicks on the ‘Exit’ As The app navigates 10
button the app should navigate expected the user to the
the user to the chat details screen chat details screen
when the button is
being clicked
Question 1 screen ‘Outside’ button When the user clicks ‘Outside’ As The app navigates 10
(This button is one of the they should be navigated to the expected the user to the
options for the question) next question screen and their next question
response should be saved to the screen and their
variable response is being
saved to the
variable
Question 1 screen ‘Home’ button When the user clicks ‘Home’ they As The app navigates 10
(This button is one of the should be navigated to the next expected the user to the
options for the question) question screen and their next question
response should be saved to the screen and their
variable response is being
saved to the
variable
Question 2 screen ‘Yes’ button When the user clicks ‘Yes’, they As The app navigates 10
(This button is one of the should be navigated to the next expected the user to the
options for the question) question screen and their next question
response should be saved to the screen and their
variable response is being
saved to the
variable
Question 2 screen ‘No’ button When the user clicks ‘No’, they As The app navigates 10
(This button is one of the should be navigated to the next expected the user to the
options for the question) question screen and their next question
response should be saved to the screen and their
variable response is being
saved to the
variable
Question 3 screen ‘Learn something new’ When the user clicks on the As The app saves 10
button ‘Learn something new ’ button, expected their response to
their response must be saved to the variable when
the variable the button is
clicked
Question 3 screen ‘Ask someone for help’ When the user clicks on the ‘Ask As The app saves 10
button someone for help’ button, their expected their response to
response must be saved to the the variable when
variable the button is
clicked
Question 3 screen ‘Submit’ button When the user clicks on the As The app navigates 10
‘Submit’ button, they should be expected the user to the
navigated to the ‘Response based appropriate screen
matching’ screen when the button is
clicked
Response based ‘Your code’ label When the screen opens, ‘Your As When the screen 10
matching screen code’ label must display the total expected opens the label
score of the response that was displays the total
stored in the variables score of the
responses

35 | P a g e
Response based ‘Click to view matches’ When the user clicks on the As When the button 10
matching screen button ‘Click to view matches’ expected is clicked the list
the list below this button should is showing the
display the names of people with names of the
the same score as the user similar thinking
individuals
Response based ‘Back’ button When the user clicks on the As The user is being 10
matching screen ‘Back’ button they should be expected navigated to the
navigated back to the home home page
screen

Log Out screen ‘Menu’ button When the user clicks on the As The user is being 10
‘Menu’ button they should be expected navigated to the
navigated to the menu screen menu screen

Log Out screen ‘Log Out’ button When the user clicks on the As The user is being 10
button ‘Log Out’ they are logged expected logged out
out of their account and an alert is successful and
sent saying ‘Log Out successful’, they are being
then the user is navigated back to navigated to the
the home page home screen
TOTAL=
330/330

Feedback from Target Audience (User trial):

Question Answer
Did the app successfully allow you to collaborate with a similar I successfully collaborated with like-minded
thinking individual? individuals
What did you like in the app? The app's aesthetics caught my attention,
especially with its well-complimented
backgrounds and seamless page navigation.
What improvements can make the app better? The app can be improved by adding more
language options and a feature to view all
individuals with similar interests.
Was the app easy to understand and use? Yes, I had no trouble comprehending the app and
its components.
Was the app simple? Yes

36 | P a g e
Did the app and its pages look good? Were the pages balanced? Yes, it looks good, it has less images, but the app
does not require any images
Was It easy to move to the different areas of the app? Yes, very easy

Performance Testing:
Questions Response

Did the login function work? Yes, it worked properly, and the data
was being stored in the database
properly.

Did the language selection feature work? Yes, it worked

Did you find it easy to navigate through the app and utilize its Yes, I found it easy to navigate through
features? the app

How many users were in the chat room? 7

Did all the users communicate with each other effectively? Yes

Did you have any problems communicating with other users in No issues
the room? If yes, what difficulties did you encounter?

Was there any delay in receiving messages from other users? No

After running a performance test, we can confirm that the app is operational. The app's supporting
components, the Firebase database and cloud variables, can handle multiple users. The Firebase
database effectively logs in users, while Thunkable's cloud variables manage multiple users in the
chat room. This performance test was useful in identifying any app bugs, but none were discovered
during the test.
All the feedback from target audience is shown in figures 2.1,2.5, 2.6, 2.7 appendix.

Critically evaluates the success of the solution against the design specification based on
authentic product testing.
Based on the feedback from the target audience, the final app product was found to be successful in
meeting the success criteria established for evaluating the design specifications. This is because the
best specifications from criterion B were used in creating the app's layout and game. A testing process
was carried out to determine if the app met the specifications in criterion B, and the result of 330/330
confirms that the app was precisely made to meet these specifications. To further ensure the success
of the final product, a final evaluation will be conducted based on both personal observation and the
feedback from the target audience.

37 | P a g e
 The seven criteria that make up the success criteria of the overall app layout are structured navigation,
aesthetically appealing design, user friendliness, multi-region app availability, balance between text
and images, cost, and numerous languages.

Success Criteria Justification Marks

Structured The app was well-structured and user-friendly, enabling the intended users to quickly 10 / 10
Navigation become familiar with it and utilize it effectively. Their experience was predominantly
positive, as they were able to access information without difficulty or confusion. The
app's organized layout, with its straightforward design, made it easy for users to
comprehend the app and navigate its pages. According to the target audience's
feedback, they found the app to be well-organized.

Aesthetically The app not only boasted a highly organized structure, but it also had an eye-pleasing 10 / 10
Appealing Design design, with vibrant backgrounds and a custom colour scheme for text. The target
audience was quite vocal about their appreciation for the cheerful colours and visually
appealing layout. They frequently mentioned how much they enjoyed the visual
aspects of the app. The design was not only effective in terms of functionality but also
added to the overall user experience, making it more enjoyable and engaging for the
target audience. The use of bright colours and a well-thought-out colour scheme
throughout the app contributed to its overall aesthetic appeal, leaving a positive
impact on the users.

User friendliness The target audience found the app to be user-friendly and straightforward to navigate. 10 / 10
They credited its simplicity to its organized layout. The app had a straightforward
design that was void of any complicated navigation or functions, which made it easy
to understand and use. The target audience praised the app for being uncomplicated
and straightforward, making it an ideal choice for anyone looking for a user-friendly
experience. The app's design also ensured that users would not become frustrated or
confused while using it, as all its features and functions were presented in a clear and
concise manner. In short, the target audience was pleased with the ease of use and
simplicity of the app, which was made possible by its well-organized layout.

Multi-region app As of now I have not published the app on play store or app store, and I cannot NA
availability confirm if the app will be available in multiple regions because it requires extra work
to publish the app on play store and app store and for now it’s not feasible.

Balance between The app was designed with simplicity and functionality in mind, which is why the use 9 / 10
text and images of images was kept to a minimum. Despite this, the target audience did not find this to
be an issue as they felt that the app did not require many images to perform its

38 | P a g e
 intended functions effectively. I made a conscious effort to ensure that there was a
balance between the use of text and images, as too much of either one can lead to a
cluttered and overwhelming user experience. The text on each page was carefully
curated to provide the necessary information without overwhelming the user. The
minimalistic approach to design allowed the app to maintain its focus on delivering a
seamless and efficient user experience.

Cost All the features in the app are completely free, with no hidden charges or in-app 10 / 10
purchases. The app has received positive feedback from its users who appreciated this
feature.

Numerous The app currently offers 5 different languages, English, Spanish, French, Hindi, 9 / 10
languages Chinese. English is the default language. The responses from the users, suggest that
they want more languages in the app to allow for more people to join the apps
userbase and allow for more collaboration but overall, the users seem satisfied with
the 5 languages.

Explains how the solution could be improved.

Upon evaluating the final version of the app and considering feedback, it has become clear that there
is potential for improvement. Despite the app's success in effectively addressing the issue and
delivering a positive experience to the intended users, it is crucial to address any areas where the app
falls short to further enhance its success.
To improve the app and provide a better user experience, I am taking into consideration three main
suggestions from the users and one suggestion from me after I self-tested the app.
Adding more languages:
The first suggestion is to add more languages to the app to increase its audience base and enhance
communication between users from diverse backgrounds. To implement this change, I will add more
language options to the language selector page and update the code to allow for the text to be
translated into these new languages. This will have a significant impact on the users as they will be
able to communicate and collaborate with like-minded individuals from different parts of the world.
Showcasing more like-minded individuals:
The second suggestion is to show more similar thinking individuals to the users. Currently, the app
only displays two like-minded individuals, but the users have requested to see a larger list of similar
individuals to encourage more collaboration and communication. To address this issue, I will adjust
the code to allow for the display of more like-minded individuals.
More images:
In addition to these two main suggestions, the users have also requested a minor improvement, which
is to add more images throughout the app for better visual balance. I am working on incorporating
these changes to improve the app.
Friend request feature:
While testing my app and reviewing my product plan, I discovered an area for improvement. I
identified the need to add a friend request feature to facilitate connections between individuals who
are already in contact with each other. Although I initially planned to include this feature in the

39 | P a g e
product plan, I encountered technical limitations with Thunkable that prevented me from doing so. I
am currently exploring potential solutions, including the use of code or extensions, to find a way to
add this feature and enhance my product.

Explains the impact of the product on the client/target audience.

ENVISION is a collaboration chat app that brings together people who have similar thoughts and ideas.
The app is aimed specifically at people aged 20 to 29, who are often thought to be the most tech-savvy,
open to new ideas and most active on social media [Appendix Fig 1.6]. The app allows users to connect
with others who share their interests, form groups, and participate in discussions and brainstorming
sessions. The app's primary goal is to encourage collaboration and idea-sharing among people from
various backgrounds and industries.
Social Interaction:
One of the primary advantages of ENVISION for people aged 20 to 29 is the opportunity to connect
with others who share similar interests and passions. This function is especially useful for young people
who may feel isolated or disconnected in their personal or professional lives. A student studying
environmental science, for example, who may feel isolated in their field, can use the app to connect
with other students and professionals and participate in discussions and brainstorming sessions. This
sense of belonging and community can help to boost motivation, creativity, and productivity [Appendix
Fig 2.8].
Collaboration:
Another advantage of ENVISION is that it provides users with access to a wide range of perspectives
and ideas. By connecting with people from various backgrounds and industries, users can gain new
insights and perspectives that they might not have considered otherwise. This diversity of ideas can lead
to more innovative and creative problem-solving solutions, especially in the field of sustainability
[Appendix Fig 3.0]. Furthermore, by conversing with people from various backgrounds, users can learn
more about different cultures and perspectives, which can help to increase empathy and understanding
[Appendix Fig 2.9].
Global Impact:
ENVISION is also important in terms of globalisation and sustainability. The app connects users with
people from all over the world, encouraging collaboration and idea-sharing among people from various
cultures and backgrounds. This can result in the formation of global networks and partnerships that can
bring about real-world change [Appendix Fig 3.0]. Furthermore, because it allows users to share
information and resources about various environmental and sustainability issues, the app can be used
as a tool for education and awareness-raising. This can aid in raising awareness and mobilising people
to act on these issues.
Conclusion:
To summarise, ENVISION is a powerful tool for connecting people who have similar thoughts and
ideas. The app is especially beneficial for people aged 20 to 29, giving them a sense of community and
belonging, access to diverse perspectives and ideas, and the possibility of social and political change.
Furthermore, it contributes to globalisation and sustainability by encouraging collaboration and idea-
sharing among people from various cultures and backgrounds, as well as raising awareness about
environmental and sustainability issues. As such, it has the potential to positively impact people and
effect real change in the world.

40 | P a g e