01 · PROJEKT ÁTTEKINTÉS

Egy nyugodtabb hely az idődnek

A MitMind egy általam megalkotott mentális egészségügyi platform koncepció. Egy helyen kínál üléseket engedéllyel rendelkező pszichológusokkal, egy Daily Feelings nevű privát hangulatnaplót, rövid kurzusokat és meditációkat, moderált közösségeket és élő előadásokat.

Az első verziót 2024-ben terveztem. 2026-ban több tapasztalattal tértem vissza hozzá, és az alapoktól újraterveztem: új kutatás, gondoskodási elvek, teljes design system és 67 képernyő asztali gépre és mobilra.

A fő kihívás: aki terápiára jár, havonta körülbelül 4 órát tölt a pszichológusával. A MitMind a hónap többi részére készült, biztonságosan, privát módon, és úgy, hogy soha ne ítélje meg, hogyan érzi magát valaki.

Amit leszállítottam

• 67Nagy felbontású képernyő58 asztali és 9 mobil, üres, betöltési és hibaállapotokkal
• 60+Komponens36 variánskészlet, mind változókhoz és szövegstílusokhoz kötve
• 130Design tokenPrimitívek, szemantikus színek és méretek, WCAG ellenőrzéssel
• 7Prototípus folyamatAz onboardingtól a foglaláson és megosztáson át az élő eseményekig

Szerepem és eszközeim

Egyéni projekt. Én feleltem a teljes terméktervezésért: kutatás, információs architektúra, gondoskodási és adatvédelmi szabályok, UX writing, a design system és minden képernyő. Úgy dolgoztam, mint termékcsapatokkal: megérteni a problémát, elveket lefektetni, felépíteni a rendszert, aztán megtervezni a folyamatokat.

• UX Research
• Heurisztikus értékelés
• Információs architektúra
• UX Writing
• UI Design
• Design System
• Prototipizálás
• Akadálymentesség
• Figma

Projekt idővonal

1. 20241. verzióElső koncepció: kezdőlap, Daily Feelings, közösségek és ülések.
2. 2026 · 1. fázisKutatás és auditHáttérkutatás, a v1 heurisztikus értékelése és gondoskodási elvek.
3. 2026 · 2. fázisDesign systemAlapok, 130 token és több mint 60 komponens.
4. 2026 · 3. fázisKépernyők és folyamatok67 képernyő, állapotok, mobil és 7 kattintható folyamat.

02 · KUTATÁS

Az ülések közötti idő megértése

Nyilvános brazil adatokkal kezdtem a mentális egészségről és a képernyőidőről, majd kritikusabb szemmel átvizsgáltam a saját első verziómat.

A háttér számokban

• 5%a brazilok közül jár pszichoterápiára
• 9h32átlagos napi online idő Brazíliában (globális átlag: 6h58)
• ~4 órahavi kapcsolat a pszichológussal heti terápia esetén

Kutatási módszerek

• HáttérkutatásNyilvános adatokAdatok a terápiához való hozzáférésről és az online töltött időről Brazíliában, hogy lássam a hiány méretét.
• AuditA v1 heurisztikus értékeléseA v1 minden képernyőjét átnéztem Nielsen 10 heurisztikája alapján, és feltettem még egy kérdést: biztonságosnak érzi ezt valaki egy rossz napon?
• BenchmarkVersenytárs elemzésTerápiás platformok, meditációs appok és online közösségek. Mindegyik a probléma egy részét oldja meg, egyik sem köti össze őket.
• IrányelvekGondoskodás és akadálymentességBiztonságos kommunikációs irányelvek az öngyilkosság megelőzéséhez, a brazil CVV 188 segélyvonal és a WCAG 2.2 AA.

Fő felismerések

1. 01Az ülések közötti hetek üresekA terápia heti egy órában zajlik. A gondolatok, a rossz napok és a kis sikerek a maradék 167 órában történnek, és a legtöbbjük feledésbe merül a következő ülésig.
2. 02Az emojik és a piros ítélkeznekA v1 rajzfilmes emojikat használt, köztük egy síró arcot a "Super Sad" állapothoz. Mentális egészségügyi környezetben ettől egy rossz nap hibásnak vagy kínosnak tűnik.
3. 03Az adatvédelem az őszinteség feltételeAz ember csak akkor ír igazat a naplójába, ha ő dönti el, ki olvassa. A terapeutával való megosztásnak kifejezettnek, korlátozottnak és könnyen leállíthatónak kell lennie.
4. 04A segítség legyen egy érintésnyireA v1-ben nem volt út krízishelyzetre. Egy mentális egészségügyi terméknek világosan ki kell mondania, mi nem, és bármelyik képernyőről meg kell mutatnia, hol van sürgős segítség.

Proto-perszónák

Kitalált személyek a kutatás alapján, a döntések irányításához. Feltevések, amelyeket használhatósági teszteken kell igazolni, nem interjúk eredményei.

• AS

  Amanda Smith, 34Marketingmenedzser · São Paulo
  • Heti terápia
  • Zsúfolt napirend

  Tavaly kezdett terápiára járni. Hosszú munkanapok és sok óra a telefonon. Szeretné a héten is életben tartani az ülések eredményeit.

  Cél

  Észrevenni a hangulata mintázatait, és elvinni őket a terápiára.

  Frusztráció

  Wellness appok, amelyek házi feladatnak tűnnek, vagy büntetik egy kihagyott napért.

  “Csütörtökre már nem emlékszem, milyen volt valójában a hétfő.”

• JA

  Jason Adams, 41Pszichoterapeuta · Távmunka
  • Engedéllyel rendelkező pszichológus
  • Online ülések

  Klienseivel többnyire videón találkozik. Fontos neki a kontextus, de óvatos az olyan eszközökkel, amelyek a szükségesnél több adatot gyűjtenek.

  Cél

  Minden ülést kontextussal kezdeni, űrlapok kitöltetése nélkül.

  Frusztráció

  Platformok, ahol a hozzájárulás nem egyértelmű, vagy az adatok alapból megosztásra kerülnek.

  “Csak azt akarom látni, amit a kliensem megmutatni választott.”

• LR

  Lucas Rocha, 22Egyetemista · Recife
  • Még nem járt terápiára
  • Online él

  Szabadidejének nagy részét a közösségi médiában tölti. Hónapok óta szorong, de nem tudja, hol kezdje, és mennyibe kerül a terápia.

  Cél

  Megérteni, mit érez, és megfizethető segítséget találni.

  Frusztráció

  Az érzés, hogy megítélik, vagy hogy a gondja nem elég komoly.

  “Azt sem tudom, elég-e, amit érzek ahhoz, hogy szakemberhez forduljak.”

03 · ÖTLETELÉS

A gondoskodás beépítése a termékbe

A problémát "Hogyan tudnánk" kérdésekként fogalmaztam meg, majd gondoskodási elveket írtam, amelyeknek minden képernyőnek meg kellett felelnie.

Hogyan tudnánk

• Hogyan tudnánk támogatni az embereket a terápiás ülések közötti hetekben?
• Hogyan tudnánk segíteni a hangulat rögzítését úgy, hogy egy rossz nap ne tűnjön kudarcnak?
• Hogyan tudnánk lehetővé tenni a napló megosztását a terapeutával úgy, hogy a teljes kontroll megmaradjon?
• Hogyan tudnánk könnyen elérhetővé tenni a sürgős segítséget úgy, hogy a termék ne tűnjön klinikainak?

Hangnem és gondoskodási elvek

1. 01Meleg, sosem klinikai"Nehéz nap", nem "negatív hangulat". Nincsenek diagnosztikai szavak, nincsenek gyógyulási ígéretek.
2. 02Alapból privátA hangulat- és naplóadatokat csak az adott személy látja. Minden megosztás kifejezett, korlátozott és visszavonható.
3. 03A segítség egy érintésnyireA krízistámogatás az oldalsávban és a láblécben van. A MitMind sosem mutatja magát sürgősségi ellátásnak.
4. 04Nincs büntetésNincs piros az alacsony hangulatra, nincs szégyenítés a sorozatokért. Az üres állapotok hívogatnak, nem szidnak.
5. 05Nyugodt hierarchiaEgy fő művelet képernyőnként, méz csak konverzióhoz, bőséges fehér tér.
6. 06AkadálymentesWCAG AA kontraszt, legalább 40 px-es célterületek, fókuszgyűrűk és szöveges címke minden navigációs ikon mellett.

Kiválasztott koncepciók

• Daily FeelingsEgy percnél rövidebb check-in: öt saját hangulatarc, opcionális tényezők és egy privát jegyzet. Az előzmények és az elemzések mintázatokat mutatnak, mindig jelezve, hogy ez nem diagnózis.
• Megosztás hozzájárulássalKétlépéses folyamat: kiválasztani a napokat, majd pontosan átnézni, mit lát és mit nem lát a terapeuta, és meddig. Minden megtekintés naplózva van, a megosztás bármikor leállítható.
• Krízistámogatás mindenholEgy nyugodt kártya az oldalsávban asztali gépen és a láblécben mobilon, a CVV 188 számmal. Ha egy keresés arra utal, hogy valaki nehéz helyzetben van, a MitMind támogatást mutat találatok helyett.
• Foglalás négy lépésbenTerapeuta keresése, a profil elolvasása, időpont választása és fizetés kártyával vagy PayPallal. Egy egyértelmű fizetési hibaképernyő segít megoldani a gondot az időpont elvesztése nélkül.
• Learn és élő eseményekRövid kurzusok, vezetett meditációk, videók és cikkek, valamint élő előadások pszichológusokkal és azok felvételei. A haladás mentődik, így ott lehet folytatni, ahol abbahagytad.
• Moderált közösségekKözös tapasztalatok köré szerveződő csoportok, például ADHD-val élni vagy gyógyulni egy szakítás után, követendő emberek hírfolyama helyett.

04 · DESIGN

A rendszertől a képernyőkig

Összevetettem a v1-et a kutatás eredményeivel, felépítettem a design systemet, majd minden képernyőt kizárólag annak komponenseiből terveztem.

Előtte és utána

v1 · 2024

• Rajzfilmes emojik a hangulathoz, köztük egy síró arc
• Élénk sárga minden műveleten
• Közösségi média elrendezés, követendő emberekkel
• Nincs krízistámogatás, nincsenek adatvédelmi jelzések
• 5 oldal: Home, Sessions, Daily Feelings, Learn, Saved

v2 · 2026

• Öt saját hangulatarc, hidegtől melegig, sosem piros
• Zsálya a márkaszín, méz csak konverzióhoz
• Egy fő művelet képernyőnként, nyugodt hierarchia
• Krízistámogatás minden képernyőn, "Privát" címke minden bejegyzésen
• 13 termékterület, 67 képernyő, asztali és mobil

Vizuális alapok

Nyugodt, megbízható és emberi: egy csendes felület, amely teret ad a levegővételnek. A zsálya a márkaszín (természet, egyensúly, légzés), a méz az eredeti sárgából megtartott meleg kiemelés, a szöveg pedig grafit tiszta fekete helyett. A Plus Jakarta Sans semleges felületet ad, amely kontrasztban áll a kézírásos logóval, 1,5 px-es Lucide ikonokkal.

Fő paletta

• Sage 600#356C62 · Fő művelet
• Sage 800#22453F · Kiemelt kártyák
• Sage 50#F1F7F5 · Halvány márkaszín
• Honey 400#E3B146 · Konverzió
• Graphite 900#1D2629 · Fő szöveg
• Neutral 25#FBFBF9 · App háttér

Design system

• Tokenek130 változó. A primitív skálák szemantikus tokeneket táplálnak, mint a text/secondary vagy az action/accent, a kontrasztot pedig maguk a tokenek alapján ellenőrzöm.
• KomponensekTöbb mint 60 komponens 36 variánskészletben: a gomboktól és mezőktől a hangulatválasztókig, ülés- és terapeutakártyákig és fizetési opciókig.
• Elrendezés4 px-es alap és 8 px-es ritmus. Asztali 1440: 72 px-es fejléc, 248 px-es oldalsáv, 12 oszlop. Mobil 390: 4 oszlop 20 px-es margóval.

Komponensek a rendszerből

Fő tervezési döntések

1. 01Sosem piros az alacsony hangulatA hangulatszínek a levendulától a mézig terjednek. A piros csak valódi hibákra jut, például sikertelen fizetésre, érzésekre soha.
2. 02Látható adatvédelemMinden naplófelületen ott áll: "Privát · csak te látod a bejegyzéseidet". A hozzájárulási képernyő felsorolja, mit lát a terapeuta és mit nem.
3. 03Check-inek, nem sorozatokA kezdőlap "ebben a hónapban 12 check-in" számlálót mutat egy megszakadó sorozat helyett. Egy kihagyott nap semmit sem nulláz le.
4. 04A méz azt jelenti: "csináld"A meleg kiemelés a konverzióé, például az Ülés foglalása gombé. Minden más zsálya vagy semleges, így az oldal nyugodt marad.

Prototípus folyamatok

1. 1OnboardingÜdvözlés, regisztráció, 4 kérdés, kész, kezdőlap
2. 2Kezdőlap és navigációOldalsáv, fejléc, értesítések, profilmenü, keresés
3. 3Ülés foglalásaKeresés, profil, időpont, fizetés (kártya, PayPal, hiba), visszaigazolás
4. 4Daily FeelingsRögzítés, előzmények, megosztás hozzájárulással, kezelés
5. 5LearnKatalógus, kurzus, videó- és meditációs lejátszó
6. 6EseményekLista, részletek, élő terem és felvétel
7. 7MobilKezdőlap, ülések, foglalás, hangulat, Learn, lejátszó

Nagy felbontású képernyők

Mobil

A fő út egy 390 px-es képernyőn is működik: check-in, ülések, foglalás és meditációs lejátszó, alsó sávval és krízistámogatással a láblécben.

• 
  Kezdőlap
• 
  Daily Feelings
• 
  Fizetés
• 
  Meditációs lejátszó

05 · VALIDÁLÁSI TERV

Hogyan fogom mérni

A MitMind egy koncepció, és még nem tesztelték felhasználókkal. Ezeket a célokat követném az első használhatósági tesztkörben.

Sikercélok

• < 60 sEgy napi check-in kitöltése jegyzettel
• ≥ 90%A résztvevők közül meg tudja mondani megosztás után, ki látja a bejegyzéseit
• < 10 sA krízistámogatás megtalálása bármelyik képernyőről
• ≥ 80%A résztvevők közül segítség nélkül foglal ülést

Tervezett használhatósági teszt

Moderált ülések 5 fővel: 3 terápiára járó és 2, aki még nem próbálta. Az eredményeket feladatonként diagramon mutatom be.

06 · ÖSSZEGZÉS

Reflexió és fő tanulságok

Mi működött, mi volt nehéz, és mi jön ezután.

Kihívások és kompromisszumok

• Meleg, de világosA klinikai szavak kerülése homályossá teheti a szöveget. Példákkal ellátott hangnemszabályokat írtam, hogy minden üzenet kedves legyen, és mégis pontosan megmondja, mit kell tenni.
• Adatvédelem kontra hasznos megosztásA terapeutának kontextus kell, az embernek kontroll. A napi szintű megosztás, az opcionális jegyzetek, az időkorlát és a hozzáférési napló lépéseket ad hozzá, de minden lépés bizalmat épít.
• Terjedelem13 termékterület sok egy tervezőnek. Előbb a fő utat fejeztem be minden állapottal, a sötét módot és a tablet töréspontot későbbre hagytam.

Fő tanulságok