Uygulama akışları ve tekil ekran görüntüleri: sıra nasıl incelenir?
Uygulama ekran görüntüsü dizilerini görev yapısı, durum değişiklikleri ve geçiş boşlukları açısından nasıl inceleyeceğinizi ve tekil arayüz referanslarının etkileşimli akışı nerede anlatamadığını öğrenin.
Tek bir ekran görüntüsü, düzeni, hiyerarşiyi veya görsel bir kalıbı incelemek için yararlıdır. Ancak bir ürün görevi zaman içinde gelişir: kişi bir noktadan başlar, seçimler yapar, sistem veya uygulama durumlarıyla karşılaşır ve ya bir sonuca ulaşır ya da takılır. Bu deneyimi incelemek için ekran görüntülerini sıralı bir dizi olarak ele alın ve aralarındaki boşlukların ne anlama geldiğini sorun.
Ekran görüntüsü dizisi yine de kısmi bir görsel referanstır. Her rotayı, dokunma hedefini, animasyonu, hata durumunu veya kullanıcı sonucunu kanıtlamaz. ScreenKits, kaydedilmiş uygulama ekranlarında gezinmenize ve kalıpları karşılaştırmanıza yardımcı olur; gerçek bir akışın nasıl davrandığını doğrulamak için kendi prototipinizi veya araştırmanızı kullanın.
Önemli noktalar
- Bir kullanıcı hedefi ve senaryosuyla başlayın, ardından ilgili ekranları görevin gerektirdiği sıraya koyun.
- Yan yana görselleri doğrulanmış bir etkileşim kaydı gibi görmek yerine yakalamalar arasındaki durumları, kararları ve geçişleri not edin.
- Eksik kanıtları kaydedin; davranış, zamanlama veya alternatif yollar önemliyse gerçek arayüzü test edin.
1. Ekran referansını akıştan ayırın
Bir ekran görüntüsü, yakalanmış tek bir durum hakkındaki soruları yanıtlar: Ne öne çıkıyor? Bilgiler nasıl gruplanmış? Birincil eylem nasıl görünüyor? Akış incelemesi bunlara ilişkileri ekler: Kişiyi buraya hangi hedef getiriyor? Hangi eylem onu ilerletiyor? Bu eylemden sonra ne değişiyor ve nasıl toparlanabilir veya başka bir yol izleyebilir?
Üç kanıt türünü birbirinden ayırın. Tekil ekran görüntüsü durağan bir görseldir. Sıralı ekran görüntüsü dizisi, yakalanmış durumlar arasında olası bir ilerleyişi düşündürür. Etkileşimli kayıt veya prototip zaman içindeki davranışı gösterir; yine de yalnızca bir yolu ve bir koşul kümesini kapsayabilir. Bir dizi otomatik olarak dokunulabilir bir akış, eksiksiz bir yolculuk veya analiz kaydı değildir.
Bu ayrım, ekran görüntüsü kütüphanesini daha az değil daha çok yararlı kılar. Görsel referanslar toplamak için tüm ScreenKits örneklerine göz atın, ardından görevin, dallanmaların ve yanıtlanmamış soruların kendi haritanızı oluşturun. Bağlamı daraltmak için kategorileri kullanın veya ilk kullanım dizisini incelerken ilk kullanım örneklerini filtreleyin.
2. Görsel yığınından değil, görevden başlayın
“Bir ürünü daha sonra bakmak üzere kaydetmek” veya “yeni hesabın kurulumunu tamamlamak” gibi somut bir senaryo seçin. Kişinin hedefini kendi diliyle adlandırın; form doldurmak veya düğmeye dokunmak genellikle hedef değil, bir adımdır. Nielsen Norman Group, görev analizini hedefi, adımları, bunların sırasını ve yapısını, ayrıca süreçte gereken bilgileri incelemek olarak tanımlar. Böylece incelemenizin anlamlı bir birimi olur: görev ve onu tamamlamak için izlenen yol.
Ardından ilgili görünen ekranları toplayın ve geçici bir sıraya koyun. Her birini göz atma, seçme, onaylama, izin isteme, başarı veya kurtarma gibi görünürde olanlarla etiketleyin. Yakalamaların nasıl üretildiğini bilmiyorsanız bu sırayı bir hipotez olarak işaretleyin. Bir ekran görevde birden fazla noktaya uyabiliyorsa kesinlik dayatmak yerine belirsizliği not edin.
Daha güçlü bir harita için ana dizinin yanına alternatif yolları ve koşulları ekleyin: geri dönen kullanıcı, reddedilmiş izin, geçersiz alan, boş sonuç veya bağlantı kaybı. Bu dallanmalar, kusursuz görünen mutlu yol galerisinin yanıtlayamadığı tasarım sorularını sık sık ortaya çıkarır.
- Kullanıcıyı, durumu ve amaçlanan sonucu tek cümlede yazın.
- Görünürdeki adımları sıralayın ve bu sıranın arkasındaki kanıtı etiketleyin.
- Olası dallanmaları, ön koşulları ve kurtarma adımlarını ayrı notlar olarak ekleyin.
3. Ekranlar arasında neyin değiştiğini inceleyin
Asıl düşünme geçişlerde gerçekleşir. Yan yana her ekran çifti için bunları bağladığını düşündüğünüz tetikleyiciyi, neyin değiştiğini ve kişinin şimdi neyi anlaması gerektiğini yazın. Bir seçim korundu mu? Uygulama kaydetmeyi onayladı mı? Sonraki ekran yeni bir hedef mi, geçici bir iletişim kutusu mu, yoksa sistem izin istemi mi? Kanıt tetikleyiciyi göstermiyorsa bilinmiyor diye işaretleyin.
Hedefin yanı sıra durumu da izleyin. Form boş, kısmen doldurulmuş, geçersiz, gönderilmiş veya kesintiden sonra geri yüklenmiş olabilir. Satın alma ekranının teklif, yüklenme, hata ve onay durumları olabilir. Neredeyse aynı iki yakalama anlamlı bir durum değişikliğini gösterebilir; görsel olarak farklı iki ekran ise ayrı rotalara ait olabilir. Dizinizin, yakalamaların kanıtlayamadığı bir nedensellik ima etmemesi için etiketler veya açıklamalar kullanın.
Gezinme, konum duygusu ve geri dönüş olanağı gerektirir. Apple'ın Human Interface Guidelines rehberi, sekme çubuklarını üst düzey bölümler arasında gezinme olarak açıklar ve her bölümün gezinme durumunu korumanın, kişilerin yerini kaybetmeden geçiş yapmasına yardımcı olduğunu belirtir. Referanslara da bu tür sorular sorun: kişi hangi alanda olduğunu anlayabilir, önceki bağlama dönebilir veya yönlendirmeli görevden çıkabilir mi? Durağan bir görsel bu olanağı düşündürebilir; nasıl çalıştığını yalnızca etkileşim testi doğrulayabilir.
- Her geçiş için tetikleyiciyi, görünen geri bildirimi, ortaya çıkan durumu ve güven düzeyini kaydedin.
- Uygun yerlerde geri, iptal, atla, yeniden dene ve devam et yollarını kontrol edin.
- Uygulama ekranlarını işletim sistemi arayüzünden ve dış hedeflerden ayırın.
4. Soruya uygun kanıtı seçin
Farklı materyaller farklı tasarım sorularını yanıtlar. En hafif ama işe yarar referansla başlayın; soru gerçek davranışa bağlıysa prototipe, kayda veya kullanıcı gözlemine geçin.
| Materyal | Ne için yararlı | Tek başına neyi ortaya koyamaz |
|---|---|---|
| Tekil ekran görüntüsü | Görsel hiyerarşi, metin, bileşen kalıpları ve yakalanmış durum | Duruma neyin yol açtığı, öncesinde veya sonrasında ne olduğu ya da denetimlerin çalışıp çalışmadığı |
| Sıralı ekran görüntüsü dizisi | Görünürdeki ilerlemeyi, tekrarlanan kalıpları ve olası geçiş boşluklarını karşılaştırma | Sıranın eksiksiz olduğu, her dalın temsil edildiği veya geçişlerin etkileşimli olduğu |
| Etkileşimli prototip veya kayıt | Tanımlı bir yolu, zamanlamayı, geri bildirimi ve etkileşim davranışını inceleme | Tüm kullanıcıların nasıl davrandığı, tüm olası rotalar veya kaydedilen senaryo dışındaki sonuçlar |
| Gözlemlenen görev araştırması | Kişilerin nerede duraksadığını, ne beklediğini ve bağlam içinde nasıl toparlandığını öğrenme | Küçük veya temsil gücü düşük bir örneklemden evrensel sonuç |
5. Tekrarlanabilir, açıklamalı akış incelemesi
Kısa bir değerlendirme veya daha ayrıntılı bir devir için aşağıdaki listeyi kullanın. Her açıklamayı somut tutun ve gözlemleri varsayımlardan ayırın. Kendi ürününüzü inceliyorsanız haritalanan görevi prototipte veya çalışan üründe test edin; gözlemlenen davranış farklıysa haritayı güncelleyin.
- Bir kullanıcı, bağlam ve gözlemlenebilir son hedef tanımlayın.
- İlgili yakalamaları sıralayın; her birini doğrulanmış, çıkarılmış veya bilinmeyen olarak etiketleyin.
- Her adımda kullanıcı eylemini, arayüz yanıtını, mevcut durumu ve sonraki kararı not edin.
- Boşlukları işaretleyin: eksik tetikleyici, belirsiz ilerleme, kaybolan bağlam, geri bildirim eksikliği veya kurtarma yolu yokluğu.
- Atlama, geri dönme, iptal, boş, hata ve izin reddi durumları dahil alternatif ve başarısızlık durumlarını ekleyin.
- Etiketlerin ve hiyerarşinin sonraki eylemi ve mevcut konumu anlaşılır kılıp kılmadığını kontrol edin.
- Her belirsizliği prototip üzerinden geçişte veya gözlemlenen görev oturumunda yanıtlanacak bir soruya dönüştürün.
- Sonraki inceleyenlerin haritanın neyi temsil ettiğini bilmesi için kanıt kaynağını ve tarihini kaydedin.
Sık sorulan sorular
Ekran görüntüsü dizisi ile uygulama akışı aynı şey midir?
Hayır. Dizi, ilerlemeyi düşündürecek biçimde sıralanmış durağan yakalamalardan oluşur. Uygulama akışı ise eylemleri, geçişleri, durumları ve olası dallanmaları da açıklar. Etkileşim davranışı ve kapsamı ayrıca doğrulanmadıkça ekran görüntüsü dizisini kısmi görsel kanıt olarak değerlendirin.
Eksik ekranları veya geçişleri nasıl not etmeliyim?
Bildiklerinizi, çıkarımlarınızı ve bilinmeyenleri yazın. Kullanıcı eylemini, beklenen geri bildirimi, ortaya çıkan durumu ve eksik kurtarma veya alternatif yolu not edin. Yakalamaların çözemediği soruları yanıtlamak için prototip veya gözlemlenen oturum kullanın.
Ekran görüntüsü referanslarını kullanıcı araştırması için kullanabilir miyim?
Tasarım karşılaştırmasını destekleyebilir ve hipotez kurmanıza yardımcı olabilirler; ancak katılımcıların nasıl davrandığını veya ne anladığını göstermezler. Bunu öğrenmek için kişilere bir prototipte veya çalışan arayüzde gerçekçi bir görev verin ve sonucu gözlemleyin.
