Bluescrolls:Β A Notetaking Webapp

Catching up on a heavy courseload with Bluescrolls

My teammate, a developer, and I, a designer, teamed up to conceptualise a webapp that would allow students to organise their university content in an intuitive manner for better learning.

Team

Me + 1 developer

Tools

Figma, Miro, Canva

Role

End to end product designer &user researcher.

Skills

User research, concept ideation, interaction design, prototyping, user testing

THE PROBLEM

How can we allow students to catch up with large amounts of content, late into the semester?

Most University students feel motivated and optimistic at the start of the semester.

According to a study by C. J. Vosloo and colleagues in Psychological Science, individuals are more likely to start working toward their goals at the beginning of a new period, feeling energized and hopeful (Vosloo et al., 2014).

Students generally put more effort into their coursework at the start of the semester (Eccles, J.S., et al., 2005).

However, as the semester progresses, it can be difficult to keep up with missed content.

The snowball effect means that missed work makes it harder to understand later material, increasing the difficulty of catching up. A study found that students who fall behind in their coursework early on are more likely to experience gaps in understanding, which makes it harder to stay on track (Kahu, 2013).

This is unfortunately common as motivation declines across the semester.

This means that by the end of semester, students find it impossible to catch up and give up on learning.

When students fall behind and cannot catch up on material, they experience cognitive overload and their working memory becomes saturated (Sweller, 1988).

As a result, the brain struggles to retain or process additional material, which leads students to disengage. By the end of the semester, many students have given up on performing well in exams.

THE SOLUTION

A study webapp that integrates both diagramming and notetaking features to allow students to grasp the big picture and small details.

Create mindmaps, beautifully and fast.

Inspiring users to help themselves even when feeling unmotivated through a guided 4 steps going from easy to difficult in level. Contextialising education so that it's relevant.

Add detailed notes to each bubble.

Inspiring users to help themselves even when feeling unmotivated through a guided 4 steps going from easy to difficult in level. Contextialising education so that it's relevant.

Add widgets to enhance visualisation.

Inspiring users to help themselves even when feeling unmotivated through a guided 4 steps going from easy to difficult in level. Contextialising education so that it's relevant.

How did I get there?
Full case study coming soon...

Final High Fidelity Mockups

Making a new bubble

Adding a note to a node

Toolbar

Adding Links

Adding Images

Adding Groups

Adding Widgets

For a full case study, read on!

Hope you enjoyed looking at my final screens. More on Bluescrolls coming soon, promise! xx

1. Discovering
the problem

1.1 Research
questions

SECONDARY RESEARCH

Story time:
‍
A few years ago I went to my doctor to ask what I could do about my constant worry about almost every area in my life. He essentially told me that what I was experiencing was unhelpful thought patterns, handed me off a link to a trial on a website called This Way Up, and sent me on my way. I tried the website for a few sessions, but ultimately the modules were long and time consuming and I lost all motivation to continue them. I just kind of stopped using it, even though I could tell the information was probably helpful 😳

Initial findings:

It's not like those problems went away, but over time I figured out my own ways to cope. Was there a better way apps could have been used to help me back then? I set out to engage in some secondary research, through a literature review and competitive analysis - this is what I found: ‍
‍

PRIMARY RESEARCH

While my experience definitely aligned with my research, I wanted to hear of my target audience's experiences firsthand to ensure I wasn't a minority in this issue and to cater the final product toward their needs. To do so, I used the triangulation method of study, engaging in questionaires, semi structured interviews and online ethnography.

Please press on the images below to see how I conducted my research!
πŸ‘€

1.2 Research
findings

KEY INSIGHTS

I sorted my insights into a bottom up affinity diagram, which helped me to identify trends arising from the interviews, survey and online forums. Below is a synthesised version of the affinity diagram after grouping common bottom level insights into common points (there were originally 100+ bottom level insights that I summarised into a few key points here).

Through my affinity diagram, I established 4 main themes:

1. Causes of RNT

RNT was typically triggered by concerns around exams, work and relationships - and were more common around stressful periods like exam or internship season.

2. Motivation to change behaviour

My interviewees had trouble being motivated to change their attitudes or behaviour whilst in the RNT cycle as they did not realise they were engaging in RNT.

3. Attitude to CBT and learning

My interviewees were generally very open to meditation and CBT as interventions. Most participants did not understand what RNT was and expressed a desire to learn more, but only if it was easy to understand.

4. Β Performance of Solutions

Participants were more likely to engage in interventions when they recognised their thoughts as unhelpful and when there was external pressure - i.e. when they had a prior commitment.

So in summary - students were open to mobile methods of targeting their RNT, but found it difficult to remain open to doing so when actually ruminating/ worrying, which mostly happened during stressful periods. The most effective experiences of snapping out of a RNT cycle were when they had extrinsic motivation to stop ruminating/ worrying.

These insights led me to refine my problem statement, which would inform the rest of my processes:

Refined Problem Statement

How can I make university students feel more motivated to change their attitudes while engaging in Repetitive Negative Thinking (RNT)?

πŸ“Œ Learnings - Discovery phase

You've reached a reflection checkpoint!

Rest your eyes while you read about some key learnings I made along the way - for next time.

Primary research was too broad

What are the main ways university students study for an upcoming exam?

1.1.2 Secondary Research (Method)

What are the key challenges students experience when trying to learn?

1.2 Secondary Research (Results)

What are the key challenges students experience when trying to learn?

2. Concept
Ideation

2.1 Ideation methods

STORYBOARDING & DECISION MATRIXES

Using crazy 8s to rapidly generate possibilities and then reverse thinking to refine these solutions, I narrowed down my solution to 3 possible ideas, which I then analysed using a decision matrix. I ended up choosing option 1 (interactive postbox) because of its resource efficiency, permanency and customisability for people of all social comfiness.

OPTION 1

A four in one gamified wellness app

This ranked highest on accessibility, fun, feasibility and interactiveness.

OPTION 2

A VR meditation and exercise room

While this idea was fun, it was not as accessible or feasible compared to other options.

OPTION 3

A wellness plushie that sends friendly reminders

This idea was the most feasible but seemed unhuman and was tone deaf to our issue.

Discovering the Problem.

Research questions

SECONDARY RESEARCH

Our secondary research involved 20+ papers, websites and news articles around the broad topic of study methods and rates of university course completion. We found, generally, that:

Time poor students perform worse in exams πŸ˜₯

Time - poor students who do not attend lectures or spend time on self - study perform worse in assessments and exams

Method of study can predict exam success 🌱

Method of study may be more important than the time spent studying. Three useful study techniques include:

  • Generating own material (ie, summarisation, self explanation).
  • Visualisation (ie, flowcharts, mindmaps and diagrams)
  • Self testing (ie, practice papers, presenting to others).

PRIMARY RESEARCH

The secondary research left unclear, from a user perspective, how often these effective methods of studying were used, whether time- poor students benefited from them particularly, or why students may not use these.

Therefore, we used the triangulation method (surveys, semi- structured interviews and online ethnography) to develop our research question and give our project more direction.

πŸ’‘ Our Research Question

To understand the methods and frustrations of students when trying to understand and digest large amounts of course content in preparation for exams and assessments.

We focused on the following sub questions to draw deeper insights:

BEHAVIOURAL

✍️ Current methods of studying

What are the main ways university students study for an upcoming exam? How do these methods affect their experience of exams?

BEHAVIOURAL & ATTITUDIONAL

πŸ˜– Challenges while studying

What are the key challenges students experience when trying to learn and revise new content?

ATTITUDIONAL

πŸ‘€ Attitudes to diagramming

What are university students' perspective on using a mixture of diagrams and notes for studying?

Research findings

KEY INSIGHTS

Our research yielded some interesting results. After conducting our research, we used affinity diagramming to reach a few key insights: link to affinity diagram. We noted 3 key points from our research:

CURRENT METHODS OF STUDYING

Students mainly use note taking to study ✍️

'I study by taking notes from lectures and readings on Google Docs, Onenote or Notion' - Joanna, 21, Sydney

Students mainly study using note - taking, writing notes in their own words, copying slides and teaching others. To summarise information, they often use Google Docs, Notion and ().

CHALLENGES WHILE STUDYING

Students find volume of content overwhelming πŸ˜–

'I feel confused by overwhelming amounts of course content to learn in short periods' - Online ethnographic source

Students find understanding overwhelming amounts of content the most challenging part of studying. They have particular difficulties keeping up with lectures, revising and (). This leads to stress, a sense of being overwhelmed, and less desire to study.

ATTITUDES TO DIAGRAMMING

Students find visualisation helpful but impractical πŸ€”

'I find visualisation useful but making diagrams is hard to integrate into my study' - John, 21, Sydney

Many students find diagramming useful even though they don't directly use it in their studying. Students may not use diagramming in their studying because they feel it is too difficult to integrate with their existing notes, there are no good free diagramming software, or they feel that creating diagrams slows them down.

These insights led us to refine our problem statement:

πŸ’‘ Refined Research Question

How do we integrate a hybrid solution to visual learning and traditional notetaking into students' study experience and encourage generation of own notes and self testing/ presentation?

Defining the Problem

Who are we designing for?

USER ARCHETYPES

We analysed the experiences and demographic data of our interviewees and translated them into three personas characterised by how much time and effort they dedicate to studying. Our target users lay in the range of not studying at all, to studying almost every day. Their reasons for not studying were mostly time poorness, ranging from social events, part time job

Rushed Ron

Studies ~2 hrs / week

I want to pass but because of my job I just have no time to study often.

2nd Year β€’ BArts β€’ 19

Studious Sue

Studies 6+ hrs / week

I try to get HDs but there is often too much content to study for at once!

4th Year β€’ LLB β€’ 21

Chill Guy

Studies <1 hr / week

Study isn't a top priority, I guess. I wouldn't stay home for it.

3rd Year β€’ BEng Β β€’ 22

Competitor analysis

OVERVIEW OF COMPETITION

After narrowing down our concept, it was time to research competitors.

Docs

Note taking tool

3rd Year β€’ BEng Β β€’ 22

Miro

Mindmapping tool

2nd Year β€’ BArts β€’ 19

Notion

Hybrid tool

4th Year β€’ LLB β€’ 21