← Katalog 44 · Davranış tasarımı

İnsanlar deneyimi ortalamasıyla değil, zirvesiyle ve sonuyla hatırlar

Bir uygulamanın 200 ekranı olabilir; hafızada kalan ikisidir. En yoğun duygunun yaşandığı an ve son an. Mikro etkileşimler tam da bu iki noktaya yerleştirilir.

Zirve–son kuralı

Kaydetme, gönderme ve tamamlama anlarına bütçe ayırın. Ortadaki adımlar sessiz kalabilir.

Estetik–kullanılabilirlik etkisi

Güzel görünen arayüz daha kullanışlı sanılır ve küçük hatalar affedilir. Bu, kötü akışı kurtarmaz — ama iyi akışı güçlendirir.

Haptik dili

Hafif titreşim: seçim. Orta: onay. Çift darbe: hata. Titreşimi ödül dağıtır gibi kullanmayın; anlamı tükenir.

9:41▮▮▮ ⬤

✓

Transfer tamamlandı

₺2.400 · Ayşe Y.
Hesabına saniyeler içinde geçecek.

orta şiddette titreşim · 180 ms

Dekontu paylaş

Ana ekrana dön

A · zirve anı

Süre bütçesi

Dokunma tepkisi≤ 100 ms

Katman geçişi250—300 ms

Sistem cevabı≤ 400 ms

Kutlama animasyonu≤ 900 ms

1 saniyeyi geçen her kutlama, ikinci kullanımda engel hâline gelir. Atlanabilir olmalıdır.

İyimser arayüz

Beğeni anında görünür, sunucu sonra onaylar. Beklemeyi gizlemek, hızlandırmaktan ucuzdur.

Hata da bir andır

Sert kırmızı uyarı yerine ne yapılacağını söyleyen tek cümle; sonu iyi biten deneyim iyi hatırlanır.

Hareket duyarlılığı

Sistem “hareketi azalt” diyorsa animasyon sönümlenmeli; erişilebilirlik burada da geçerlidir.

Sessiz varsayılan

Ses ve titreşim kapatılabilir olmalı; toplu taşımada açılan bir uygulama utandırmamalı.

    Mikro Etkileşim, Haptik & Zirve–SonKahneman · estetik–kullanılabilirlik
  

Tasarım promptu — 44 — Mikro Etkileşim seçip kopyalayın

İngilizce prompt · detaylı

Design a dark mobile study page about microinteractions. Ink background (#12100e) with amber annotation labels. A phone shows a transfer-success peak moment: a 120px green circle with a large checkmark, an expanding pulse ring behind it, a confirmation headline, amount and recipient, and a haptic note reading 'orta şiddette titreşim · 180 ms'. Beside it, a timing budget chart with four labelled bars (100ms tap, 250-300ms transition, 400ms system response, 900ms celebration) and four cards on optimistic UI, error moments, reduced motion and silent defaults.

Türkçe brief

Zirve–son kuralını, haptik dilini ve animasyon süre bütçesini gösteren mikro etkileşim çalışması.

Palet

#12100e

#f4f1ea

#e8b93c

#4ade8a

Tipografi

Helvetica Neue 600 + monospace etiketler

Düzen

Koyu sahne, telefon + süre bütçesi grafiği

Hareket

2.6 sn nabız halkası, 180ms haptik

Kaçınılacaklar

1 sn üstü atlanamayan kutlama, aşırı titreşim