16 april
17 July
03 - general features
03 - General Features
03 - General Features
Typography
Satoshi
General sizing:
Weights:
regular
674
434
517
Header- 53
Subheading- 26
Text- 16
Typeface:
Typography
Satoshi
General sizing:
Weights:
regular
674
434
517
Header- 53
Subheading- 26
Text- 16
Typeface:
Personal avatar
Brainstorming tools
Simultaneous live meeting
Who's using the whiteboard
Help
Group project/name
Personal avatar
Brainstorming tools
Simultaneous live meeting
Who's using the whiteboard
Help
Group project/name
Personal avatar
Brainstorming tools
Simultaneous live meeting
Who's using the whiteboard
Help
Group project/name
Personal avatar
Brainstorming tools
Simultaneous live meeting
Who's using the whiteboard
Help
Group project/name
Research shows there are six primary Themes
Research shows there are six primary Themes
Research shows there are six primary Themes
Helping students stay on task
Maintaining visual harmony through modular design to help users focus on the experience , not the interface
Helped massively while extending the scope of the project which means that the app can change with ever-evolving education methods.
Helping students stay on task
Maintaining visual harmony through modular design to help users focus on the experience , not the interface
Helped massively while extending the scope of the project which means that the app can change with ever-evolving education methods.
16 april
17 July
Personal and teammate progress
Personal and teammate progress
Personal and teammate progress
Personal and teammate progress
Files shared during meetings and in the chat
Files shared during meetings and in the chat
Files shared during meetings and in the chat
Files shared during meetings and in the chat
Chats/meetings
Chats/meetings
Chats/meetings
Chats/meetings
Weekly to-do list and group calendar
Weekly to-do list and group calendar
Weekly to-do list and group calendar
Weekly to-do list and group calendar
Tester reactions to the avatars:
" Suddenly there was a lot of exciting visual elements after the more simple UX. also amused by the character profiles (liked the gorilla one)."
"I really liked the use of the avatars and them being playful and in cartoon form. Instead of work being something incredibly serious and not fun it was something to look forward to approach."
Tester reactions to the avatars:
" Suddenly there was a lot of exciting visual elements after the more simple UX. also amused by the character profiles (liked the gorilla one)."
"I really liked the use of the avatars and them being playful and in cartoon form. Instead of work being something incredibly serious and not fun it was something to look forward to approach."
Colour Palette
#FFFCF0
#FCF9EB
#0FBD4C
#2A7299
#9CBAC8
#1A1A1A
#385F75
#8BBED5
Colour Palette
#FFFCF0
#FCF9EB
#0FBD4C
#2A7299
#9CBAC8
#1A1A1A
#385F75
#8BBED5
Instead of the whiteboard, my idea originally was to integrate links to other collaboration
software such as FigJam and ClickUp. This proved to be too many steps, it was confusing
and asked already stressed students to download, create an account for, and learn
new, moderately challenging-to-adopt software.
This would end up discouraging users from the live collaboration aspect and deprive the group of the aforementioned "contribution recognition" that is so important for a positive working environment. Additionally, software being overly complex or too reliant on the user knowing and trusting adjacent products, is one of the major issues with existing technologies.
Instead of the whiteboard, my idea originally was to integrate links to other collaboration software such as FigJam and ClickUp. This proved to be too many steps, it was confusing and asked already stressed students to download, create an account for, and learn new, moderately challenging-to-adopt software.
This would end up discouraging users from the live collaboration aspect and deprive the group of the aforementioned "contribution recognition" that is so important for a positive working environment. Additionally, software being overly complex or too reliant on the user knowing and trusting adjacent products, is one of the major issues with existing technologies.
Instead of the whiteboard, my idea originally was to integrate links to other collaboration
software such as FigJam and ClickUp. This proved to be too many steps, it was confusing
and asked already stressed students to download, create an account for, and learn
new, moderately challenging-to-adopt software.
This would end up discouraging users from the live collaboration aspect and deprive the group of the aforementioned "contribution recognition" that is so important for a positive working environment. Additionally, software being overly complex or too reliant on the user knowing and trusting adjacent products, is one of the major issues with existing technologies.
Overview
The issues with group work
The issues with group work
02 - The Solution
02 - The Solution
02 - The Solution
04 - The Design System
04 - The Design System
04 - The Design System
05 - Experiments
05 - Experiments
05 - Experiments
limitations
limitations
limitations
01 - The Groupwork Problem
01 - The Groupwork Problem
01 - The Groupwork Problem
It is all about perspective
It is all about perspective
It is all about perspective
Ineffective tools
Ineffective tools
As has been discovered in a number of studies, The main issue with group work at universities
and the stigma around them almost all stem from who thinks who is doing what and a lack of effective communication about that.
The PERCIEVED unequal distribution of work, students who SEE THEMSELVES as the "group leader", PERCIEVED incompetence. These on top of a lack of clarification about roles and the decision making process, contribute to negative feelings and worse academic outcomes.
As has been discovered in a number of studies, The main issue with group work at universities and the stigma around them, almost all stem from who thinks who is doing what and a lack of effective communication about that.
The PERCEIVED unequal distribution of work, students who SEE THEMSELVES as the "group leader", PERCEIVED incompetence. These on top of a lack of clarification about roles and the decision making process, contribute to negative feelings and worse academic outcomes.
As has been discovered in a number of studies, The main issue with group work at universities and the stigma around them, almost all stem from who thinks who is doing what and a lack of effective communication about that.
The PERCEIVED unequal distribution of work, students who SEE THEMSELVES as the "group leader", PERCIEVED incompetence. These on top of a lack of clarification about roles and the decision making process, contribute to negative feelings and worse academic outcomes.
Currently, collaboration tools that students use largely have limited functionality, problems with work-sharing, keeping track of your teams activity, scheduling issues and a reliance on an experienced user.
Issues like these discourage students from collaborating and leave them with no easy way to
take accountability or be held accountable for work they have or have not completed.
Ineffective tools
Interactive Whiteboard
Interactive Whiteboard
A Design System helps avoid over-complexity in the visual design
More information about group members' individual tasks
"Collaborate" Widget
00 - Introduction
00 - Introduction
00 - Introduction
In order to enforce friendliness, trust and the collaborative spirit I am aiming for, I wanted to go with a relatively bright color palette, making sure to keep it readable and high contrast without being harsh on the eyes.
Satoshi - Legible, trustworthy but soft enough for the overall aesthetic.
user flow
The interactive whiteboard is the best of both worlds, it's fully integrated, simple and can be accessed by anyone in the group at any time
Negative feelings are not good for group work and almost every stage bar the completion of a group assignment is stressful. Student Sync is not an application that students
must complete their work in directly and that is on purpose.
The avatars act as a little refresher, something to look at other than text. Alleviating the seriousness and encouraging just the right amount of relaxation to get a student, who might be stressed or introverted, ready to open up and collaborate.
Negative feelings are not good for group work and almost every stage bar the completion of a group assignment is stressful. Student Sync is not an application that students must complete their work in directly and that is on purpose.
The avatars act as a little refresher, something to look at other than text. Alleviating the seriousness and encouraging just the right amount of relaxation to get a student, who might be stressed or introverted, ready to open up and collaborate.
Ideas that didn't quite work out and needs more workshopping
Ideas that didn't quite work out and needs more workshopping
Ideas that didn't quite work out and needs more workshopping
The intention for this feature was to improve accountability and to avoid arbitrary progression markers, however it would likely cause negative feelings.
"Why have they not done this". "They're taking too long". It creates an over-surveilled environment that amplifies micro-managerial tendencies. It makes the user with the tasks nervous about how they are being perceived and it can cause feelings of inadequacy for those who are not confident in their abilities.
Oppositely it may stir feelings of superiority in those perceiving them, which we know based on studies, is an aspect of the number one reason why University group work causes negative feelings, which is the perception that one is better than another.
The intention for this feature was to improve accountability and to avoid arbitrary progression markers, however it would likely cause negative feelings.
"Why have they not done this". "They're taking too long". It creates an over-surveilled environment that amplifies micro-managerial tendencies. It makes the user with the tasks nervous about how they are being perceived and it can cause feelings of inadequacy for those who are not confident in their abilities.
Oppositely it may stir feelings of superiority in those perceiving them, which we know based on studies, is an aspect of the number one reason why University group work causes negative feelings, which is the perception that one is better than another.
contents
contents
Timeline
As a graduate and someone who is learning all the time, collaboration can be difficult and it is normal to make mistakes or for miscommunication to occur.
With Student Sync, the aim was to take the pressure off of students, to ensure solid group organization with a special focus on accountability, confidence, participation and group thinking.
Participation most of all. Ultimately, "lurking" cannot be avoided entirely but participation means that even if someone is not that communicative or social, they can still be recognized as a part of the group by others.
If the group can see, in real-time, someone in their team who has not been talking, actively contributing to the group's progress, then that person exists to them. There is no "Where were they" or negative feelings about that person. Increasing the awareness of one another and their contributions is the key to a positive group work experience.
As a graduate and someone who is learning all the time, collaboration can be difficult and it is normal to make mistakes or for miscommunication to occur.
With Student Sync, the aim was to take the pressure off of students, to ensure solid group organization with a special focus on accountability, confidence, participation and group thinking.
Participation most of all. Ultimately, "lurking" cannot be avoided entirely but participation means that even if someone is not that communicative or social, they can still be recognized as a part of the group by others.
If the group can see, in real-time, someone in their team who has not been talking, actively contributing to the group's progress, then that person exists to them. There is no "Where were they" or negative feelings about that person. Increasing the awareness of one another and their contributions is the key to a positive group work experience.
University group assignments are notoriously difficult to navigate, both in how groups organise themselves and how social dynamics effect the feelings of those involved. How do we mitigate these feelings, avoid the unequal division of work and improve poor engagement with tasks?
University group assignments are notoriously difficult to navigate, both in how groups organise themselves and how social dynamics effect the feelings of those involved. How do we mitigate these feelings, avoid the unequal division of work and improve poor engagement with tasks?
As has been discovered in a number of studies, The main issue with group work at universities
and the stigma around them, almost all stem from who thinks who is doing what and a lack of effective communication about that.
The PERCEIVED unequal distribution of work, students who SEE THEMSELVES as the "group leader", PERCEIVED incompetence. These on top of a lack of clarification about roles and the decision making process, contribute to negative feelings and worse academic outcomes.
Currently, collaboration tools that students use largely have limited functionality, problems with work-sharing, keeping track of your teams activity, scheduling issues and a reliance on an experienced user.
Issues like these discourage students from collaborating and leave them with no easy way to
take accountability or be held accountable for work they have or have not completed.
03 - General Features
These features are to ensure that …
There is a concrete way of tracking who has done what.
Participation is encouraged.
"Lurking" is mitigated not shamed.
Students can allocate tasks to one another and they receive visual confirmation of those choices.
Students who fit more into the "group leader" archetype can be openly communicative about their expectations regarding task completion (this is encouraged as groups who perceive one person as being the "leader" tend to do better academically).
Unhealthy competition is avoided
Group timekeeping and deadline awareness is ever-present without being threatening .
There is a concrete way of tracking who has done what.
Participation is encouraged.
"Lurking" is mitigated not shamed.
Students can allocate tasks to one another and they receive visual confirmation of those choices.
Students who fit more into the "group leader" archetype can be openly communicative about their expectations regarding task completion (this is encouraged as groups who perceive one person as being the "leader" tend to do better academically).
Unhealthy competition is avoided
Group timekeeping and deadline awareness is ever-present without being threatening .
Whiteboard icon for access from the chat page
Whiteboard icon for access from the chat page
Avatars
Avatars
06 - Takeaways
06 - Takeaways
06 - Takeaways
Handling Disclosure
It works best when group members are presented with a what, rather than a how or why.
Too much disclosure=invasive/ too little disclosure=impersonal.
Respondents appreciated seeing their teams activity and were satisfied with the agreement being that they share theirs as well.
It works best when group members are presented with a what, rather than a how or why.
Too much disclosure=invasive/ too little disclosure=impersonal.
Respondents appreciated seeing their teams activity and were satisfied with the agreement being that they share theirs as well.
A little bit of sunshine goes a long way
Frankly I was surprised that the avatars were received as well as they were.
Just because there is a potentially juvenile element does not mean that the viewer is going to get turned off the app.
Testers found joyful elements refreshing and relaxing and would be more likely to use Student Sync because of them.
Frankly I was surprised that the avatars were received as well as they were.
Just because there is a potentially juvenile element does not mean that the viewer is going to get turned off the app.
Testers found joyful elements refreshing and relaxing and would be more likely to use Student Sync because of them.
Design Systems are worth the time
I have mentioned that there was a moment when the project expanded in scope. Originally it was supposed to be a set of pages that were visually interesting, but they did not bring any real storytelling into the picture, you couldn't see what the project was, just what it looked like.
When I expanded to include the group onboarding process I was lucky to have a design system to pull from and I was able to maintain visual harmony easily.
I also plan on adding more to the prototype as time goes on and I predict the design system will only become more useful and save more and more time.
I have mentioned that there was a moment when the project expanded in scope. Originally it was supposed to be a set of pages that were visually interesting, but they did not bring any real storytelling into the picture, you couldn't see what the project was, just what it looked like.
When I expanded to include the group onboarding process I was lucky to have a design system to pull from and I was able to maintain visual harmony easily.
I also plan on adding more to the prototype as time goes on and I predict the design system will only become more useful and save more and more time.
Limited pool of respondents
Solo project
Most testimonies that were critical of existing software (Microsoft teams, Slack, Trello etc.) are online reviews and forum posts both on their native forums and external ones.
Main study used is an extensive literature review of existing studies regarding group work and its issues the reports are mostly from 1990 onwards.
Donelan, H., & Kear, K. (2023). Online group projects in higher education: persistent challenges and implications for practice.Journal of computing in higher education, 1–34. Advance online publication. https://doi.org/10.1007/s12528-023-09360-7(link)
Limited pool of respondents
Solo project
Most testimonies that were critical of existing software (Microsoft teams, Slack, Trello etc.) are online reviews and forum posts both on their native forums and external ones.
Main study used is an extensive literature review of existing studies regarding group work and its issues the reports are mostly from 1990 onwards.
Donelan, H., & Kear, K. (2023). Online group projects in higher education: persistent challenges and implications for practice.Journal of computing in higher education, 1–34. Advance online publication. https://doi.org/10.1007/s12528-023-09360-7(link)
Limited pool of respondents
Solo project
Most testimonies that were critical of existing software (Microsoft teams, Slack, Trello etc.) are online reviews and forum posts both on their native forums and external ones.
Main study used is an extensive literature review of existing studies regarding group work and its issues the reports are mostly from 1990 onwards.
Donelan, H., & Kear, K. (2023). Online group projects in higher education: persistent challenges and implications for practice.Journal of computing in higher education, 1–34. Advance online publication. https://doi.org/10.1007/s12528-023-09360-7(link)
lack of clarity
ineffective technologies
lack of participation
lack of preparation
unequal division of tasks
negative feelings
lack of clarity
ineffective technologies
lack of participation
lack of preparation
unequal division of tasks
negative feelings
Role
Skills
Date
Sole UI/UX Designer
UI/UX
Design systems
Illustration
16 Apr - 17 Jul
Role
Skills
Date
Sole UI/UX Designer
UI/UX
Design systems
Illustration
16 Apr - 17 Jul
Role
Skills
Date
Sole UI/UX Designer
UI/UX
Design systems
Illustration
16 Apr - 17 Jul
Role
Skills
Date
Sole UI/UX Designer
UI/UX
Design systems
Illustration
16 Apr - 17 Jul
Role
Skills
Date
Sole UI/UX Designer
UI/UX
Design systems
Illustration
16 Apr - 17 Jul
Role
Skills
Date
Sole UI/UX Designer
UI/UX
Design systems
Illustration
16 Apr - 17 Jul
Student Sync
Student Sync
Student Sync
Student Sync
Student Sync
Student Sync
Typography
Satoshi
General sizing:
Weights:
regular
674
434
517
Header- 53
Subheading- 26
Text- 16
Typeface:
Typography
Satoshi
General sizing:
Weights:
regular
674
434
517
Header- 53
Subheading- 26
Text- 16
Typeface:
Group projects are serious, but collaboration does not have to be.
Colour Palette
#FFFCF0
#FCF9EB
#0FBD4C
#2A7299
#9CBAC8
#1A1A1A
#385F75
#8BBED5
Colour Palette
#FFFCF0
#FCF9EB
#0FBD4C
#2A7299
#9CBAC8
#1A1A1A
#385F75
#8BBED5
Group projects are serious, but collaboration does not have to be.
Group projects are serious, but collaboration does not have to be.
17 July
16 april
17 July
16 april
lack of clarity
lack of participation
lack of preparation
ineffective technologies
negative feelings
unequal division of tasks
Whiteboard icon for access from the chat page
contents
Go to - De-Finder Brief
Go to - De-Finder Brief
Go to - De-Finder Brief
open prototype
open prototype
The Main Prototype designed for desktop