by leila.orynbayeva -

03. Overview of Health Apps

Introduction to Chronic Disease Management

Chronic diseases, such as diabetes, hypertension, and mental health disorders, are long-term health conditions requiring continuous care and consistent management. Unlike acute illnesses, these diseases often necessitate daily routines, medication adherence, and lifestyle adjustments. Despite the availability of treatment plans, one of the biggest challenges in chronic disease management is ensuring patients remain motivated and consistent over time

The Role of Gamification in Chronic Disease Management

Gamification, the integration of game-like elements into non-game contexts, has emerged as an innovative tool in healthcare. By incorporating features like rewards, progress tracking, and challenges, gamification can transform mundane health tasks into engaging activities. This approach motivates patients to stay involved in their treatment plans and fosters long-term adherence.

How Gamification Motivates Patients to Engage in Daily Health Routines

Gamification taps into human psychology by offering immediate feedback, achievable goals, and rewards. For example, health apps often use points, badges, or streaks to reward users for taking medication on time or completing daily exercises. These small wins create a sense of achievement, encouraging users to stick with their routines.

Gamified systems are particularly effective in promoting long-term behavioral changes. Whether it’s regular exercise, a balanced diet, or mindfulness practices, gamification helps users establish and maintain healthier routines. Features like daily challenges, habit streaks, and milestone rewards provide positive reinforcement for maintaining these habits.

Case Studies & Success Stories

Fitbit.

Known for its gamified step-tracking features, Fitbit encourages users to meet daily fitness goals. Fitbit rewards you with badges as certain milestones are achieved.

Pros:

✅ Goal Setting

You can customize the total daily steps goal, set calorie, weight, sleep goals and then get multiple motivational notifications throughout the day

✅ App Design

It’s simple, intuitive, and visually appealing, and has important features in setting like silent alarm and goals

✅ Water Resistant.

You can easily go to the pool or have a shower without worries

Cons:

❌ Inaccuracy

From the user review, Fitbit still counted steps when the user waved his hands and added them to the daily goal. Furthermore, Fitbit accidentally added steps while the user air drummed on his leg while listening to music on his way to work and gathered 2,261 “steps”

Also, Fitbit counted steps while user mowed the lawn

“It was Saturday, June 27th. I spent 3 – 4 hours on my mower on this particular day. Apart from this, I only took my normal relaxed weekend strides around the house. Somehow I racked up a whopping 22,125 steps by the end of the day! Look at my following day Sunday, June 28th. I look like a lazy butt comparatively. The only difference in my behavior? Sitting on a riding mower for a few hours.“

❌ Battery Notification.

Unless you keep your phone’s Bluetooth setting activated persistently, you will never receive any low-battery notifications, because it’s not able to send you this message

❌ Heavy metal on the faster belt

❌ Difficult to put it on

It’s quite possible that the design rationale maybe if it’s really difficult to put on, it will be really difficult to accidentally take off. Maybe so, but mine has come off numerous times on accident during house cleaning and other occasional occurrences of catching it on various surfaces.

SuperBetter

SuperBetter is a motivational app that comprises a series of games and challenges.

Pros:

✅ Science-Backed Approach

SuperBetter is built on research by Jane McGonigal, a game designer and psychologist. The app is scientifically proven to help reduce symptoms of anxiety and depression, improve resilience, and enhance overall well-being.

It uses techniques such as positive psychology, cognitive behavioral therapy (CBT), and resilience-building strategies.

✅ Uses effective game mechanics to engage users:

🛡️ 1. Power-Ups

It uses game mechanics like quests, power-ups, and challenges to keep users motivated and engaged.

🦹‍♂️ 2. Bad Guys (Obstacles)

Challenges or triggers that represent obstacles to achieving goals.

🏆 3. Achievements & Rewards

Users earn points and badges for completing quests, defeating bad guys, or using power-ups. goals and break them into manageable tasks, promoting a sense of accomplishment.

📊 4. Progress Tracking

The app is intuitive and easy to navigate, even for users unfamiliar with gamified tools.

🤝 5. Allies (Social Support)

Users can invite friends or family members as Allies to offer encouragement and accountability.

🎯 6. Immediate Feedback

The app provides instant responses to user actions, like completing a quest or using a power-up

Cons:

Although this is one of the best apps on the market, I found some problems:

❌ Repetitiveness

Some users find the tasks repetitive over time, which may reduce long-term engagement.

❌ Technical Issues

Occasional bugs and glitches have been reported by users.

Gamification has proven to be a powerful tool in chronic disease management by increasing patient engagement, improving adherence, and fostering healthier habits. As technology continues to evolve, the potential for gamification in healthcare remains vast. By making health management more interactive and rewarding, gamification promises to improve outcomes and enhance the quality of life for millions of patients worldwide.

Conclusion

While gamification has shown significant success in motivating patients and improving engagement in chronic disease management, it’s clear that no single approach can address the diverse and complex needs of patients living with chronic conditions.

This brings us to an important consideration: How can healthcare platforms be better tailored to meet the unique physical, emotional, and behavioral needs of these patients?

In the next post, I’ll dive deeper into how platforms can go beyond generic solutions, offering personalized tools, adaptive experiences, and targeted support to effectively address the specific needs of chronic condition patients

Link to articles:

User review on FitBit

SuperBetter website

Official website of Jane McGonigal

Source of reviews of the SuperBetter

by dominik.bluemel -

10: Fazit.

In den letzten Monaten, vorallem aber der letzten Woche, habe ich experimentiert was das Zeug hält. Ich habe nach Tools gesucht, sie ausprobiert, bin oft gescheitert, verzweifelt, habe publiziert und wieder runtergenommen, aber am Ende immer noch das gefunden, was ich gesucht habe. Und dafür war dieser Blog da. Mit Flourish und Vev habe ich, soweit ich das heute beurteilen kann, zwei kostengünstige und unfassbar gut funktionierende Tools gefunden, mit denen ich alles und mehr machen kann als ich eigentlich je wollte. Damit endet dieses Kapitel, aber das nächste steht schon vor den Toren.

Wo bleibt After Effects?

Gute Frage, bessere Antwort: Ich habe bewusst auf andere Varianten zur Datenvisualiserung verzichtet – eigentlich sollten neben Plug and Play-Lösungen ja nicht nur AE sondern auch Coding zum Einsatz kommen – da sich im Verlauf des Semesters meine Ansichten etwas geändert haben. Einerseits war der Processing Kurs leider nicht darauf ausgelegt wirklich sinnhafte Visualisierungen herzustellen, sondern einfach nur randomisierte Zeichnungen zu coden. Das mag schön und nett sein, hilft mir in meinem weiteren Arbeitsleben nur leider nicht weiter. Da ich aber nicht einmal die randomisierten Zeichnungen verstanden habe, bin ich zum Entschluss gekommen gänzlich auf Coding als Visualisierungsmöglichkeit zu verzichten. Nicht nur Processing sondern auch R, die Programmiersprache mit der wir im Bachelor gearbeitet haben, liefert mit gleichem Aufwand einfach nie derart gute Ergebnisse wie die von mir ausprobierten Tools.

Die Entscheidung auch auf After Effects zu verzichten, kam mit der Entdeckung von Flourish. Bis dahin war mir nämlich nicht bewusst, dass es ein derart starkes Tool einfach kostenlos im Internet gibt. Es gibt nichts was Flourish nicht kann, nichts was sich nicht bearbeiten ließe und nichts was sich nicht visualieren ließe – und das innerhalb von Minuten. Deshalb macht es für mich einfach keinen Sinn Stunden in Datenvisualisierungen in After Effects zu stecken, die gerade bei meinem Können, nie so gut aussehen werden wie jene von Flourish. Für mich, der sich eigentlich mit dem schreiben von Geschichten beschäftigt und nicht mit dem Design, ist Flourish einfach genial.

Wie gehts jetzt weiter?

Jetzt wo die technische Komponente soweit geklärt ist, geht es an die Theorie. Wann machen Datenvisualisierungen Sinn? Wieviel kann man mit Text erklären, wofür braucht man Grafik? Was kann welches Diagramm? Welche Prinzipien gelten für Diagramme? Und so weiter. Alle diese Fragen brauchen handfeste Antworten auf Basis von Fachliteratur, wenn sie in meiner künftigen Masterarbeit beantwortet werden wollen. Sollte dieser Blog also im zweiten oder gar auch dritten Semester fortgeführt werden, so ist das der nächste Schritt: Die Theorie hinter der Praxis zu erkunden.

Bis dahin fließt aber noch viel Wasser die Mur hinunter und auch ich habe noch viel Zeit mich noch genauer mit Vev und Flourish auseinander zu setzen, denn Daten sind meine Leidenschaft. Nichts kann Geschichten so genau erzählen wie Daten und nichts kann so außergewöhnliche Geschichten erzählen wie Daten. Außer vielleicht Video. Das kann das auch.

by dominik.bluemel -

09: Vev. Mehr geht nicht.

Ich kann es kaum glauben, aber es ist passiert. Nach schier endlosen Stunden in schlechtem Webdesign dürfte mir heute, am letzten Tag dieses Jahres, der Durchbruch gelungen sein. Vev kann nämlich alles, wirklich alles. Aber zurück zum Anfang.

Über Vev

Vev ist ein eher neueres Tool, das 2017 gegründet wurde und vorallem für interaktive Webseiten und “creatives” gedacht ist. Obwohl “Scrollytelling” nicht das Hauptaugenmerk von Vev ist, so beinhaltet der Baukasten dennoch viele extra darauf abgestimmte Features, auf die ich später genauer eingehen werde. Vev ist zwar bei weitem nicht das intuitivste Tool, das ich bisher getestet habe, bietet aber mit Abstand den größten Funktionsumfang. Da gratis keine Veröffentlichung zur Verfügung steht, habe ich unten ein kurzes Video von der Page hinzugefügt.

Vorteile von Vev

Grundsätzlich ist Vev genauso wie alle anderen Tools ein No-Code Website-Baukasten, jedoch in massiv aufgwerteter Form. Das Layout erinnert an Programme von Adobe und ist voll von Einstellungsmöglichkeiten, die einen am Anfang fast erschlagen. Von Scrollytelling Features wie Bildern, Videos und Text, über Animationen und Parallax-Effekte bis hin zur Möglichkeit wirklich alles einzubetten was das Herz begehrt bietet Vev wirklich einen unfassbaren Funktionsumfang, sodass dann doch das ein oder andere Tutorial benötigt wird. Genau das ist aber der größte Pluspunkt von Vev: es kann alles, sogar Grafiken. Einerseits bringt Vev ein ganz eigenes Tool mit, mit dem man im Website-Builder Daten importieren und native, interaktive Grafiken erstellen kann. Dies ist gerade für einfache Barcharts sehr praktisch und lässt diese wunderbar aussehen. Der größte Vorteil ist aber, dass ähnlich wie zwischen Pageflow und Datawrapper, eine Art Partnerschaft zu Flourish besteht, meinem liebgewonnen Visualisierungstool. Damit lassen sich Grafiken von Flourish noch besser integrieren und behalten volle Funktionalität. Sogar alle Effekte und Einstellungsmöglichkeiten können auf die Grafiken angewandt werden, mehr geht nicht.

Neben dem riesigen Funktionsumfang halten sich auch die Kosten von Vev im Rahmen. Mit einem Einzelabo werden nur 7 Dollar monatlich pro Webseite fällig, für den persönlichen Anwendungsfall kommt dies um einiges günstiger als die Konkurrenz. Will man unbegrenzt viel veröffentlichen ist der Preis gleich wie bei anderen Tools bei rund 40 Dollar im Monat.

Nachteile von Vev

Grundsätzlich ist Vev genial, es kann alles, ist kostengünstig und kommt dennoch ohne Code aus. Gerade als Anfänger kann Vev aber überwältigend sein. Ich habe mir unzählige Tutorials angeschaut und gesehen was mit Vev alles möglich ist, dennoch sieht die von mir erstellte Seite nicht zwingend besser aus, als jene die ich etwa mit Exposure gemacht habe. Für die von Exposure brauchte ich aber vielleicht 30 Minuten, in Vev mehrere Stunden. Das liegt aber nicht am Programm sondern einfach an mir. Vev kann einfach mehr, mehr als ich, um genau zu sein. Das führt natürlich dazu, dass nicht alles so intuitiv abläuft wie bei den anderen Baukasten-Tools.

Den einzigen echten Nachteil den ich bei Vev soweit gefunden habe ist aber die fehlende Möglichkeit, die erstellte Seite automatisch für verschiedene Endgeräte anzupassen. So muss man in Vev sowohl für Laptop, Tablet und Mobil Schrift- und Bildgrößen anpassen, damit sie auf jedem Design gut aussehen. Bei allen anderen Tools geschah dies automatisch und hat auch immer einwandfrei funktioniert.

Fazit

Trotz dessen, dass Vev sicherlich das zeitintesivste Tool aller vorgestellten ist, hat es mich mit seinen Funktionen und dem nativen einbetten von Flourish-Grafiken überzeugt. Ich werde mich weiterhin mit verschiedenen Designs spielen und Vev erkunden, weil es einerseits Spaß macht und andererseits auch funktioniert. Ich glaube ich habe mit Vev das gefunden wonach ich gesucht habe, auch wenn es mir lieber gewesen wäre eines der “klassischeren” Tools wie Shorthand oder Pageflow, die primär für Journalisten gedacht sind und nicht für Designer, hätte alle diese Funktionen gehabt, da diese für Anfänger natürlich deutlich schneller gute Ergebnisse liefern.

by Selina Allerstorfer -

#02 Loneliness?

Loneliness is a universal human experience, yet it manifests in ways that are deeply personal and varied. What exactly is loneliness, and how can we better understand its dimensions and impact?

What is Loneliness?

Several studies describe a different definition of loneliness. As a discrepancy between the social interactions and relationships an individual desires and those they currently experience, which leads to a negative feeling of being alone. Here, however, being alone is not the same as feeling lonely. 1 It is described as a perceived lack of social contact, 2 or as the unavailability or unwillingness of others to engage in social and emotional experiences 3, or as a condition in which an individual can interact with others but does not do it. 4

Loneliness is a multidimensional phenomenon due to its variations in intensity, causes, and circumstances. 5 Therefore, it can be distinguished between three types of loneliness: emotional loneliness, social loneliness and collective loneliness.

Emotional loneliness “results from the lack of a close, intimate attachment to another person”. Someone, like a spouse or best friend, whom one can rely on for emotional support during hard times and validates one’s values.

Social loneliness is the absence of quality relationships with family or a group of friends who share the same interests and activities. 6  

Collective loneliness pertains to an individual’s sense of disconnection from their valued social identities or “active network” (e.g., group, school, team, or national identity), where one can engage with like-minded others, even if only at a distance, within the broader social context. 7

How to measure Loneliness?

Since loneliness is a subjective experience, its measurement can be challenging. It cannot be directly observed, and there are no objective indicators to assess it. As a result, loneliness is typically measured through self-reported methods, such as surveys and questionnaires. There are two types of measuring loneliness: direct and indirect. 

Direct Measures: People are asked directly if they are feeling lonely in a certain period of time. 

Indirect Measures: People are asked several questions but without using words like lonely or loneliness. The questions are about feelings and experiences related to loneliness. Like the wish to have someone to rely on or talk to about private topics. 

Over the time several scales have been developed for measuring loneliness. The two most known ones are the “University of California Los Angeles Loneliness Scale” created by Russell and Peplau and the and the “De Jong Gierveld Loneliness Scale” created by De Jong Gierveld and Kamphuis. 8

University of California Los Angeles Loneliness Scale (UCLA Loneliness Scale)

The survey consists of 20 statements, and respondents are required to indicate how frequently each statement applies to them. O: I often feel this way, S: I sometimes feel this way, R: I rarely feel this way, N: I never feel this way.  9

Source: D. W. Russell, L. A. Peplau: Developing a Measure of Loneliness
De Jong Gierveld Loneliness Scale

The original survey consists of eleven statements, in 2000 they created a shortened version with only six statements. Three of the statements are positively formulated and the other three are negatively formulated. The statements need to be answered with “no”, “more or less” or “yes”. This survey also considers the difference between emotional loneliness and social loneliness. 8

6 questions: 

  • I experience a general sense of emptiness.
  • I miss having people around.
  • I often feel rejected.
  • There are plenty of people I can rely on when I have problems.
  • There are many people I can trust completely.
  • There are enough people I feel close to.

What is Social isolation?

Loneliness and social isolation are frequently discussed in tandem or treated as synonymous concepts. 2 However, loneliness describes a subjective experience, whereas social isolation is an objective situation where someone is alone or lacks meaningful social interactions. 10 A person who has little contact to the family, friends or other people of a community is socially isolated. 11

Since belonging is seen as a fundamental human motivation. 12 A core aspect shared by most individuals is the need for love, acceptance, and understanding, which often motivates significant efforts to avoid experiencing loneliness. 

Sources:

[1] L. A. Peplau and D. Perlman, “Loneliness,” in Encyclopedia of Mental Health, H. S. Friedman, Ed., vol. 1, San Diego: Academic Press, 1998, pp. 571–581.

[2] G. C. Wenger, The Supportive Network: Coping with Old Age, 1st ed. Allen and Unwin, London, 1984

[3] K. S. Rook, “Research on social support, loneliness, and social isolation: Toward an integration,” Review of Personality & Social Psychology, vol. 5, pp. 239–264, 1984.

[4] S. Shalev, “On loneliness and alienation,” Isr. J. Psychiatry Rel. Sci., vol. 5, pp. 236–245, 1988.

[5] L. M. Heinrich, E. Gullone und School of Psychology, Psychiatry, and Psychological Medicine, Faculty of Medicine, Nursing, and Health Sciences, Monash University, VIC 3800, Australia, „The clinical significance of loneliness: A literature review“, 2006. doi: 10.1016/j.cpr.2006.04.002.

[6] R. S. Weiss, Loneliness: the experience of emotional and social isolation. 1974. [Online]. Verfügbar unter: http://psycnet.apa.org/record/1974-22306-000

[7] S. Cacioppo, A. J. Grippo, S. London, L. Goossens und J. T. Cacioppo, „Loneliness: Clinical Import and Interventions“, The Author(s), 2015. doi: 10.1177/1745691615570616.

[8] S. V. Schnepf, B. D’Hombres und C. Mauri, Hrsg., Loneliness in Europe. 2024. doi: 10.1007/978-3-031-66582-0.

[9] D. W. Russell, L. A. Peplau, Iowa State University, University of California, Los Angeles und Letitia Anne Peplau, „Developing a Measure of Loneliness“, Journal Of Personality Assessment, Juli 1978, doi: 10.1207/s15327752jpa4203_11.

[10] J. de Jong Gierveld, “Developing and testing a model of loneliness,” J. Personal. Soc. Psychol., vol. 53, pp. 119–128, 1987.

[11] C. Victor, S. Scambler, J. Bond und A. Bowling, „Being alone in later life: loneliness, social isolation and living alone“, Reviews in Clinical Gerontology, Bd. 10, Nr. 4, S. 407–417, Nov. 2000, doi: 10.1017/s0959259800104101.[12] Baumeister, Roy F. and Leary, Mark R., “The Need to Belong: Desire for Interpersonal Attachments as a Fundamental Human Motivation”, Psychological Bulletin 1995, Vol. 117, No. 3, 497-529

by dominik.bluemel -

08: Exposure. Funktioniert.

Als dritten Webseitenbaukasten habe ich mir die etwas unbekanntere Seite “Exposure” angesehen, die gerade mit einem sehr einfachen Layout wirbt. Auch wenn diese die bisher einzige ist, auf der man bereits gratis live gehen kann, überzeugt sie mich nicht restlos.

Über Exposure

Exposure ist ein amerikanisches Tool, das gerade den privaten Einzelanwender addressiert und für einfache Anwendungen wie Reise- oder Fotoblogs gedacht ist. Im Gegensatz zu Pageflow und Shorthand, kann auch bereits im freien Abonnement veröffentlicht werden, wenn auch natürlich nicht auf der eigenen Domain. Auch preislich bietet Exposure Vorteile: Schon ab 14 Dollar im Monat ist man voll dabei. Die Ausrichtung auf den unerfahrenen Amateuranwender, der nur schnell seine Urlaubsschnappschüsse teilen möchte ist dabei aber Fluch und Segen zugleich. Eine Übersicht über die Webpage gibt es als Video unten, da eine Gratisveröffentlichung nicht möglich war.

Vorteile von Exposure

Von allen bisher verwendeten Tools bietet Exposure definitiv die intuitivste Bedienung. Das Tool kommt gänzlich ohne Sidebars aus und die Gestaltung der Homepage sieht im Backend fast genauso aus wie im Frontend, was die Gestaltung sehr vereinfacht. Der größte Vorteil von Exposure ist aber definitiv, dass es einfach funktioniert. Alle Grafiken, egal von welchem Hersteller können spielend eingebettet werden und behalten sowohl die Interaktivität als auch etwaige Animationen. Auch äesthethisch ist Exposure recht ansprechend, wenn auch einfach.

Nachteile von Exposure

Die einfache Bedienung hat aber natürlich auch eine Kehrseite: die Individualisierungsmöglichkeiten sind extrem eingeschränkt. Schon am einfachen einfärben von Text oder freien Platzieren eines Texts stößt Exposure an seine Grenzen. Im Endeffekt ist es einfach ein großes Template, das für einige Anwendungsfälle sicher genau passt, aber einfach nicht ausreicht wenn es mehr sein soll. Auch die Grafiken funktionieren, können in Exposure aber nicht mehr in Größe oder Farbe bearbeitet werden.

Fazit

Die Suche nach dem perfekten Tool geht leider weiter. Exposure ist zwar einfach zu bedienen, aber gerade dann, wenn es eigentlich spannend wird, schon wieder am Ende. Persönlich ist es definitiv das Tool, das ich in Zukunft am unwahrscheinlichsten weiter verwenden werde, auch wenn kein Besseres mehr kommt. Shorthand und Pageflow haben zwar alle ihre Fehlerchen, sind am Ende durch mehr Individualiserungsmöglichkeiten aber einfach brauchbarer.

by leila.orynbayeva -

02. Understanding Gamification Mechanics: Turning Engagement into Action

In the previous blog post, I briefly explored how gamification can revolutionize preventive healthcare by enhancing user engagement and driving long-term behavioral changes. But what makes gamification so effective? At its core, gamification relies on carefully designed mechanics that tap into human psychology, motivating users to participate, persist, and achieve goals. In this post, I’ll dive deeper into these mechanics and understand how they can be applied effectively.

History of gamification

But before diving into types of mechanics let’s explore the history of gamification. The gamification strategy was developed in 2002 by Nick Peiling. However, the concept of applying game elements to nongame contexts — such as loyalty programs and customer rewards systems — has been around for much longer.

The rise of video games in the 1970s and 1980s influenced the early development of gamification. The addictiveness of playing video games and the engagement video gameplay generated sparked interest in applying game elements to other areas. In the 1990s, educational games like Math Blaster and Carmen Sandiego introduced gamification to the classroom. These games aimed to make learning more engaging and interactive.

With the success of early gamification efforts, companies like Nike and Starbucks began incorporating gamification into their marketing campaigns and loyalty programs in the early 2000s. One example is Nike+, a fitness tracking gamification campaign that Nike launched in 2006 which ranked friends’ fitness scores on social leaderboards. This marked the beginning of the widespread adoption of gamification in various industries. The advent of smartphones, social media, and mobile apps accelerated the popularity of gamification.

Types of game mechanics

The Core Mechanics of Gamification Gamification mechanics are the building blocks of any engaging experience. These include:

Points and Rewards: Providing instant feedback and a sense of accomplishment.

Badges and Achievements: Recognizing milestones and rewarding dedication.

Levels and Progress Bars: Offering clear goals and a sense of progression.

Challenges and Quests: Encouraging users to complete tasks with meaningful rewards.

Leaderboards: Fostering a sense of competition and social recognition.

As was already mentioned in the previous post, gamification strategies are successfully implemented in various fields, such as education, finance, employee training, customer engagement, and health.
Here are some examples of them:

Retail and E-Commerce. Companies such as McDonalds, Nike, and Sephora implement loyalty programs that leverage game mechanics like badges, bonus points, and rewards to motivate customers to interact with a brand

Achievements board in the Nike app

Education and eLearning. Online learning platforms such as Khan Academy and Duolingo incorporate game elements to engage learners in studying languages and programming. They provide immediate feedback, leaderboards, progress tracking, and rewards to engage students.

Duolingo’s gamification types 

KhanAcademy leadership board

Gamification works because it aligns with intrinsic and extrinsic motivators. Intrinsic motivation drives users from within – the joy of achievement or curiosity to explore. Extrinsic motivation, on the other hand, involves tangible rewards or social recognition. Effective gamification blends these motivators to create a balanced experience.

Take, for example, a healthcare app that uses daily step-count challenges, the motivation might come from feeling healthier, while extrinsic motivation comes from earning points and competing with friends.

For example, in a preventive healthcare app, the early stages might focus on education and building habits, while later stages could involve challenges and community interaction.

Why gamification doesn’t engage users?

With 1 in 3 adults globally living with chronic conditions and the rise in smartphone ownership, mobile health apps have become a famous tool for managing lifestyle-related health behaviors and mental health. However, high rates of app abandonment pose challenges to their effectiveness.

The observation about sustaining long-term engagement in healthcare apps is derived from common insights in user experience (UX) design and behavioral psychology, specifically regarding app engagement and retention challenges. Research and case studies on healthcare apps, such as Fitbit, MyFitnessPal, and similar platforms, often highlight these issues:

  • Repetitive Tasks and Loss of Interest: Users often abandon mHealth apps due to boredom and loss of motivation, which can result from engaging in repetitive tasks without sufficient variation or enjoyment
  • Lack of Immediate Rewards: Behavioral psychology emphasizes that immediate gratification reinforces behavior. When rewards are delayed or too distant, engagement drops.
  • Sense of Stagnation: Users may feel a sense of stagnation in their progress, leading to disengagement from the app.

The goal of gamification in healthcare should always center around enhancing user well-being, not exploiting vulnerabilities. For instance, some apps use overly aggressive notification systems or create artificial scarcity of rewards, pressuring users into compulsive behavior rather than fostering genuine engagement. These tactics can undermine trust and ultimately reduce long-term participation.

Conclusion

Understanding gamification mechanics is not just about adding game-like features, it’s about crafting experiences that resonate with users. When done right, gamification can bridge the gap between intention and action, especially in fields like preventive healthcare.

I’ll dive into how gamified solutions can improve outcomes for chronic diseases such as diabetes and hypertension, focusing on enhancing patient engagement, medication adherence, and progress tracking.

Links to articles:

User Engagement and Abandonment of mHealth: A Cross-Sectional Survey

Lack of Immediate Rewards Research

Research about the Sense of Stagnation in Health apps

by linaprima -

LS #5 Unpacking Sexism and Misogyny in Design of Advertisements

Whilst in the last blog post I explored different ways and a bit of history of feminism in graphic and communication design, I want to dive deeper on the reasons why it is necessary in Design as well. Reproduced gender stereotypes, representation and oppression was and is common especially in advertisement but in all other design areas as well.

Advertisements 20th Century

www.rarehistoricalphotos.com
www.rarehistoricalphotos.com
www.rarehistoricalphotos.com
www.rarehistoricalphotos.com

Common examples of historical advertisements of the 20th century show the objectifying and sexualising of women and reflect how women* were seen and valued in the time period (Rare Historical Photos, 2021). Sexist vintage advertisements often relied heavily on the sexualisation of women, portraying them as passive objects to appeal to male consumers. These ads typically featured women in exaggeratedly submissive or provocative roles, reinforcing harmful stereotypes about gender dynamics. While the “sex sells” approach aimed to elicit positive responses from men, it frequently alienated women, who were more likely to perceive such ads as lacking value and agency. For example, iconic vintage ads for products like cigarettes or kitchen appliances often depicted women in highly stylized, sexualized poses, accompanied by slogans that trivialized their roles or intelligence (Keller et al., 2020).

These are bold and controversial examples of sexism in graphic design that already sparked a few discussions at the time but are nowadays an integral part within the debate of gender discrimination.

In 2018, Photographer Eli Rezkallah from Beirut, Lebanon joined the conversation with a humoristic approach, by recreating sexist vintage advertisements with reversed gender roles in the photo series “ in a parallel universe (Arushi Lohia, 2018).

Advertisements 21st Century

As the examples above are from another century, one may argue that this kind of sexism and objectifying does not happen anymore nowadays. Obviously, it is not happening as bold as then, but it is the subtle sexism that does about the same harm.

Gaps Kids

2016 – Gap’s kids advertisement, limiting their interests by highlighting stereotypes that girls like pink and to gossip, they are “the talk of the playground” and boys have “genius ideas” and bright future ahead, in blue of course (Kennedy, 2016). This advertisement primarily relies on the stereotypes of color theory, assigning pink to girls and blue to boys. This reinforces a clear division of genders, leaving no room for exceptions.

Tradwives

In 2022 and 2023, the Tradwives Trend on TikTok went viral and gained momentum. The videos are made by women that promote traditional gender roles, advocating for a lifestyle centered around homemaking, submission to husbands, and traditional family values. While most people cannot even understand how this lifestyle can be attractive for any women, there is a brought audience that aligns with the values and supports the idea (Toma-Toader, 2024).

The videos often use nostalgic imagery and styling, evoking the 1950s “ideal housewife” aesthetic like vintage dresses, immaculate kitchens, and choreographed depictions of domestic bliss. Many proponents link their lifestyle to religious beliefs or traditional cultural practices, framing their roles as morally superior or more fulfilling than modern egalitarian arrangements. Also, a common theme in the trend is the rejection of feminism, with creators claiming that feminist movements have “robbed” women of their happiness by encouraging careers and independence over family-oriented roles (Saskia Papenthin, 2024).

Campaign Brief’s Creative Leaders List (2023)

The Campaign Brief’s Creative Leaders List is an annual feature by an Australian advertising industry publication, showcasing what it considers the top creative leaders of the year. The 2023 list sparked controversy for including 20 men and no women, drawing attention to the ongoing gender imbalance in leadership within the creative sector. While the publisher claimed the list simply reflected the current makeup of chief creative officers in the industry, its lack of female representation subtly reinforces systemic sexism. By failing to recognize or elevate women in creative leadership, it perpetuates the notion that such roles are predominantly male, overlooking the structural barriers and biases that limit women’s opportunities to advance in the field. This omission serves as a stark reminder of the deep-seated gender inequalities that persist in advertising and beyond (Cleal, 2024).

In this blog post, I primarily use the term “women” when discussing feminism and related issues. This choice is grounded in the historical context of feminist movements, which have traditionally centered on the experiences and struggles of women. However, it is important to emphasize that this usage is meant to include and apply to all individuals who fall under the FLINTA umbrella (Female, Lesbian, Intersex, Nonbinary, Trans, and Agender people).

Sources

Arushi Lohia. (2018, January 18). Photographer Gives Sexist Vintage Ads A Role Reversal To Show How Misogynistic Advertising Can Be. ScoopWhoop. https://www.scoopwhoop.com/life/sexist-vintage-ads-role-reversal/

Cleal, O. (2024, October 15). “Toxic, misogynistic, exclusionary”: Campaign Brief criticised for male-dominated list of creative directors. Women’s Agenda. https://womensagenda.com.au/latest/toxic-misogynistic-exclusionary-campaign-brief-criticised-for-male-dominated-list-of-creative-directors/

Keller, M., Walker, M., & Reutner, L. (2020, June 3). Sex Sells? The Role of Female Agency in Sexualized Advertisements| Social Psychological Bulletin. Spb.psychopen.eu. https://spb.psychopen.eu/index.php/spb/article/view/2643/2643.html

Kennedy, M. (2016, August 1). Gap accused of sexism over “social butterfly” children’s T-shirt ad. The Guardian. https://www.theguardian.com/fashion/2016/aug/01/gap-accused-sexism-social-butterfly-pink-childrens-t-shirt

Rare Historical Photos. (2021, September 9). Sexist and offensive vintage ads that would never fly today, 1940-1980 – Rare Historical Photos. Https://Rarehistoricalphotos.com/. https://rarehistoricalphotos.com/offensive-sexist-vintage-ads/

Robertson, T. (2024, July 3). Fury at “sexist” ad campaign with Team GB rugby stars in lingerie as former Olympian slams use of ‘porn und… The Sun. https://www.thesun.co.uk/sport/28923240/fury-sexiest-campaign-olympics-team-gb-rugby-stars/?utm_source=chatgpt.com

Saskia Papenthin. (2024, March 15). “Tradwives”-Trend: Eine Rückwärtsrolle für den Feminismus. Brigitte.de; BRIGITTE.de. https://www.brigitte.de/aktuell/gesellschaft/-tradwives–trend–eine-rueckwaertsrolle-fuer-den-feminismus-13784198.html

Toma-Toader, A. (2024, March 7). Propaganda mit dem Kochlöffel. Taz.de. https://taz.de/Antifeminismus-auf-Tiktok/!5995016/

by dominik.bluemel -

07: Pageflow. Eigentlich genial, aber…

Nachdem Shorthand gerade auf Datenebene Schwächen offenbarte, habe ich mir für diesen Blog Pageflow als nächstes Tool angesehen, das gerade mit einer Partnerschaft zu Datawrapper zu überzeugen weiß. Genau diese sollte sich aber noch als Problem herausstellen.

Über Pageflow

Pageflow ist ähnlich wie Shorthand, jedoch wurde das Tool ursprünglich vom deutschen WDR speziell für journalistischen Content entworfen. Heute ist es öffentlich per Abo-Modell zugänglich und gerade im Journalismus-Space beliebt. Ein persönliches Abo kostet derzeit 8 Euro im Monat, damit können bis zu 3 Stories veröffentlicht werden, sollen es unendlich viele werden liegt Pageflow vergleichbar mit Shorthand bei 40 Euro im Monat. Da auch hier keine Gratis Erstveröffentlichung möglich war, wieder hier ein Link zur Preview. Ziel war es die gleiche Geschichte wie schon in Shorthand hier besser aufzubereiten, dies ist teils gelungen, teils aber leider auch nicht.

Vorteile von Pageflow

Grundsätzlich ist Pageflow ähnlich aufgebaut wie Shorthand und arbeitet mit Slides. Auch wenn die Anpassungsmöglichkeiten (etwa Schriftarten, Größen, Ausrichtungen etc.) definitiv geringer sind als in Shorthand, so finde ich das gesamte Erscheinungsbild von Pageflow um einiges seriöser. Außerdem sind die verschiedenen Bausteine der Seite um einiges übersichtlicher und geben sehr professionelle Ergebnisse. Andere Effekte, wie der Parallax- oder Zoomeffekt, den man ganz einfach auf den Hintergrund anwenden kann, geben dem gesamten Scroll-Erlebnis außerdem eine coolere Ästhetik.

In Hinblick auf das große Manko von Shorthand, die Integration der Grafiken, wartet Pageflow mit einer ganz besonderen Kooperation auf: Grafiken von Datawrapper fügen sich ganz ohne Einbettcode nahtlos in Pageflow ein und auf Datawrapper selbst gibt es sogar ein eigenes Layout für Grafiken die später in Pageflow verwendet werden sollen. Dies macht die Integration super easy und im Gegensatz zu Shorthand bleiben damit auch in Pageflow noch diverse Anpassungsmöglichkeiten um die Grafiken noch nahtloser in die Geschichte zu integrieren.

Waren es in Shorthand eigentlich nur Text, Bild und Video so kann man in Pageflow nicht nur zusätzlich die Grafiken von Datawrapper, sondern auch Audio-Files und Counter einfügen, um Zahlen besser zu veranschaulichen. Das macht Pageflow fast schon zum perfekten Tool für Scrollytelling.

Der Haken…

Leider gibt es aber natürlich etwas, das nicht funktioniert. Gerade da das gesamte Interface auf Deutsch ist und Pageflow auch noch leistbar wäre, wäre es ja zu schön, wenn alles funktionieren würde…

Durch die Kooperation mit Datawrapper bietet Pageflow leider keinen Support für Grafiken von anderen Tools, auch nicht über Umwege. Weder über Embeds direkt, das Textfeld, oder andere Wege konnte ich die animierten Grafiken von Flourish in Pageflow integrieren. Das ist natürlich gerade in Hinsicht darauf, dass Datawrapper keine Animationen unterstützt und mich Flourish im Test wirklich auf allen Ebenen überzeugt hat, ein großer Letdown.

Fazit

Bis kurz vor Schluss dachte ich Pageflow ist das beste Tool, das man finden kann. Leider war die fehlende Integration von externen Grafiken sowas wie ein Genickbruch. Alternativen gibt es, diese werden als nächstes erkundet. Sollte sich dabei nichts Besseres finden, wird der Weg aber definitiv wieder zurück zu Pageflow führen, denn bis auf die Flourish-Integration ist Pageflow perfekt.

by dominik.bluemel -

06: Shorthand. Gut, aber nicht für Daten.

Als nächsten Schritt Richtung Masterarbeit möchte ich mir Tools ansehen, mit denen man die neu gewonnen Grafiken bestmöglich in immersives Scrollytelling verwandeln kann. Den Anfang macht hierfür Shorthand, der Marktführer im visual storytelling.

Über Shorthand

Shorthand ist das Tool wenn es um visuelles Storytelling oder Scrollytelling geht. Ähnlich einem Baukastensystem kann man in der Anwendung seine Webpage konfigurieren und bearbeiten. Vor allem im Marketing-Bereich bekannt, findet das Tool aber auch für journalistische Inhalte seine Anwendung. Das Preismodell ist dabei eher rigoros, gratis ist keine Veröffentlichung möglich, das günstigste Paket startet bei 40 Euro im Monat, daher ist es mir auch nur möglich eine Preview anzuhängen.

Das Projekt

Um Shorthand mit allen seinen Ecken und Kanten auszuprobieren, habe ich, basierend auf den bereits erstellten Grafiken, eine fiktive Geschichte erfunden und versucht diese in Shorthand zu digitalisieren. Bei der Story an sich handelt es sich natürlich um eine reine Erfindung, sie eignet sich aber sehr gut um den Funktionsumfang zu testen. Hier geht es zur Preview.

Vorteile von Shorthand

Grundsätzlich ist Shorthand recht einfach zu benutzen. Ähnlich dem Interface von Powerpoint, in der man Slides aneinanderreihen kann, funktioniert die Anwendung wie ein Baukasten. Dabei gibt es diverse Vorlagen für Text, Zitate, Bilder, Slideshows und vieles mehr. Zusätzlich können die Templates als Split-Screens verwendet werden, also zum Beispiel fortlaufender Text links und passende Fotos gleich daneben. Praktisch dabei ist, dass alle Slides direkt auf das Scrollen ausgelegt sind, also alle Fotos, alle Funktionen sind stets mit der “Scroll”-Bewegung animiert, dies ist sehr praktisch. Auch die Integration der Embed-Codes, sowohl von Datawrapper als auch von Flourish funktioniert und die Grafiken bleiben interaktiv und müssen nicht als PNGs eingefügt werden, was ihren Tod bedeuten würde.

Nachteile von Shorthand

Klingt das bisher gesagte schon recht gut, so war die allgemeine Erfahrung mit Shorthand für meinen Bereich, und das ist nunmal die Datenvisualisierung und nicht visuelles Storytelling, doch eher negativ. Einerseits sind die 25 Templates aus denen man auswählen kann recht langweilig und einseitig. Alle bestehen aus Text und Bild in verschiedensten Varianten, entweder pur, geteilt, mit Bild als Hintergrund etc. Dies hat mehrere Nachteile. Einerseits finde ich Darstellungen mit Text, der über ein Bild fliegt, ästhetisch nicht sehr ansprechend. Sieht man sich etwa prominente Beispiele von digitalem Datenjournalismus oder auch anderen Scrollytellings an, so wird dies immer stärker vermieden je professioneller die Plattform ist. Das zweite Problem das sich mit der Bild- und Textlastigkeit ergibt, ist die fehlende Integration von Embeds. Will man die Grafiken von Flourish oder Datawrapper mitsamt ihrer Interaktivität einbetten so muss man dies im Text über einen Einbettcode machen. Dies hat mehrere entscheidende Nachteile. Einerseits können die Grafiken so (nicht wie Bilder) vollflächig angezeigt werden, außerdem ist es nicht möglich sie mithilfe des Scrollens zu animieren, wie das etwa mit Bildern sehr gut funktioniert. Zusätzlich ergibt sich das Problem, dass die eingebetteten Grafiken im Text nur sehr schwer individualisierbar sind, weil Shorthand die fremden Grafiken natürlich nicht erkennt und damit auch nicht verändern kann, wenn man etwa das allgemeine “Theme” des Templates ändert. Die Grafiken passen sich dann schlicht und einfach nicht der Umgebung an und schauen schlecht aus.

Zusätzlich zu diesen technischen Schwächen ist Shorthand natürlich unfassbar teuer. 40 Euro pro Monat im Jahresabo um überhaupt publizieren zu können ist für den Einzelanwender natürlich ein Brett. In welcher Form die veröffentlichte Webpage dann daherkommt, kann ich daher auch nicht beurteilen, da meine Story ja nicht veröffentlicht wurde.

Fazit

Shorthand ist einfach und gut, aber eben nicht für Datenjournalismus. Arbeitet man hauptsächlich mit Text, Bild und Video, also klassischen Multimedia-Stories, ist Shorthand wirklich ein sehr spannendes Tool. Gerade mit eingebetteten Grafiken hat das Programm aber seine Schwächen. Da diese in meiner Masterarbeit aber das Hauptaugenmerk haben werden, wird Shorthand (außer ich finde wirklich nichts Besseres) für mich in Zukunft denke ich keine große Rolle mehr spielen.

Hier nochmal der Link zur Story-Preview.

by dominik.bluemel -

05: Flourish. Geht es auch animiert?

Dies ist Teil 2 meiner Erfahrung mit Flourish. Nachdem in Teil 1 schon klar wurde, dass Flourish wohl DAS perfekte Tool für interaktive Datenvisualiserungen ist, möchte ich mich hier genauer mit den nativen Animationsmöglichkeiten dieser Grafiken auseinandersetzen. Soviel vorweg: Auch die sind super!

Viele Wege führen nach Rom

Grundsätzlich kann man in Flourish über mehrere Wege an eine animierte Grafik kommen. Einerseits bieten ein paar Grafiken eine direkte Animation an, diese sind: Bar Charts, Line Charts, Pie Charts und diverse Sportgrafiken. Aber auch alle anderen können über Umwege animiert werden. Flourish bietet nämlich neben dem Standardoutput auch die Möglichkeit an eine “Story” zu bauen. Das bedeutet eine eingebettete Slideshow, durch die man ganz einfach mehrere verschiedene Grafiken auf einmal einbetten kann. Nimmt man aber immer wieder dieselbe Grafik und spult diese leicht verändert durch die Slideshow entsteht ebenfalls eine kleine Animation. Diese ist natürlich nicht so sauber wie die nativen Möglichkeiten, ist aber praktisch sollte man unbedingt etwas außerhalb der nativen Charts animieren wollen.

Flourish bietet außerdem die Funktion an verschiedene Grafiken direkt als Scrollytelling-Geschichte einzubetten. Dieses Feature ist aber kostenpflichtig und daher nicht für den Einzelanwender gedacht, weshalb ich dieses nicht ausprobieren konnte.

Animierte Linien und sich verschiebende Kreise

Für meinen Versuch habe ich auf beide Arten eine Animationsgrafik erstellt. Wie auch schon für interaktive Grafiken sind die Einstellungs- und Veränderungsmöglichkeiten der Charts quasi unendlich. Als erstes habe ich mich an einer nativen Animation versucht und dafür einen Line Chart Race mit den Daten aller Nationalratswahlen seit 1945 gefüttert. Das Ergebnis kann sich meiner Meinung nach sehen lassen und einerseits mit den Prozentergebnissen und andererseits mit der jeweiligen Rangfolge angesehen werden.

Als Slideshow habe ich die bereits in Teil 1 gezeigte Verteilung der Staatsbürgerschaften von in Österreich lebenden Menschen statt mit Blasen auf einem Donut dargestellt und die einzelnen Jahre hintereinander abspielen lassen. Sieht nicht so flüssig und dynamisch aus wie die native Variante, hat aber den Vorteil, dass der Leser jederzeit pausieren und weiter in die Tiefe gehen kann. Leider funktioniert diese Einbettung in WordPress nicht, weshalb ich nur den Link unten teilen kann.

Slideshow

Fazit

Flourish kann wirklich alles. Auch wenn sich die Slideshows nicht perfekt dafür eignen Animationen herzustellen, sondern eher dafür mehrere Grafiken um ein Thema geschickt zu verpacken, macht sich sogar diese Notlösung nicht schlecht. Die nativen Animationsgrafiken sind top, schnell, einfach und anpassbar. Einzig das Feature die Grafiken direkt in immersives Scrollytelling zu verpacken fehlt noch um nie wieder eine andere Software verwenden zu müssen, aber dazu gibt es ja immerhin viele andere Programme, die sich darauf spezialisiert haben. Dazu aber in den nächsten BlogPosts mehr. Mit Flourish endet die Suche nach weiteren Anwendungen zur Datenvisualisierung, denn es ist zu gut um es nicht zu benutzen.