Projelerim / Tend

Tend: geçirdiğin güne uyum sağlayan bir iyi yaşam uygulaması

İyi yaşam uygulamalarını deneyip bırakan insanlar için kendi başlattığım bir konsept. Ana ekran günün saatine, takvime ve kısa bir check-in'e göre değişiyor, böylece zor bir salı seriyi bozmuyor.

Konsept. Henüz kullanıcılarla test edilmedi.

Sabah modunda Tend ana ekranı
Aynı ekran, akşam modunda
Tend'in ana ekranı, sabah ve akşam modunda.
Rol
Tek tasarımcı: araştırma, etkileşim, UI, görsel kimlik
Tür
Kendi başlattığım konsept, önce iOS
Süre
Baştan sona 2 hafta
Araçlar
Figma, Figma Make, ChatGPT, Gemini

Kısaca

Problem
Çoğu iyi yaşam uygulaması seriler üzerine kurulu. Tek bir kötü gün seriyi bozuyor, suçluluk da insanları uzak tutuyor.
Ne tasarladım
Sabah ve akşam modlu bir ana ekran, günün hedeflerini yeniden yazan 30 saniyelik bir "Tune my day" (günümü ayarla) akışı ve kaçırılan günlerin nötr kaldığı bir profil.
Şu anki durumu
İki haftalık bir konsept. Sıradaki adımda sesli girişi test eder, iki modlu ana ekranı sabit bir ana ekranla karşılaştırırdım.

Problem

İnsanlar iyi yaşam uygulamalarını neden bırakıyor

Bu alanda kullanıcıyı elde tutmak zor.

%3,3 30. günde medyan ruh sağlığı uygulamasını hâlâ açan kullanıcıların oranı.

Baumel, Muench, Edan & Kane, Objective User Engagement With Mental Health Apps, Journal of Medical Internet Research, 2019. 15. günde bu oran %3,9'du. Fitness uygulamaları aynı kategoride değil ama eğri tanıdık geliyor.

Bence sebep motivasyon eksikliği değil. Bu uygulamaların çoğu tek bir döngüyle çalışıyor: hedef koy, hedefe ulaş, seriyi sürdür. Sonra toplantılarla dolu uzun bir gün geliyor, çocuk hastalanıyor ya da enerjinin hiç olmadığı bir hafta geçiyor. Tek bir kaçırılan gün seriyi bozuyor, suçluluk da uzak durmak için bir sebebe dönüşüyor.

Kendime şunu sordum: Bir iyi yaşam uygulaması insanların gerçekte yaşadığı haftalara göre tasarlansa neye benzerdi?

Kimin için

Selin geçen yıl beş farklı iyi yaşam uygulaması denedi

Selin 30 yaşında, İstanbul'da dijital pazarlamada çalışıyor, günü çoğunlukla masa başında geçiyor. İyi bir sabah iddialı bir plan istiyor. Arka arkaya toplantılardan sonra akşam 9'da ise bir şeyleri atlayıp dinlenmek için izin istiyor. Denediği uygulamaların hiçbiri bu iki günü ayırt edemedi.

Selin bir proto-persona: onu masa başı araştırmasından ChatGPT ile taslak olarak çıkardım, Figma Make ile görselleştirdim. Gerçek bir çalışmada yerini görüşme verileri alırdı. İlk dokümanlarda ürünün adı VITA olarak geçiyor.

"Bana bugün ne yapacağımı söyle, yeter. Seçenek fazla olunca bırakıyorum."

Selin, persona kartından

Empati haritası ne söylüyor

Persona kartındaki bir satır işleri karıştırdı: seriler ve rozetler onu motive ediyor, ta ki seri bozulup "ya hep ya hiç" tepkisi devreye girene kadar. Bu yüzden Tend görünür ilerlemeyi koruyor, boşluğu cezalandıran kısmı atıyor.

Selin Yılmaz'ın hedeflerini, yaşadığı zorlukları ve motivasyonlarını gösteren persona kartı
Persona. Tend'i tasarlarken merkeze aldığım kişi: Selin Yılmaz.
Selin'in empati haritası: söyledikleri, düşündükleri, yaptıkları, hissettikleri, sıkıntıları ve kazanımları
Empati haritası. Sonraki her kararı bu iki karta göre kontrol ettim.

Bütün bulguların ortak duygusu suçluluktu. Her ekran bu duyguyu ya artırıyor ya azaltıyor, ben de azaltmayı Tend'in ana görevi yaptım.

İlkeler

Daha hiçbir şey çizmeden koyduğum dört kural

  1. Önce bağlamı oku

    Uygulama bir şey önermeden önce günün saatine, enerji seviyesine, takvimin ne kadar dolu olduğuna ve kullanıcının ruh haline bakıyor.

  2. Adımı küçük tut

    Her öneri hemen yapılabilir olmalı: 30 dakikalık antrenman yerine masa başında 5 dakikalık esneme. Motivasyon çoğu zaman harekete geçince geliyor, o yüzden asıl iş başlamayı kolaylaştırmak.

  3. Kaçırılan günleri nötr tut

    Kaçırılan bir gün, planı yeniden ayarlamak için bir sinyal. Kırmızı yok, seri sayacı yok, boş grafik yok. Geri dönmek, güler yüzle karşılanmak gibi hissettirmeli.

  4. Yapay zekâyı seçenekleri daraltmak için kullan

    Önerilebilecek yüz şeyin içinden uyan iki ya da üçünü göster. Asıl düşman karar yorgunluğu, bu yüzden neyi göstermediğin de en az gösterdiğin kadar önemli.

Ana ekran

Günün saatini okuyan tek bir ekran

Çoğu iyi yaşam uygulaması beslenme, hareket, uyku gibi özelliklere göre düzenlenir ve bu, şirketin yapısını yansıtır. Selin sekmelerle düşünmüyor, "Yorgunum ve on dakikam var" diye düşünüyor.

Bu yüzden ana ekranın aynı bileşenlerden oluşan iki modu var. Hiyerarşiyi ve tonu günün saati, takvimin yoğunluğu ve kısa bir check-in belirliyor. Sabah enerji tahmininde önceki gecenin uykusu da hesaba katılıyor.

Kaydırıcıyı 07:40'tan 21:10'a sürükle, telefonun içinde de aşağı kaydır.

Sabah modu: "Start slowly, Selin." (Yavaş başla, Selin.)Akşam modu: "Rest time, Selin." (Dinlenme vakti, Selin.)

Sabah modunda Tend ana ekranı: selamlama, Tune my day düğmesi, öneriler ve dört temel alan Akşam modunda Tend ana ekranı: güne yavaşça veda etmek için öneriler, uykuya hazırlık durumu ve temel alanların durumu
Aynı ana ekranın sabah modundan akşam moduna geçişi.
SabahAkşam
Selamlama"Start slowly, Selin." (Yavaş başla, Selin.)"Rest time, Selin." (Dinlenme vakti, Selin.)
Renk paletiSıcak gün ışığıKoyu ve sakin
Üstteki kartTune my dayUykuya hazırlık
Temel alanlarKolay başlangıç noktaları, her biri uygulanabilir bir öneriDurum etiketleri: hedefe ulaşıldı, dinlenme günü, kaydedildi

Arkasındaki yapı

Dört sekme var: Home (ana sayfa), Garden (bahçe), Plan ve Profile (profil). Plan ikinci aşamaya kaldı. Bir temel alan, bir challenge ya da bir hedef gibi detay ekranları, birden fazla sekmenin kullandığı ortak düğümler.

Bilgi mimarisi haritası: dört sekme, her ekranın üzerinde açılan maskot asistan, ortak düğümler, sohbet bağlantıları, ayarlar merkezi ve destek akışları
Bilgi mimarisi. Destek akışları da dahil: izinler, boş durumlar ve hatadan kurtulma.

Ana özellik

Tune my day

Bütün ürün bu özelliğin üzerine kurulu. Kullanıcı yaklaşık otuz saniyede, birkaç chip ya da tek bir cümleyle Tend'e nasıl bir gün geçirdiğini anlatıyor, hedefler de ana ekranda değişiyor.

Çoğu uygulama onboarding'de belirlenen hedefleri bir sözleşme gibi görür. Tend ise onları her gün yeniden gözden geçirilen bir ilk tahmin sayıyor. İki haftada sana dar gelen bir uygulamayla seninle birlikte değişen bir uygulama arasındaki fark bu.

Ofisteyim Stresliyim Enerjim az Zorlamak istiyorum
"Saat 4'e kadar arka arkaya toplantım var."
  • Hareket30 dakikalık yürüyüş30 dakikalık yürüyüş
  • SuSaatte bir hatırlatmaSaatte bir hatırlatma
  • Toparlanma22:00'de uyku öncesi rutin22:00'de uyku öncesi rutin
Prototipten sadeleştirildi. Hedefler küçülüyor ya da başka bir saate kayıyor ama kaybolmuyor.

Metafor

Bir yol arkadaşı ve küçük bir bahçe

İsim bir fiilden geliyor. İngilizcede "tend", bir şeye özenle bakmak demek: bir bahçeye de kendine de azar azar bakarsın.

Yol arkadaşı

Çoğu iyi yaşam uygulamasının sana ne yapacağını söyleyen, yapmadığında dürten bir koçu var. Bu, otoriteye iyi tepki veren insanlara uyar. Selin yıllarca kendini başkalarının standartlarıyla ölçtü, bu yüzden Tend ona bir yol arkadaşı veriyor.

Yol arkadaşı her ekranın üzerinde, bir dokunuş uzaklıkta duruyor. Ona ayrı bir sekme vermedim, çünkü sekmelere saklanan asistanlar unutuluyor.

Bahçe

Bu kategoride keşfet ekranları genelde bitmeyen kart akışlarıdır ve sonu karar yorgunluğu olur: insanlar kaydırır, seçemez ve uygulamayı kapatır. Bahçede ise her hafta bir mevsim gibi değişen, sosyal kanıtı olan tek bir öne çıkan challenge, dört filtre ve kısa bir yeni öneriler listesi var.

Yol arkadaşı ekranı: kulaklık takan yuvarlak maskot, I'm here with you (yanındayım) cümlesi, hazır mesajlar ve sesli giriş
Yol arkadaşı. İnsanların gerçekten yazdığı şeyler için hazır mesajlar: "I feel overwhelmed" (bunaldım), "I have 5 minutes" (5 dakikam var).
Bahçe ekranı: dört filtre chip'i, öne çıkan 10 Days of Self Care (10 günlük öz bakım) challenge'ı ve kısa bir Fresh Picks (yeni öneriler) listesi
Bahçe. Sonsuza kadar kaydırılacak bir şey yok.

İlerleme

Boşlukları cezalandırmayan bir profil

Bir iyi yaşam uygulamasının kullanıcısı hakkında ne düşündüğü profilde ortaya çıkar: kaçırılan günler için kırmızı çubuklar, seri sayaçları, boş hücreler. Tend'in profilinde ise:

  • Consistency (süreklilik) çubukları yumuşak yeşil. Boş geçen bir gün yalnızca daha kısa bir çubuk.
  • Your week (haftan), dört temel alanı 4/7 ya da 3/7 gibi kesirlerle gösteriyor: puan değil, ritim.
  • Insights (içgörüler), kullanıcının gözünden kaçabilecek örüntüleri yakalıyor, örneğin stresli günlerde daha az su içildiğini.
  • My defaults (varsayılanlarım), Selin'in önceden belirlediği bağlamı saklıyor: 5 ila 10 dakika, nazik, ofiste. Her öneri buradan başlıyor.
Profil ekranı: haftalık süreklilik çubukları, kesirlerle gösterilen dört temel alan, bir içgörü kartı ve kayıtlı varsayılanlar

Ekranın içinde kaydır.

Görsel kimlik

Sıcak ama olgun

İyi yaşam uygulamaları genelde ya pastel ve yuvarlak hatlıdır, bu da 30 yaşında çalışan biri için çocukça kaçar, ya da klinik olur ve izleniyormuşsun gibi hissettirir. Ben ikisinin arasını hedefledim.

İki palet, tek aksiyon rengi

#F4ECDD
#DCA56F
#0F1830
#1A2848
#F4E1B8
#2E9B85

Sabah yüzeyi, terakota, gece mavisi, koyu gece mavisi, krem yıldız ve teal. Teal iki modda da tek aksiyon rengi, böylece bir düğme her zaman düğme gibi görünüyor.

Tipografi

SelamlamaStart slowly, Selin.
BaşlıkTailored for tonight
UI etiketiTune my day

Selamlamalar ve başlıklar, defterdeki el yazısını andıran italik bir serifle yazılıyor. Chip'lerden sekme çubuğuna kadar işlevsel olan her şey Inter ile.

Küçük bir sistem

İkonları 1,5 px konturla özel olarak çizdim, böylece her ekran aynı dili konuşuyor. Bileşen seti dört hi-fi ekranı karşılıyor ve yeni içeriği yeniden çalışmadan alıyor: temel alanlar, öne çıkan içerikler ve yeni öneriler için yeniden kullanılabilir kartlar, sesli alternatifi olan tek bir birincil düğme, moda göre değişen renk ve elevation token'ları, yol arkadaşının altında dört sekmeli bir sekme çubuğu.

Süreç

İki haftada yapay zekâyı nasıl kullandım

Bu işin iki haftaya sığmasının sebebi bu araçlar: yapay zekâ daha kısa sürede daha fazla seçenek sundu, aralarından seçmek benim işimdi.

AdımAraçAracın yaptığıBenim yaptığım
AraştırmaChatGPT, GeminiKarar yorgunluğu, seri kaygısı ve Tiny Habits üzerine okumaları yaklaşık üç saatte taslak ilkelere dönüştürdüBu taslakları ayıklayıp yeniden yazarak dört kurala indirdim
PersonaChatGPT, Figma MakeSelin'i tek seferde taslak olarak çıkardı ve görselleştirdiHer kararı ona göre test ettim
YerleşimFigma MakeAna ekran için wireframe seviyesinde dört farklı yönİki modlu ana ekranı seçtim ve son UI'ı Figma'da çizdim
Yol arkadaşıChatGPTMaskot karakter için üç tur çalışmaSanat yönetimi ve son seçim
MetinGeminiYol arkadaşının açılış cümlesi için sekiz versiyon"I'm here with you" cümlesini seçtim
İllüstrasyonGemini, ChatGPTKartların içindeki küçük illüstrasyonların taslaklarıSeçim ve tutarlılık

Sonraki adımlar

İlk neyi test ederdim

  1. Sesli giriş

    Tune my day ancak "saat 4'e kadar arka arkaya toplantı" planı güvenilir şekilde değiştiriyorsa işe yarar, bu yüzden önce dil anlama testleri gelir.

  2. İki mod mu, tek mod mu

    İki modlu ana ekranı sabit bir yerleşime karşı, kontrollü bir grupta A/B testiyle karşılaştırmak. Fikre inanıyorum ama inanç kanıt değil.

  3. İsteğe bağlı seriler

    Serileri seven insanlar da var. İsteğe bağlı bir seri modu onlara hitap edip varsayılanı suçluluktan uzak tutabilir.

  4. Daha net chip'ler

    Tune my day için bağlam, enerji, stres ve ayrılabilecek zamana göre gruplanmış, daha derli toplu chip setleri.

  5. Plan sekmesi

    Ana ekran akışı doğrulanınca yer tutucu Plan sekmesini gerçek bir ekrana dönüştürmek.