Designing Online Platforms Supporting Emotions and Awareness

: Due to the global pandemic (COVID-19) currently facing humanity, a new environment that promotes teaching–learning is now emerging. This environment that challenges traditional teaching practices created an opportunity for the technology industry to capitalize on by developing creative e-learning platforms that empowers the teaching–learning process, during this ‘emergency’ situation. E-learning scenario is an important element to be considered, as it offers a host of beneﬁts, such as reducing costs, allowing for education on-demand, etc., to its adopters. However, the application of this could bring some challenges, as some of the existing online platforms are not conducive to support clear communication among academic staff. This paper describes a report identifying the main problems faced by teachers and students from different countries in Latin America, when using e-learning platforms in a lockdown scenario, reporting the importance to include aspects related with emotions and awareness.


Introduction
With recent social interactional changes caused by COVID-19, we find ourselves in an environment that promotes the integration of online and web-based communication tools and their application specifically in the world of teaching, education, and learning. Different online platforms supporting web-based education could provide the means to enhance communication between students and teachers through offering services such as chat tools, logs, forums, discussion boards, emails, improving teaching-learning processes. Kubala [1] have found that including some of these elements or services in an online course could increase students' participation, communication, collaboration, and motivation related to projects and class discussions. In that way, it is possible that students feel a greater willingness to participate and empowerment with their classroom activities [1]. These kind of platforms-online and web-based systems-are information systems that use Internet web technologies to deliver information and services supporting teachinglearning processes, have shown clear benefits like reduced costs, great flexibility for both students and teachers, and the possibility of simultaneously training numerous students from different parts of the world. The nature of online education can create a sense of isolation in students, where they can feel disconnected from the professor and the rest of their classmates. It is crucial that teachers monitoring the activities of their students at any given moment, thereby overcoming some of the challenges related to the inertia and passivity of traditional classroom courses.
Because of the situation around the world with COVID-19, many schools and higher education institutions-HIE, across many countries worldwide, had to pivot quickly to adopt virtual classrooms as a means of delivering education, in so-called emergency education. However, this transition has not been an easy task. Online training has specific characteristics that need to be considered in order to benefit from the education process. A convenient mechanism to realize the potential use of online learning is to check and review some problems found by other institutions around the world. Aspects related to awareness and emotions have been detected as one of the main problems in a survey we have conducted with professors and students with different Latin American institutions that will be depicted in a more detailed manner in Section 2 of this paper.
This paper provides a set of recommendations to design e-learning systems that allow teachers and students work in a better manner, through ensuring a good teaching-learning process, and improving communication. Section 2 describes a survey we conducted to report the main problems faced by teachers and students when using e-learning platforms in a lockdown scenario with some Latin American participants (both teachers and students). Section 3 depicts some related works focusing on the use of emotions and awareness in online learning. In Section 4, we propose a set of design guidelines that promotes a better interaction among teachers and students using web platforms in their teaching-learning process. Finally, we include some conclusions and further works in Section 5.

Challenges in Using e-Learning Platforms
We conducted a survey through online forms to obtain more information about the main problems encountered by people that had to use web-based and e-learning platforms for daily academic activities during the lockdown imposed in the face of the COVID-19 pandemic. The participants included 54 teachers of different academic programs of high school (17) and university (37) with ages from 30-50; and 42 students (28 of university and 14 of high school) with ages from 20-25 from diverse Latin-American countries, including Colombia, Chile, Perú, Brazil, Costa Rica, Argentina, and México. Figures 1 and 2 depict information about the academic programs of both teachers and students from different Latin American Universities, where the major part belongs to Technical studies (Computer Science and Electronics Engineering). any given moment, thereby overcoming some of the challenges related to the inertia and passivity of traditional classroom courses.
Because of the situation around the world with COVID-19, many schools and higher education institutions-HIE, across many countries worldwide, had to pivot quickly to adopt virtual classrooms as a means of delivering education, in so-called emergency education. However, this transition has not been an easy task. Online training has specific characteristics that need to be considered in order to benefit from the education process. A convenient mechanism to realize the potential use of online learning is to check and review some problems found by other institutions around the world. Aspects related to awareness and emotions have been detected as one of the main problems in a survey we have conducted with professors and students with different Latin American institutions that will be depicted in a more detailed manner in Section 2 of this paper.
This paper provides a set of recommendations to design e-learning systems that allow teachers and students work in a better manner, through ensuring a good teachinglearning process, and improving communication. Section 2 describes a survey we conducted to report the main problems faced by teachers and students when using e-learning platforms in a lockdown scenario with some Latin American participants (both teachers and students). Section 3 depicts some related works focusing on the use of emotions and awareness in online learning. In Section 4, we propose a set of design guidelines that promotes a better interaction among teachers and students using web platforms in their teaching-learning process. Finally, we include some conclusions and further works in Section 5.

Challenges in Using e-Learning Platforms
We conducted a survey through online forms to obtain more information about the main problems encountered by people that had to use web-based and e-learning platforms for daily academic activities during the lockdown imposed in the face of the COVID-19 pandemic. The participants included 54 teachers of different academic programs of high school (17) and university (37) with ages from 30-50; and 42 students (28 of university and 14 of high school) with ages from 20-25 from diverse Latin-American countries, including Colombia, Chile, Perú, Brazil, Costa Rica, Argentina, and México. Figures 1 and 2 depict information about the academic programs of both teachers and students from different Latin American Universities, where the major part belongs to Technical studies (Computer Science and Electronics Engineering). All the surveyed participants were informed about the main goal of the study prior to conducting it and all consents were collected. The survey covered the following four questions: 1. What web or e-learning platform were the most used during lockdown? 2. What were the main problems in using the said platforms? 3. What were the main advantages in using the said platforms? All the surveyed participants were informed about the main goal of the study prior to conducting it and all consents were collected. The survey covered the following four questions:

1.
What web or e-learning platform were the most used during lockdown? 2.
What were the main problems in using the said platforms? 3.
What were the main advantages in using the said platforms? 4.
Once the lockdown is lifted, will you use these platforms again? Figure 3 below shows the results for question 1. The results highlight how Zoom is the most used platform, and M. Teams (Microsoft Teams) is the least used one for both teachers and students. All the surveyed participants were informed about the main goal of the study prior to conducting it and all consents were collected. The survey covered the following four questions: 1. What web or e-learning platform were the most used during lockdown? 2. What were the main problems in using the said platforms? 3. What were the main advantages in using the said platforms? 4. Once the lockdown is lifted, will you use these platforms again?  The non-parametric Mann-Whitney test allowed (Table 1) us to conclude that there were no significant and important differences between the use of the various platforms by students and teachers (variable-role) at a significance level of 5% (p-value = 0.129 > 0.05).  The non-parametric Mann-Whitney test allowed (Table 1) us to conclude that there were no significant and important differences between the use of the various platforms by students and teachers (variable-role) at a significance level of 5% (p-value = 0.129 > 0.05). Respondents were asked to point out the five main problems encountered (first main problem to the fifth main problem). If instead of focusing only on the totality of the problems described, we analyze in detail which was the first problem pointed out, we obtain the result shown on Table 2.
From the results obtain and shown on Table 2, we conclude that the main problem pointed out was 'privacy' followed by 'bored scenarios' and 'slow connections'.
Doing this analysis separately for students and teachers (Figure 4), we found that for teachers, the main problem is 'privacy' (46%) and for students 'bored scenarios' (33.3%). Note that the problem 'interruptions' is not pointed out as the first main problem except for one teacher.
We analyzed whether there are significant differences in the responses given by teachers and students concerning the first main problem pointed out. Considering only the most pointed out as the main one, the Chi-square test (with all the assumptions applying the test verified) allowed us to summarize that there are significant differences at 10% (p-value = 0.076 < 10%) ( Table 3). From the results obtain and shown on Table 2, we conclude that the main problem pointed out was 'privacy' followed by 'bored scenarios' and 'slow connections'.
Doing this analysis separately for students and teachers (Figure 4), we found that for teachers, the main problem is 'privacy' (46%) and for students 'bored scenarios' (33.3%). Note that the problem 'interruptions' is not pointed out as the first main problem except for one teacher. We analyzed whether there are significant differences in the responses given by teachers and students concerning the first main problem pointed out. Considering only the most pointed out as the main one, the Chi-square test (with all the assumptions applying the test verified) allowed us to summarize that there are significant differences at 10% (p-value = 0.076 < 10%) ( Table 3).  Analyzing the cross-tabulation table in detail, we see that these differences exist because while the majority of teachers (58.1%) pointed out 'privacy' as the first main problem and the main problem pointed out by the students was 'bored scenarios' (38.9%), as shown on Table 4.
For both, teachers and students, some of the problems identified were related to absence of feedback, due to in many opportunities people do not know if there is anyone connected. Another aspect they mention as complicated, was related with bored scenarios. In a physical classroom setting, interactions are more dynamic, and course instructors can easily stimulate feedback from students. When speaking about online courses, Brunori states that teachers should seek creative ways to encourage students to ask questions and suggest new ideas since one of the main bottlenecks is the need for teachers to adapt their teaching methods to the instrument of teaching [2]. Lack of feedback makes its challenging for the teacher to adequately understand whether or not the audience has grasped the concepts being presented. This kind of problem requires a mechanism to provide information about who is in the classes and what are they doing; that way, aspects related with awareness will be included in the design guidelines that will be mentioned in next section. Another problem identified in the survey was related to slow internet connections, with video feeds freezing, low bandwidth, and congested airways. This problem, may discourage users from using their cameras all the time during the online sessions, resulting in an interrupted learning experience.
With regard to the lack of equipment, some students mentioned that they did not have television and internet facilities at their homes. Some students and teachers do not have the minimal technical requirements to support e-learning, due in some cases to lack of access to basic infrastructure such as internet and electricity. Even if some of these problems related to access and connectivity were resolved, there remains the challenge of ensuring that students have an environment that adequately supports learning. Students reported that they need quiet spaces where they can participate in online classes without interruptions. This implies a continuous cooperation and participation of parents and teachers with the goal to create an effective learning scenario for students. This was a major challenge even during pre-lockdown times. Most teachers who were interviewed felt that it was too difficult to make some parents try to understand the importance of their involvement in the academic process.
Some teachers have mentioned the importance of knowledge on the use of technology in the teaching-learning process in order to ensure an effective education. In that way, it is necessary to have digital competencies in teachers and students in order to use in an appropriate manner technology. For that reason, the ability to use technology effectively is considered a key competency.
As with the main problems, respondents were also asked to point out the five main advantages found (first main advantage to the fifth main advantage). If instead of focusing only on the totality of the advantages mentioned, we now analyze in detail which was the first advantage pointed out, ( Figure 5) we obtain: The first advantage identified as the main one is 'provide technical and didactic support' followed by 'discover new resources' and finally 'availability'.
Chi-square nonparametric test (Table 5) to assess whether there are significant differences in opinions between students and teachers, as for the main advantage it indicates that there are statistical differences at 5% (p-value = 0.014 < 0.05).
appropriate manner technology. For that reason, the ability to use technology effectively is considered a key competency.
As with the main problems, respondents were also asked to point out the five main advantages found (first main advantage to the fifth main advantage). If instead of focusing only on the totality of the advantages mentioned, we now analyze in detail which was the first advantage pointed out, ( Figure 5) we obtain The first advantage identified as the main one is 'provide technical and didactic support' followed by 'discover new resources' and finally 'availability'.
Chi-square nonparametric test (Table 5) to assess whether there are significant differences in opinions between students and teachers, as for the main advantage it indicates that there are statistical differences at 5% (p-value = 0.014 < 0.05).   The cross-tabulation table ( Table 6) that crosses the two variables allows us to conclude that, while most teachers (71.4%) point to 'provide technical and didactic support' as the most significant advantage, most students point to 'discover new resources' (46.3%).
The responses obtained have shown us that online learning can be carried out asynchronously, in a way both teachers and students can work and contribute at times appropriate for them, and they do not have to be in a particular place at any specific time. This aspect brings some flexibility allowing teachers to balance their life at home with their responsibility at school. Additionally, online courses bring students the option to plan their study time, in a way they can attend the online courses at their convenience anytime and anywhere. In that way, students have the opportunity to study and work, giving time to analyze the study material, engage with each other, work, and perform their own research activities. It will bring an interaction opportunity with teachers anytime (24 × 7 availability), clearing some doubts, taking tests.
Another important aspect that both teachers and students mentioned is related to the budget-friendliness of online learning. Currently, we find many online courses and resources for free access, thereby overcoming the limitations imposed by financial issues for fee payment during the lockdown time. Some students mentioned the opportunity to take classes in addition to the traditional ones. Online learning allows them to remain at home with their family, bringing many advantages over traditional teaching-learning scenarios, like saving money, saving time, and working anytime and anywhere.
Students interviewed also mentioned their feeling about the comfortable ambient on the learning process. With online learning, it is easier to focus on the teaching process. They can be in the right environment, using the most adequate elements depending of the situation (for example they can use headphones if the surroundings are noisy). They have the opportunity to communicate with their professors and with other students, discussing about a certain topic sending posts among them, and so, they are able to be more active participant. They have the opportunity to read, check and make suggestions to the work of their classmates, allowing them to learn through the sharing of messages examining their own perceptions about a topic. This makes class work more interesting and fun. We also decided to analyze whether there were differences in behavior between Colombia and other countries (variable 'country'). Having concluded, with the use of the Chi-square test (with validated test application assumptions), there are no significant differences concerning the platforms used. There are no significant differences with the main problem pointed out.
However, we conclude that there are significant differences, at a significance level of 5%, concerning the main advantage pointed out (p-value = 0.044 < 0.05) ( Table 7). Analyzing in more detail (Table 8), it appears that while the majority of Colombians (77.3%) consider 'provide technical and didactic support' the biggest advantage, in other countries the opinion is less strong with this advantage (48.6%) and competes with 'discover new resources' (41.9%).
Perhaps it is also interesting for this analysis, to look at the frequency table that crosses the main problems pointed with the order in which they were identified (Table 9).
These results (Table 9) shown that privacy is the first problem followed by 'bored scenarios' and 'slow connection', the third 'no feedback' and finally 'interruptions'. Minor problems are related with 'lack of equipment' and 'lack of preparedness to use technology'.
Likewise, concerning the main advantages, the frequency table with the main problems pointed out in the order in which they were identified allows us to observe that the main advantage pointed out is 'provide technical and didactic support' followed by 'discover new resources'. As the second main advantage, 'availability' is indicated, followed by 'comfortable ambience to focus'. The third disadvantage is 'flexibility', and it is also pointed out as a 'fit' advantage (Table 10).  Table 9.   Finally, students argued the convenience of fitting the classes into their day. Online classes can be scheduled according their existing responsibilities, allowing them to organize their study time and they can learn at their own pace and time. This means the classes impose much less pressure on the students and are less intense. Figure 6a,b shows the main results for the fourth question. Figure 6a,b shows that almost all the participants (teachers and students) responded that they prefer to continue using e-learning platforms despite the problems encountered. However, some mistakes need to be corrected. Although the shift to online education will bring a large number of opportunities, also implies some challenges. Some teachers and Electronics 2021, 10, 251 9 of 19 students will have a set of tools, resources, and methodological approaches to improve their teaching-learning processes. These online scenarios will bring the opportunity to be connected with their families, primordial aspect in the case of younger students, where is necessary a greater involvement of parents in the learning process. Figures 6a,b shows that almost all the participants (teachers and students) responded that they prefer to continue using e-learning platforms despite the problems encountered. However, some mistakes need to be corrected. Although the shift to online education will bring a large number of opportunities, also implies some challenges. Some teachers and students will have a set of tools, resources, and methodological approaches to improve their teaching-learning processes. These online scenarios will bring the opportunity to be connected with their families, primordial aspect in the case of younger students, where is necessary a greater involvement of parents in the learning process.
We also can conclude that for the future use of e-learning platforms, after removing the seven individuals who have not yet decided, the Chi-square test with continuity correction (suitable for 2 × 2 tables) ( Table 11) lead us to summarize that there are no significant differences, at a level of significance of 5%, in terms of the opinion from students and teachers regarding the future use of platforms (identical opinions, p-value = 0.162). Considering the results already presented, it is concluded that both (teachers-70.4% and students-83.3%) intend to continue using these platforms.

Related Works
The consideration of emotion and awareness in learning have been in the research agenda for quite long time and literature is offering a variety of studies that are evaluating the role of these important aspects in various learning contexts (class, test and exams, during studying at home, etc.). On this section, we first explore some works using awareness into the web/online platforms. Then we describe related works about the importance of emotions to improve communication in the teaching-learning process. The inclusion of emotion and awareness features in learning environments, could improve engagement of students enhancing their social interaction. The adoption of emotion and awareness features in learning environments, has been put on the focus of the research agenda towards students' engagement and their authentic social interaction. We also can conclude that for the future use of e-learning platforms, after removing the seven individuals who have not yet decided, the Chi-square test with continuity correction (suitable for 2 × 2 tables) ( Table 11) lead us to summarize that there are no significant differences, at a level of significance of 5%, in terms of the opinion from students and teachers regarding the future use of platforms (identical opinions, p-value = 0.162). Considering the results already presented, it is concluded that both (teachers-70.4% and students-83.3%) intend to continue using these platforms.

Related Works
The consideration of emotion and awareness in learning have been in the research agenda for quite long time and literature is offering a variety of studies that are evaluating the role of these important aspects in various learning contexts (class, test and exams, during studying at home, etc.). On this section, we first explore some works using awareness into the web/online platforms. Then we describe related works about the importance of emotions to improve communication in the teaching-learning process. The inclusion of emotion and awareness features in learning environments, could improve engagement of students enhancing their social interaction. The adoption of emotion and awareness features in learning environments, has been put on the focus of the research agenda towards students' engagement and their authentic social interaction.

Awareness
One of the principal problems that the teacher must resolve in order to have a better learning experience using web platforms consists of identifying when and how to intervene [3]. It is mandatory for the teacher to know what the students are doing, with whom they are communicating, and so, trying to influence the individual learning and the acquisition of collaborative skills, like give and receive, define strategies, help, receive feedback, solve conflicts, and disagreements [4]. It is important to mention that trying to determine how and when to intervene, is as important as how to evaluate. If we have scenarios where teachers are collaborating with a lot of students in the same class at the same time, trying to determine how to evaluate and how to intervene, could be difficult to realize in an efficient manner if they are managed in a manual manner. In that way, aspects related with awareness implemented in online platforms could be a good help mechanism.
In that way, consider including aspects related with awareness could be beneficial. Group awareness is an important topic related to web-learning platforms. A teacher or a student should be aware of the teaching-learning process, being aware of almost all activities of the other members of the group to support learning processes effectively. These awareness mechanisms could be essential to improve group interactions. If professors and students are aware of what is happening around them, it is possible to promote interactions among the group members.
Increment into learners' interactions can trigger in better learning mechanisms. It is important that every member of the group should be aware of the actions, activities, and location of the other group members. For example, if one of the participants makes a mistake, it is necessary to have communication mechanisms helps the group members to make strategic decisions and modify and change their knowledge about the problem they have had. Thus, if there is more communication, there is a greater chance that the members collaborate, improving the learning process.
If professors have access to accurate data about the students, could reduce teachinglearning problems. As Ogan mentions [5], influencing what the student does is so important, to detect and intervene in an appropriate manner. If professor knows that a learner is bored, maybe they can have the opportunity to modify the activity or adjust the problem they are working with in a way that makes students feel more motivated. If we can sense the right misunderstanding student is having, it could be possible give them a different explanation of the topic in a way students can find a new route to discover the problem. If teachers have the option to know that a student is low in confidence, maybe they can offer some assurances and build trust with a mentoring relationship. Continuously, teachers are observing what the students are doing, to give some advice to support the learning process.
Different types of awareness in teaching-learning processes have been extensively studied: Collazos et al. identified knowledge awareness [6], and Goldman, concept, task, and social awareness [7]. Collazos et al. [8], have defined a specific taxonomy for depict awareness information (see Table 12). The taxonomy includes information about three main components of awareness: people, task or project, and resources. Each component has properties such as structure, state and location (people and resources) and structure, state (task or project).

Emotions
Another important element in online systems is related to emotions. The emotions of learners have an important impact on teaching-learning processes in classrooms [9]. Positive emotions, and like curiosity, enjoyment could influence the learning in a positive manner because emotions can help students to focus more on the activities, fostering their motivation to learn [10]. In contrast, negative emotions can have fatal consequences because they can guide the students attention far away from the activity they are working on, consuming extra cognitive resources, decreasing their performance on learning tasks [11]. Emotions can imply the presence of complex aspects of learning tasks that require attention and extra effort to accomplish the activity [12]. In that way, is a challenge, trying to develop an awareness of students' emotions in online learning/web scenarios settings. In online scenarios, where many of interactions are mediated (sometimes in an asynchronous manner), there are few spaces for informal exchanges can help professors develop an awareness of the students' emotions [13].
Emotion awareness and affective feedback appear as vital element could influence teaching-learning process [14,15]. Some authors have designed mechanisms providing agents supporting reflective learning in teaching-learning scenarios. For example, Daradoumis et al. [16] have proposed a study using an Affective Pedagogical Agent-APT, offering affective feedback to foster self-reflection into students about what and how they had learned. Arguedas et al. [17] have analyzed some consequences of emotion awareness, on students' motivation, engagement, self-regulation, and learning outcome in long-term blended collaborative learning practices. It is important to mention, based on emotion awareness information, professor could provide affective feedback ensuring in that way positive emotions into students, improving their learning experience [15]. Adequate feedback can cause a positive shift in the emotional state of students, redirecting their focus of attention inducing a change in the way they think, act, and interact with others, fostering their teaching-learning process [18].
As some of the works described in the literature presented, elements related with awareness and emotions are too important in learning situations could play a key role in decision-making processes. For that reason, these elements need to be considered in the design of online platforms supporting a better teaching-learning process. Next section describes the model we have designed to provide components of awareness and emotions.

Design Guidelines
The model we propose includes a set of design guidelines to implement more usable web-learning systems, leading to a better user (professors and students) acceptance. These guidelines focus on aspects related to awareness and emotions and could be implemented in synchronous scenarios.
We propose a set of guidelines denoted using the following notations: DGi, j, k, where i corresponds to every awareness component (1: People; 2: Task; 3: Resources); j denotes the specific attribute (For social, there are three attributes: structure, state, and location; for tasks, there are two attributes: structure and state; and for resources, there are three attributes: structure, state, and location); and k denotes the specific guideline proposed. Thus, DG1, 1, 1 will specify "Design Guideline Number 1" for the attribute "structure" of the component "People." On these lines, we propose the following guidelines: DG1, 1, 1: Organization Chart: Knowing the workplace learning is one of the most important aspects need to be considered. This guideline allows us to identify the type of community of the people: family, work team, club member, etc. The participation may differ depending on the group, for example, when people are working with classmates as compared with when people are working with their professor or with someone who belongs to the administrative staff of an institution. DG1, 1, 2: Avatars: It is known that e-learning scenarios where courses are interactive and immersive could be more effective than those that designed in astatic or solely contentdriven way. In fact, it could be possible use multiple avatars to take different roles (an avatar to represent the role of professor, and another to offer help about the topic of the activity to the students). An avatar is a representation of a particular well-defined entity. It is the way people are shown in a system, or rather, the way they want to be perceived by other people. Some avatars are sophisticated in the sense they may transmit emotions through graphic transformations. Nevertheless, the simplest way to transmit emotions is through emoticons, which are small images (icons) representing emotions. Emoticons have gained much popularity in recent online messaging systems. DG1, 1, 3: Relationships: The local processes of participation through which relationships are shaped are explained by Lave and Wenger [19] through the concept of they have called "legitimate peripheral participation". This definition describes how the learning processes for students take place within communities of practice. Figure 5 shows a depiction of the type of relationships among participants, where the black lines represent strong relationships and the green ones, weak or new relationships (Figure 7). community of the people: family, work team, club member, etc. The participation may differ depending on the group, for example, when people are working with classmates as compared with when people are working with their professor or with someone who belongs to the administrative staff of an institution. DG1, 1, 2: Avatars: It is known that e-learning scenarios where courses are interactive and immersive could be more effective than those that designed in astatic or solely content-driven way. In fact, it could be possible use multiple avatars to take different roles (an avatar to represent the role of professor, and another to offer help about the topic of the activity to the students). An avatar is a representation of a particular well-defined entity. It is the way people are shown in a system, or rather, the way they want to be perceived by other people. Some avatars are sophisticated in the sense they may transmit emotions through graphic transformations. Nevertheless, the simplest way to transmit emotions is through emoticons, which are small images (icons) representing emotions. Emoticons have gained much popularity in recent online messaging systems. DG1, 1, 3: Relationships: The local processes of participation through which relationships are shaped are explained by Lave and Wenger [19] through the concept of they have called "legitimate peripheral participation". This definition describes how the learning processes for students take place within communities of practice. Figure 5 shows a depiction of the type of relationships among participants, where the black lines represent strong relationships and the green ones, weak or new relationships (Figure 7). DG1, 2, 1: Availability: It is important to know how the different resources have been used. A state describes the condition of an element. This guideline lets others know if a user is available to communicate with and at what level. Figure 8 shows the modes we propose ( Figure 6).  Figure 8 shows the modes we propose ( Figure 6). DG1, 2, 2: Activity: This guideline represents a stage and depicts what the user is doing. Icons or phrases may be used to represent the users' activity (for example: reading, painting, and typing). Some examples of such representations are shown in Figure 9. DG1, 2, 3: Emotion: Emotions can affect students and professors at different stages of the teaching-learning process. Emotions can influence, motivation, learning strategies, and ability to self-regulate learning. This guideline proposes to use mechanisms to represent user emotions (e.g., 'the user is sad'), such as the mechanism used in PrEmo. This guideline is shown in Figure 10. D1, 3, 1: Presence: This aspect refers to the location inside or outside of the virtual shared space. There are some concepts related with such location: presence-being there; and co-presence-being together [21]. In this guideline, we propose the use of elements like telepointers (see Figure 11). Here, there are two users (Gizmo and Spike), and each of one is represented by a telepointer, gray for Spike and red for Gizmo. Electronics 2021, 10, x FOR PEER REVIEW 14 of 20  (c) Figure 9. Activity guideline. Figure 9. Activity guideline. DG1, 2, 3: Emotion: Emotions can affect students and professors at different stages of the teaching-learning process. Emotions can influence, motivation, learning strategies, and ability to self-regulate learning. This guideline proposes to use mechanisms to represent user emotions (e.g., 'the user is sad'), such as the mechanism used in PrEmo. This guideline is shown in Figure 10. and co-presence-being together [21]. In this guideline, we propose the use of elements like telepointers (see Figure 11). Here, there are two users (Gizmo and Spike), and each of one is represented by a telepointer, gray for Spike and red for Gizmo. Figure 11. Presence guideline. D1, 3, 2: Distance: The distance between group members (e.g., physical, social, and semantic distance) is an important factor. We propose using a mechanism like that proposed by Rodenstein-"Talking in Circles" [22], where group members communicate through speech, where they depicted as colored circles in a two-dimensional space. The different circles act as cues of presence and give some information about membership and activity in various conversations. Every time as one participant speak, a brighter inner circle appears modifying its radius according to the energy of their speech. Figure 12 shows an example of these awareness mechanisms. Figure 10. Emotion guideline [20]. sent user emotions (e.g., 'the user is sad'), such as the mechanism used in PrEmo. This guideline is shown in Figure 10. and co-presence-being together [21]. In this guideline, we propose the use of elements like telepointers (see Figure 11). Here, there are two users (Gizmo and Spike), and each of one is represented by a telepointer, gray for Spike and red for Gizmo. Figure 11. Presence guideline. D1, 3, 2: Distance: The distance between group members (e.g., physical, social, and semantic distance) is an important factor. We propose using a mechanism like that proposed by Rodenstein-"Talking in Circles" [22], where group members communicate through speech, where they depicted as colored circles in a two-dimensional space. The different circles act as cues of presence and give some information about membership and activity in various conversations. Every time as one participant speak, a brighter inner circle appears modifying its radius according to the energy of their speech. Figure 12 shows an example of these awareness mechanisms. Figure 11. Presence guideline. D1, 3, 2: Distance: The distance between group members (e.g., physical, social, and semantic distance) is an important factor. We propose using a mechanism like that proposed by Rodenstein-"Talking in Circles" [22], where group members communicate through speech, where they depicted as colored circles in a two-dimensional space. The different circles act as cues of presence and give some information about membership and activity in various conversations. Every time as one participant speak, a brighter inner circle appears modifying its radius according to the energy of their speech. Figure 12 shows an example of these awareness mechanisms. D1, 3, 3: Visibility: These aspects refer to uses' device connection type (see Figure 11). We propose displaying information about the device used to have a better communication between the teacher and students. In addition, depending on the device configuration, information can be represented or visualized in a different manner. The information we recommend is depicted in Figure 13. Electronics 2021, 10, x FOR PEER REVIEW 16 of 20 Figure 12. Distance guideline. D1, 3, 3: Visibility: These aspects refer to uses' device connection type (see Figure 11). We propose displaying information about the device used to have a better communication between the teacher and students. In addition, depending on the device configuration, information can be represented or visualized in a different manner. The information we recommend is depicted in Figure 13. Information about what people is doing, tasks need to be performed, schedule, are elements need to be considered to regulate student and teacher interaction. In that way, it is necessary to have a mechanism allow them to be aware of the task structure. Gantt charts too can be used. Figure 14 shows a way to include this aspect.  D1, 3, 3: Visibility: These aspects refer to uses' device connection type (see Figure 11). We propose displaying information about the device used to have a better communication between the teacher and students. In addition, depending on the device configuration, information can be represented or visualized in a different manner. The information we recommend is depicted in Figure 13. D2, 1, 1: Process Planning: Workflow is an important element in the acquisition of knowledge in the teaching-learning process. Information about what people is doing, tasks need to be performed, schedule, are elements need to be considered to regulate student and teacher interaction. In that way, it is necessary to have a mechanism allow them to be aware of the task structure. Gantt charts too can be used. Figure 14 shows a way to include this aspect. D2, 1, 1: Process Planning: Workflow is an important element in the acquisition of knowledge in the teaching-learning process. Information about what people is doing, tasks need to be performed, schedule, are elements need to be considered to regulate student and teacher interaction. In that way, it is necessary to have a mechanism allow them to be aware of the task structure. Gantt charts too can be used. Figure 14 shows a way to include this aspect.
D3, 1, 1: Semantic networks: in a teaching-learning scenario is too important to bring professors and students general information about where are people, resources, tasks, and activities, as a means for interpreting the relationships among different resources. On this guideline, we propose using conceptual maps, radar views, and versions for this purpose ( Figure 15). D3, 1, 2: Task participation: To know the level of participation of different group member is a teaching-learning activity is an important issue to bring more information about what they need to do. These mechanisms are developed for providing information about the level of participation of students. We recommend using mechanisms such as the "participameter" and "contribution meter" [23] (Figure 16). D3, 1, 1: Semantic networks: in a teaching-learning scenario is too important to bring professors and students general information about where are people, resources, tasks, and activities, as a means for interpreting the relationships among different resources. On this guideline, we propose using conceptual maps, radar views, and versions for this purpose ( Figure 15). D3, 1, 2: Task participation: To know the level of participation of different group member is a teaching-learning activity is an important issue to bring more information about what they need to do. These mechanisms are developed for providing information about the level of participation of students. We recommend using mechanisms such as the "participameter" and "contribution meter" [23] (Figure 16).  D3, 1, 1: Semantic networks: in a teaching-learning scenario is too important to bring professors and students general information about where are people, resources, tasks, and activities, as a means for interpreting the relationships among different resources. On this guideline, we propose using conceptual maps, radar views, and versions for this purpose ( Figure 15). D3, 1, 2: Task participation: To know the level of participation of different group member is a teaching-learning activity is an important issue to bring more information about what they need to do. These mechanisms are developed for providing information about the level of participation of students. We recommend using mechanisms such as the "participameter" and "contribution meter" [23] (Figure 16). D3, 2, 1: Availability: Resources may be in a shared environment, which may be considered a common spatial frame inhabited by objects, representing people, information, artifacts, etc. For instance, virtual rooms [24] allow users to access to a set of predefined tools and information contained in a 'room'. D3, 3, 1: Resource: These aspects refer to the shared resources available for executing D3, 2, 1: Availability: Resources may be in a shared environment, which may be considered a common spatial frame inhabited by objects, representing people, information, artifacts, etc. For instance, virtual rooms [24] allow users to access to a set of predefined tools and information contained in a 'room'. D3, 3, 1: Resource: These aspects refer to the shared resources available for executing a task. We recommend providing present information about the resources (tools, materials, skills, and expertise) needed to complete the task.
These guidelines we have proposed to be consider in online-web platforms allowing a better communication among teachers and students have been validated with several web designers. We interviewed 30 people in different Latin American countries, where they manifested the importance of having these guidelines. They manifested the guidelines proposed allow to think how the web platforms must be designed in a way people (students and teachers) feel part of a group, and so, participate in a better manner, improving the teaching-learning processes. People surveyed considered design online/web platforms supporting teaching-learning process is not an easy task. Emotions and awareness are important issues in the process design, but there are other elements, like gender, culture, age, personality, need to be considered. In that way, as the cybergogy model propose it could be convenient to integrate cognitive, emotive, and social elements fostering an engaged learning online scenario [25].
The literature provides us with many studies that have been proposed that awareness and emotions mechanisms are an important aspects to support learning. However, its implementation is not an easy task, due to it depends on many factors to facilitate a good communication among teachers and students. Research has shown that-in order to achieve successful, synchronous collaboration-users have to maintain knowledge about the interaction with other participants and the status of the shared resources. The solution proposed allow to help designers to integrate these awareness and emotion aspects into some online platforms. Just putting a group of people around a task does not guarantee a real and good collaboration, in that way it is necessary structure activities convey participation among group participants, and aspects related with age, number of people, and nature of task-among other elements-need to be considered [26,27].

Conclusions and Further Work
The continued and growing need for new learning opportunities, linked with newer information systems and communication technologies, has pushed online learning into the center of the discussion of educational practice. Presenting information effectively is an important aspect in the teaching-learning process when we are working on e-learning and web platforms.
Aspects related with the quality of information allow building trust, based on the users' perception of the credibility of the application used. However, the online method of learning has certain challenges. Experts clarify that self-discipline is an important issue because students have the responsibility to complete the work and studies on time.
Lack of information about what are they doing and how they interact with their classmates are important elements need to be considered. Despite many platforms offering different opportunities to support teaching-learning process on lockdown scenarios (due to COVID-19), many of them do not have essential aspects to offer a good communication between teachers and students. Aspects related with emotions and awareness have been manifested by teachers and students, in a survey performed in different Latin-American countries, as one of the most relevant elements need to be considered in online platforms supporting teaching-learning process. However, their inclusion is not an easy task. It is necessary to define what elements need to be include and are going to be presented to the users in order to have better communication mechanisms.
We have depicted a set of design guidelines recommendations to develop more usable web platforms supporting teaching-learning scenarios focused on aspects related with emotions and awareness. These guidelines could be implemented in different online platforms (commercial, open-source platforms) in order to improve communication and collaboration among teachers and students. We explored some web platforms following the suggested guidelines and evaluate the user experience of the software tools developed as future work. Also, we aim to include other elements into the design process like cognitive styles, context, learning activity, personal attributes.