106.9K+İndir
Kullanım kılavuzuna geç
Interfaces That Feelyazan owl-listener

Interfaces That Feel Skill'i.

Arayüz metnini ve hareketini kullanıcının duygusal durumuna bağlayın.

  • Etkileşim tasarımı
  • Duygusal durumlar
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak incelemesi · interfaces-that-feelSKILL.md
Görev Arayüz metnini ve hareketini kullanıcının duygusal durumuna bağlayın. Çıktılar Seçili arayüz anlarında kullanıcının muhtemelen ne hissettiğinin açıklaması. Başlamadan önce Metni ve zamanlamasıyla gerçek yükleme, hata veya tamamlanma durumunu getirin. Varsa kitle araştırmasını da ekleyin; böylece çıkarılan duygular gözlemlenen davranıştan ayrılabilir.
Editoryal özet · kaynak inceleme tarihi 2026-11-02 · oluşturulmuş bir örnek değildir

01 İşlevler

Arayüz metnini ve hareketini kullanıcının duygusal durumuna bağlayın

Duygusal zamanlamayı, hata kurtarmayı ve geri bildirimi inceleyin; kullanıcı durumlarını somut metin ve hareket kararlarına dönüştürün.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

Interfaces That Feel, bir ürün anını onu kullanan kişinin durumu üzerinden inceler. Sonuç beklemek, hatadan toparlanmak ve görevi tamamlamak farklı sinyaller gerektirir. Skill bu anları metin, zamanlama, easing ve etkileşim davranışındaki somut seçimlere eşler.

Kaynak bir dönüştürme süreci kullanır: hissedilen durumu adlandır, fiziksel benzetme bul, davranışsal niteliği çıkar ve arayüze uygula. Hareketin varlık nedeni olup olmadığını ve azaltılmış hareketle deneyimin hâlâ çalışıp çalışmadığını da kontrol eder. Böylece doğru çalışan ama zayıf iletişim kuran arayüzlerde hedefli incelemeye uygundur.

Beklenen Çıktılar

  • Seçili arayüz anlarında kullanıcının muhtemelen ne hissettiğinin açıklaması.
  • Bu anlara bağlı belirli metin ve zamanlama önerileri.
  • Duygusal sinyaller ve azaltılmış hareket davranışının önce/sonra incelemesi.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Anı belirleyin

    Yükleme, boş, hata, başarı veya onboarding durumu seçin. Kişinin ne yaşayabileceğini açıklayın ve bu değerlendirmeyi doğrudan gözlemlenen kullanıcı kanıtından ayırın.

  2. 02
    Hissi davranışa dönüştürün

    Direnç veya durulma gibi yararlı fiziksel benzetme bulun. İlgili niteliği çıkarıp easing, süre, boşluk veya metin kararına bağlayın.

  3. 03
    Arayüz sinyalini düzeltin

    Hata kurtarmayı açık ve suçlamayan hâle getirin, başarı bildirimini orantılı tutun ve yükleme metnine amaçlı ton verin. Yalnızca zaman dolduran hareketi kaldırın.

  4. 04
    Sonucu inceleyin

    Azaltılmış hareket tercihleri dâhil önceki ve sonraki deneyimi karşılaştırın. Renk ve görseller kaldırıldığında duygusal sinyalin sürüp sürmediğini sorun.

02 Kullanım Alanları

Ne zaman kullanılır

Metni ve zamanlamasıyla gerçek yükleme, hata veya tamamlanma durumunu getirin. Varsa kitle araştırmasını da ekleyin; böylece çıkarılan duygular gözlemlenen davranıştan ayrılabilir.

İyi Bir Uyum

  • Soğuk geri bildirim durumlarıTeknik olarak doğru ekran, bekleme veya toparlanmada kullanıcıya az karşılık verir.
  • Metin ve hareket iyileştirmesiEkip hata, başarı veya onboarding anlarını gerekçeli biçimde ele almak ister.

Kontrol Edilecek Sınırlar

  • Yorum bağlam gerektirirSkill’in duygusal okuması tasarım değerlendirmesidir; her kullanıcının hissine dair kanıt değildir.
  • Harekette ölçülülükKaynak, hareket eklemeden önce azaltmayı ve azaltılmış hareket tercihlerini test etmeyi önerir.
  • Sonuç kanıtı değil rehberlikZamanlama önerileri, kullanıcı kanıtı olmadan memnuniyet artışını göstermez.

Bu Girdileri Getirin

  • Seçili durumlarİncelenecek yükleme, hata, başarı veya diğer anları sağlayın.
  • Kullanıcı bağlamıGörevi, önemini ve kitle hakkındaki bilinen araştırmaları açıklayın.
  • Mevcut uygulamaMevcut metni, zamanlamayı ve hareket davranışını sağlayın.

03 Önemli Kararlar

Önemli kararlar

  1. Gerekçeli zamanlama

    Süre ve easing amaçlanan davranışsal sinyale bağlanır.

  2. Yararlı kurtarma metni

    Hata mesajları sorumluluğu kabul edip somut sonraki eylemi gösterebilir.

  3. Ölçülü hareket

    İnceleme animasyonu korumadan önce katkısını sorgular.

04 Örnek Görev Tanımı

Odaklı bir brief deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kaynağı ve kurulumu inceleyin

İncelenecek yükleme, hata, başarı veya diğer anları sağlayın.

Üst Kaynak Dosyası
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/interfaces-that-feel/SKILL.md

Aşağıdaki referans, özgün talimatları açar. Kullanmadan önce depo kurulumunu inceleyin; bu bir kurulum komutu değildir.

Tek bir çıktıyla başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
Rapor oluşturma akışımızı bekleme, hata ve tamamlanma durumlarıyla interfaces-that-feel kullanarak incele. Mevcut metni oku ve gerçek zamanlamayı incele. Kullanıcının muhtemel duygusal bağlamını belirterek başla; araştırmayla desteklenmeyen varsayımları işaretle. Kısa metinler ve az sayıda hareket değişikliği öner, her birinin ne ilettiğini açıkla. Görevin hızını ve açıklığını koru. Azaltılmış hareket açıkken deneyimi karşılaştır; animasyonsuz da anlaşılır kalması gereken sinyalleri belirle. Önerileri bu üç durumla sınırla.

Sonucu inceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • Her metin veya hareket önerisinin seçili durumda belirtilmiş amacı vardır.
  • Varsayılan duygular gerçek araştırma bulgularından ayrılır.
  • Azaltılmış hareket, gerekli geri bildirimi ve görev açıklığını korur.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndirHızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
owl-listener
Depo
owl-listener/designer-skills
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 9a6930cf84a8
Editoryal Kaynak Özeti
Arayüz metnini ve hareketini kullanıcının duygusal durumuna bağlayın.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan önce sorular

Skill yalnızca animasyon mu ekler?

Hayır. Kaynak, önce hareketi azaltmayı ve kalan her animasyona gerekçe vermeyi ister.

Hangi arayüz katmanları değişebilir?

Kaynak metin tonu, zamanlama, easing, renk sıcaklığı, boşluk ve animasyon süresini tartışır.

Azaltılmış hareket incelemesi var mı?

Evet. Azaltılmış hareket tercihleriyle test, önerilen uygulamanın parçasıdır.

OpenDesign

Brief'inizi ve tasarım çalışmanızı bir arada tutun.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/owl-listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/interfaces-that-feel/SKILL.md