The Design of a Gamified Responsible Use of Social Media

Social media is part of almost everyone's daily life. Its networking facilities redefines the way people connect and interact with each other. However, social media is reported being misused in different ways, especially the millennials. There is a need to elevate the teens' level of empowerment on the responsible use of social media. Other technological innovations like augmented reality (AR) and digital gamification provides pedagogical benefits. Digital gamification in the classroom is a teaching strategy that translates content and delivery into a game using digital technology. On the other hand, AR is an emerging technology to enlarge real-life situations in multimedia. Research shows both technologies increase interactivity well as attention span among the learners. Additionally, these technologies, including social media, are among the many useful tools in teaching twenty first century learners once correctly used. With this, a game-based mobile application was developed to advocate responsible use of social media among teens. The learning content was gamified in augmented reality to provide an innovative teaching and learning way at Silliman University. This paper describes the gamification design of the learning trail on the topic of responsible use of social media. Specifically, it presents the publishing process of the augmented reality mobile application about responsible use of social media. Kuhlmann's 3C Model (Challenge, Choices, Consequences) was utilized to formulate the learning content. It also demonstrates the design phases, game mechanics, and the general evaluation of the learning application. Four challenges were developed. These are (a) be familiar with security and privacy policies, (b) do not express concerns about others, even if you think you are anonymous, (c) respond to digital offenders, (d) do not tell the world about an upcoming vacation. These challenges were translated into graphics and animations. The animated material was compiled, programmed, and published to a server of the mobile application. The gamified learning trail on responsible use of social media is accessible through QR codes leading to the augmented reality interface. The design was validated and found to be relevant and engaging.


INTRODUCTION AND LITERATURE REVIEW
Technological advancement is rapidly increasing, which affects humanity. It affects how people think and interact and how people live and decide. Among the emerging of today's technological innovations that redefine online activities is social media. Social media usage is rising. An ∼3.6 billion people were using social media globally in 2020 and are projected to rise to almost 4.41 billion in 2025 (Clement, 2020). Likewise, the GlobalWebIndex's flagship report on social media in 2019 stated that 98% of consumers had used a social media network in the past month; being an internet user means being a social media user (GlobalWebIndex., 2019). It also reported that 63% of people feel most comfortable sharing and talking about messaging apps. It also reported that 60% of internet users said they had watched a video on Facebook, Twitter, Snapchat, or Instagram in the past month.
Interestingly, the Philippines ranked first in terms of user engagement. An average time per day spent is 4 h and 1 min, twice the amount of time spent by U.S. users (Clement, 2020). These global reports illustrate how social media changes how people communicate and how information is shared. It can also be asserted how people, especially the Filipinos on how engaged they are and how they use social media. Webster's dictionary defines social media as "forms of electronic communication through which users create online communities to share information, ideas, personal messages, and other content." Studies have shown the pedagogical benefits of social media in learning and education. Social media applications "support the acquisition, access, manipulation, processing, retrieval, presentation, and visualization of information within a teaching/learning space [White et al., 2014]." Sheldon (2015) summarized the benefits of social media education surrounding student-centeredness, interactivity, customization, collaboration, access, engagement, creativity, and support system, among others. Social media applications encompass wikis, blogs, microblogs, online groups, forums, podcasts, video-sharing, web mashups, virtual worlds, community sharing, social repositories, social tagging, bookmarking, and many more.
Gamification is defined as "the process of adding games or game-like elements to something so as to encourage participation" [Merriam-Webster. (n.d).]. "Gamification is using game-based mechanics, aesthetics, and game-thinking to engage people, motivate action, promote learning, and solve problems" (Kapp et al., 2013). Fuchs et al. (2014) rethinks gamification as the "permeation of economic, political, and social contexts by game-elements such as awards, rule structures, and interfaces that are inspired by video games." Gamification involves three general principles: mechanics, dynamics, and emotions (Robson et al., 2015). Further, gamification is a teaching strategy that generally translates content and delivery into a game in the form of "points, badges, and leaderboards as incentives and motivations to be productive" (Fuchs et al., 2014). There are two general types of gamification in education. These are structural and content gamification with the primary intention to achieve learning outcomes through content, stimulate action, influence behavior, and drive innovation (Kapp et al., 2013). Among the popular frameworks in assessing gamification's effectiveness in teaching and learning includes the Kapp Framework, Csikszentmihalyi's Flow Framework, and Student Intrinsic Motivation for Persistence in Learning Environments Matrix (Bell, 2018). Studies show that gamified content are more lifelike when applied with augmented reality.
Augmented reality (AR) is defined as "a wide spectrum of technologies that project computer-generated materials, such as text, images, and video, onto users' perceptions of the real world" (Chi-Yin Yuen et al., 2011). It is depicted as "enhancement of the real world by computer-generated content which is tied to specific locations or activities" (Krämer, 2017). Wu et al. (2013) asserts that instructional approaches in AR must emphasize the roles, tasks, and locations. Forms of AR include markerbased, markerless, projection-based, and superimposition-based [Profiletree.com. (a)., 2020], which generally comprises displays, input devices, tracking, and computers (Carmigniani and Furht, 2011). Augmented reality in the classroom is usually coupled with mobile technology because it is low cost and easy to integrate appropriate to the course and education type. Gu and Duh (2011) concluded that mobile-based AR in education must emphasize performance, portability, and extendibility. Among the most common technology in augmented reality application is QR (Quick Response) code.
This paper describes the gamification design of a learning trail on the topic of responsible use of social media. Specifically, it presents the publishing process of the augmented reality mobile application about responsible use of social media.

BACKGROUND OF THE PROJECT The Project
The project is about gamifying teaching delivery about the topic "responsible use of social media." The game is mobile-based that runs in both iOS and Android operating systems. It is a learning trail. The project is one of the research's deliverables, "Integrating Augmented Reality and Gamification in Silliman: An International Partnership to Improve Student's 21st-Century Skills." The research is funded by the United Board for Christian Higher Education, a non-governmental organization that is "committed to education that develops the whole personintellectually, spiritually, and ethically." The project is also in partnership with the Centre for Holistic Teaching and Learning, Hong Kong Baptist University.

The Learning Goal and Outcomes
The game is an innovative integration of maximizing digital technology into teaching instruction in a fun, enjoyable, exciting, and entertaining way among the students at Silliman University. It comes into two-interrelated general goals. First, it aims to educate students about responsible use of social media. Specifically, the game allows students to think critically and decide the best action of becoming a responsible social media user. Likewise, the game presented a checklist of dos and don'ts in social media utilization. The game's second goal is to orient students, especially the freshmen, about the university library system. Specifically, the game offers showcase four (4) locations and services in the library. At the end of the game, players are expected to understand better becoming responsible digital netizens. Likewise, players are also expected to familiarize some of the library services of the University. Why "Responsible Use of Social Media?" While social media provides vast educational opportunities, technology is among the many risk sources to everyone, especially the millennials. Studies show that teenagers are more engaged in social media. In a Statistica survey of 13-17 years old, 16% of teens admitted checking their social feeds nearly constantly. Another 27% do so on an hourly basis (Richter, 2018).
"Young digital citizens in the Asia Pacific region experienced a multitude of risks posed by ICT such as cyberbullying, fake news, spamming, internet or technology addiction, health and wellness issues, identity theft, fraud and scams, pornography, and online sex trafficking." (UNESCO, 2018) In a survey of about 1,500 young people ages 16-24 [Royal Society for Public Health. (n.d)., 2019], 91% of 16-24-year-olds use the internet for social networking, 7 out of 10 young people report experiencing cyber-bullying through social media, 37% of young people report being cyber-bullied on a high-frequency basis, young people are twice as likely to be bullied on Facebook than on any other social network. Approximately 5% of young people around the world suffer from social media addiction. In another survey among 1,000 kids age 13-17 in 2018 (Common Sense Media., 2018), 57% of all teens agree that using social media often distracts them when they should be doing homework. The study also revealed that teens do not value face-to-face communication with friends as much as they used to do. Further, some of the destructive effects of social media on children and teenagers include hate speech, social distrust, cyberbullying, identity theft, cyber-stalking, explicit or violent imagery, sharing too much, online grooming, emotional implications, and lack of interpersonal skills (Techno Crazed., 2014).
The #StatusofMind report by RSPH and the Young Health Movement (YHM) listed the 14 health and well-being-related issues of social media. These are awareness and understanding of other people's health experiences, access to expert health information you know you can trust, emotional support, anxiety, depression, loneliness, sleep, self-expression, self-identity, body image, real-world relationships, community building, bullying, and FOMO (Fear of Missing Out) [Royal Society for Public Health. (n.d)., 2019].
There is a need to give attention to this emerging issue among the youth. Likewise, every educator's job is to guide and educate the youth about the risk of too much engagement with social media. There is a need to deepen our advocacy on digital  citizenship and social media's responsible use before these youth will be obsessed. Their health and well-being will be affected.

THE INSTRUCTIONAL DESIGN
The topic "responsible use of social media" discusses the subjects Empowerment Technologies in senior high school, Computer Ethics, and other degree-based computer fundamental courses at tertiary level. A micro-learning approach was utilized in designing the learning content, which emphasizes precise tips in becoming a responsible user of social media.
The ADDIE model was utilized in the conduct of the overall instructional design. These processes include: Analysis, Design, Develop, Implement, and Evaluate.

The Analysis Phase
During the analysis phase, the team is guided with the principles of the Forrester Problem Analysis Method-problem definition, evidence, impacts, causes, and recommendations (Gonsenhauser, 2017). Specifically, an intensive review of related studies was conducted about digital citizenship, netiquette, and responsible use of social media. Ten 18-years old students were interviewed about their knowledge, attitude, and practices toward social media. The team also checked several online groups, online forums, and online fan pages on Facebook, Twitter, and other independent blogs. The team checked on the actual postings that are perceived as fake, unwanted, offensive, and unbecoming. News and other press releases in local and foreign periodicals about the reckless use of social media were also reviewed. For example, posted on PhilStar.com, "NBI summons Mocha for fake news" (Cayabyab, 2020). This process is illustrated in Figure 1.

The Design Phase
Scenarios, also known as checkpoints, were identified. Each checkpoint consisted of a situation, options to select, and aftereffect, based on Kuhlmann's 3C Model (Challenge, Choices, Consequences), shown in Figure 2. The 3C model is an interactive scenario-building where "each scenario consists of a challenge, some choices, and then consequences of those choices" (Kuhlmann, 2009). It aims to challenge the learner's understanding or assumptions. The model shows choices for the learner's decision making. In every decision made, a consequence is provided for feedbacking and guidance. 2. Set up your security answers. Use the default password given by the school personnel.
2. No! Always use a strong password. The longer it is with a combination of numbers, letters, and special characters, the more secure it will be. Passwords must be unique and must be different from your other social media accounts. An additional measure is to password protect your device.
3. For easy recognition, reveal your information like residential address, financial details, phone number. The more details and information you post, the easier it is to have your identity known.
3. Be extra careful about what you posted and share. Do not reveal sensitive personal information such as a home address, bank account details, phone number. The more details and information you post, the easier it is to have your identity stolen and taken.
4. Become familiar and conversant with the privacy policies of the social media channels you use and customize your privacy settings to control who sees what.
4. This is excellent advice! Read thoroughly the privacy policies of the social media channels you use and customize your privacy settings to control who sees what. Be selective to friend's requests, but do not block your parents, siblings, and family members. Be accountable. Always remember that there is no such instance or thing as 100% private online. Use social media meaningfully to showcase your aptitude. 3. Share and forward the post to your friends without commenting.
3. That is not a responsible technique of using social media. Be wary of oversharing; remember that digital footprints stay forever. Be a source of useful and relevant information. Your friends and networks do not need to know every emotion you or your special friends have. For sure, you do not want to be an accessory to any crime. Ask yourself about these questions before sharing: Is the post TRUE or a rumor? Is the post HELPFUL or harmful? Is the post NEEDED or irrelevant?
4. Create a group chat with Giorjoe and your classmates and ask them to share their experiences with the teacher.
4. That is not a responsible mode of using social media. While it is true that group chat is a great way to engage with your friends on a personal and intimate level, you should ask yourself as the creator of the group: Is the post HELPFUL or harmful? Is the post INFORMATIONAL or gossip? Is the post KIND or harsh? As the saying by Frank Clark: "Gossip need not be false to be evil-there is a lot of truth that should not be passed around." In the responsible use of social media AR Trail, challenges are presented into a set of questions for the players to learn about a particular situation, dilemma, or problem. Likewise, choices are presented as guided decisions for the players to consider critically. Lastly, the consequences are reinforcement, recommendations, and suggestions for the outcomes.  1. It is not wrong to share excitement online. However, do not reveal the details of your upcoming vacation on social media. Do not tell the world that your house is empty. Your home is susceptible to break-ins and damages. You have to wait until you return home before you post and share your travel memories.
2. Max posted a captured photo of their airline ticket and passport, showing his family's personal information.
2. It is not wrong to share your excitement online. However, posting a picture of your boarding pass might lead to cybercrimes such as identity theft, duplicate credit cards, account numbers were stolen, and even passwords. If you cannot help yourself by posting your ticket, avoid disclosing sensitive information, especially the bar code, by making it blurry from your picture.
3. Max conducted research and read some travel tips online, including negative testimonies about the tourist spots. He downloaded it and forwarded it to his parents.
3. Good Job! You are a responsible millennial. The internet is a powerful tool to gain information about places, geography, travel tips, etc. Online testimonies, blogs, forums, and groups are among the venues that you can filter relevant information. It is discouraged to shout out to the world that your house will be empty. Likewise, it is also not advisable to post your airline ticket and passport, showing any sensitive information. Posting a picture of your boarding pass or passport might harm you and your family. Let us all be careful about identity theft, duplicate credit cards, account numbers were stolen, and even passwords.

The Development Stage
The team designed the prototype with an emphasis on userinterface and its friendliness, as illustrated in Figure 4. Photo shooting in the identified location was done with consideration of the data privacy of the persons involved in the photos. Other particular considerations during the prototyping development are the presence of the University's branding and userfriendliness. User-friendliness was made sure by following the templates of the mobile AR Trail app, which was developed by the Centre for Holistic Teaching and Learning, Hong Kong Baptist University (CHTL-HKBU). At least five iterations and versions of the design were created before deploying the application to the server. The CHTL-HKBU also hosts the server of the application.
The user interface was designed to be easy for the students and teachers to use and understand. Shown in Figure 5 are sample screenshots showing the user interface for every checkpoint. In contrast, Figure 6 are sample screenshots showing the user interface of the choices of every checkpoint. Sample screenshots of the interface of the wrong and correct responses are shown in Figure 7. The following were the considerations in doing the design interface: 1. Youthful and vibrant-when designing, specifically for college students, one must consider how to get the students' attention during an activity. Nowadays, student's participation depends on the content of their activities. If the content is youthful and vibrant, students tend to be very participative compared to a dull and plain-looking activity. 2. Applying Silliman's Identity-applying Silliman's identity to represent the University partaking in the said project. By using the official color of Silliman University, which is red, we were able to design a user interface that reflects the culture of Silliman University, thus, allowing students to spark devotion for their University, leading to more participation in doing the activity. 3. Easy-to-identify-To ensure that the design will impact the students' learnings, the design must be easy-to-identified.
Some of the things are the characters being used and their expressions, the well-laid contents, and the story's flow. 4. Easy-to-use-considering the purpose of the project to provide students learning how to be a responsible social media user, using complicated design will only confuse the students and even the teachers. To contribute to the students' overall learning, we designed a system that is easy to navigate with the content making sure that even first-time users, players, will use the system well. 5. Originality-the essential part of designing the interface is all about one's originality. The more unique it is, the more it will spark curiosity in its users.
QR codes were generated for each checkpoint. These codes were printed and posted in the strategic areas of the identified location. Further, the team also did User-testing. The responsible use of social media AR Trail was also tested by ten students who were taking up the "Empowerment Technologies" subject. An orientation among the testers was provided inside a computer laboratory before the players were immersed in the actual location. Revisions were made based on the comments and suggestions of the testers.

The Implementation Stage
The responsible use of social media AR Trail was integrated into the subjects "Empowerment Technologies, " "Educational Technology, " and "Whole Person Education." A 4-day pilot utilization of the app was conducted among seven classes, with 280 students. The students performed the actual trail on four different locations in the library. A short briefing was conducted before the start of the actual game. The Informed Consent that is embedded in the application was also emphasized during the orientation.

The Evaluation Stage
Integrated into the game is a survey that is aimed to measure the overall player's experience. The questionnaire is composed of

Game mechanics Description
Challenge At the shortest time, the player must answer the four challenges about the responsible use of social media correctly Reward Each trail is translated into questions where players need to answer correctly to move on to the next location.

Competition
Several players can play the game at one time. A player who answered correctly at the shortest time will be declared the winner.

User engagement
The game can be played using a Smartphone, either iOS or Android applications. The payer needs to install the game. QR codes are utilized to interact with the game. The players need to follow the trail. It is easy to accomplish the task mentally and physically using this app. Respondent-players were asked to respond using the 5 -point Likert Scales: 5 = strongly agree, 4 = agree, 3 = neutral, 2 = disagree, and 1 = strongly disagree. A short processing activity through a focused group discussion was conducted a week after the game's actual use. It was aimed to capture qualitative evaluations that were not captured in the evaluation survey. The processing of the student's learning was conducted in the respective classrooms. A student in every class was asked to recite and share their experiences and lessons learned during the trail. Similarly, the 9 teachers who were part of the project team also evaluated and reflected the entire project implementation.

THE GAME MECHANICS
The game's goal is to get the correct answer to all the questions about becoming responsible for social media in the shortest time possible. Before the player can start the game, they have to confirm the confidentiality assurance and participant consent. Players need to scan the QR code of each location to view the augmented scenarios of each checkpoint. To follow the trail, the players should get the correct answer per challenge of the checkpoint. Otherwise, the player cannot proceed to the next checkpoint. There are four checkpoints, and each checkpoint is placed in different locations in the University Library. Figure 8 is the flowchart of the game.
Four challenges were developed that emphasize (a) familiarity with security and privacy policies, (b) expressing concerns about others, even if you think you are anonymous, (c) responding to digital offenders, (d) telling the world about an upcoming vacation. These challenges were translated into graphics and animations. The animated material was compiled, programmed, and published to a server of the mobile application. The gamified learning trail on responsible use of social media is accessible through QR codes leading to the augmented reality interface. The design was validated and found to be relevant and engaging.

THE GAME EVALUATION RESULTS
The overall mean of the evaluation is 4.03, described as "agreed." It implies that the game has elements that encourage student participation. It may also mean that the game has engaging factors that allow students to learn (Kapp et al., 2013). As shown in Figure 9, the student-respondents strongly agreed (x = 4.27) that the app makes learning responsible use of social media more interesting. The respondents agreed that their interaction with the app is clear and understandable (x = 4.19). The application is easy to accomplish the task mentally and physically (x = 4.18). The app is easy to use (x = 4.17) and the students had fun while playing (x = 4.12). Most importantly, the students agreed (x = 4.15) that they learned a lot about the AR trail. The students also agreed (x = 4.05) to the statement, "I would like my teachers to integrate apps like this in my classes." This result implies that the AR and gamification as teaching strategies in the classroom are perceived positively and accepted. Expectedly, the Wi-Fi connection does not meet the expected stability to efficiently run the game app (x = 4.05). The result also denotes that the project team successfully integrated well-designed game mechanics and dynamics (Robson et al., 2015). Likewise, the result signifies that the team successfully translated responsible use of social media content and delivery into a game that motivates students to learn (Fuchs et al., 2014).
Further, all seven students who shared during the focusedgroup discussions said they enjoyed a lot the whole experience and suggested continuing this activity in future classes. Moreover, all teachers said that the activity provided a new and innovative way of learning and teaching at Silliman University. They said that the activity is responsive to the University's strategic trust in people, programs, and partnerships. The teachers also believed that the activity promoted multicultural knowledge-sharing and transfer. A teacher said "Being involved in the project made me realize that latest trends in teaching pedagogy that is coupled with technology is really the "in thing" for the kind of learners that we have right now. So, for us teachers to harness our students' 21st century skills, we should also be open-minded to adapt and use the latest trends like augmented reality and gamification in our respective classrooms."

CONCLUSION AND RECOMMENDATION
A gamified content of the topic "responsible use of social media" was successfully designed and well-developed. The Responsible Use of Social Media-AR Trail offers a highly satisfactory experience among the student-players as well as the teachers. The application comprises features that motivate students to learn in a fun and interactive way. The gamified application offers positive pedagogical benefits among the learners and students.
In general, the study impacted both the students and teachers. The study provided a new and innovative way of learning responsive to the demand of 21st-century learning. Likewise, it provided an opportunity for the teachers to be immersed in a technology-oriented teaching strategy. The study allowed the teachers to translate a topic into scenarios and challenges for critical thinking.
Designing an instructional augmented reality trail game must be carefully designed. A game application must be able to respond to the intended learning outcomes of the subject. Game designers and developers must possess a certain level of understanding of the content. Prototyping is a critical process to ensure that instructional components and game aspects are intertwined cohesively. It is recommended to add more scenarios that will depict situations depicting digital citizenships and whole-person education. Moreover, a thorough study should be conducted to quantify the application's learnings, skills, and achievements.

DATA AVAILABILITY STATEMENT
The raw data supporting the conclusions of this article will be made available by the authors, without undue reservation.

ETHICS STATEMENT
The studies involving human participants were reviewed and approved by Centre for Holistic Teaching and Learning, Hong Kong Baptist University. The patients/participants provided their written informed consent to participate in this study.

AUTHOR CONTRIBUTIONS
All authors listed have made a substantial, direct and intellectual contribution to the work, and approved it for publication.

FUNDING
This study was funded by United Board for Christian Higher Education in Asia.