Yapılamayan rehber arayüzüne alışamıyorum, böyle tasarlanmalı.
İyi ürünler, belki çok şey görmüşsünüzdür. Ancak pek çok insan iyi ürünlerin arkasındaki keşif ve düşünceyi bilmiyor.
Yalan nereden geliyor? Nereye gidiyorsun? Bugün AppSo (herkese açık AppSo) tarafından paylaşılan bu makale, bunun arkasındaki hikayeyi anlamanıza yardımcı olacaktır.
Uygulamaları veya web sitelerini kullandığımızda, genellikle bir görevi tamamlamamıza yardımcı olan adım adım bir arayüzle karşılaşırız. Bu arayüz sözde "kılavuz arayüz" dür.
Tasarım sürecinde sihirbaz arayüzünü kullanmalı mıyım? Arayüzün amacına uymayan bir "yama" olarak kullanılabilir mi? Bu makaleyi okuduktan sonra cevabı bileceksiniz.
1. Sihirbaz arayüzü nedir?
Sihirbaz arayüzünde, kullanıcı bir dizi adım veya koşulla karşılaşır.Bu adımlar veya koşullar tamamlanmazsa, bir görev (bir ürünü kullanmaya başlama gibi) tamamlanamaz.
Bu model ilk olarak, çeşitli ev aletleri için iyi bilinen kağıt kılavuzlar gibi çevrimdışı göründü. Son birkaç on yıla kadar, çevrimiçi olarak kullanıldı (yazılım yükleme sihirbazı arayüzü gibi).
Geleneksel masaüstü yazılım uygulamaları veya donanım kurulumları, yukarıdaki şekilde gösterilen ayar sihirbazı arayüzüne sahiptir. Windows 95'ten başlayarak sihirbaz arayüzü giderek daha popüler hale geliyor.
Sihirbaz arayüzünün şu avantajları vardır:
1. Görevi basitleştirin
Karmaşık bir görevi sıralı bir görev akışına bölerseniz, önceki karmaşık görevin o kadar da karmaşık olmadığını göreceksiniz.
Pek çok kişi sihirbaz arayüzünü zahmetli buluyor, ancak kurulum sihirbazı arayüzü popüler hale gelmeden önce, yazılımı kurmak, konfigürasyon dosyasını düzenlemek, kontrol dizinini ayarlamak ve son olarak yazılımın normal çalışıp çalışmadığını kontrol etmek için dosyaları kendimiz kopyalamamız gerekiyor.
Ancak sihirbaz arayüzü göründükten sonra, yukarıda bahsedilen karmaşık koşullar basit ve anlaşılması kolay adımlara dönüştürüldü. Sihirbaz arayüzünün etkisi çok açık. Teknik destek maliyetleri ve eğitim maliyetleri büyük ölçüde azaltıldı .
2. Karar verme yükünü azaltın ve insanların kendilerini rahat ve mutlu hissetmelerini sağlayın
Gerekli arka plan bilgisinin yokluğunda sihirbaz arayüzünün avantajları ortaya çıktı. Görevi tamamlamak o zamandan beri bir esinti haline geldi: İnsanların sadece görevi tamamlamak için aşamalı olarak tamamlanması gereken önceden tasarlanmış bir yolu izlemesi gerekir. "Size düşünmeniz için zaman vermeyeceğim, bundan sonra ne yapacağınızı söyleyeceğim, bu çok basit."
2. Sihirbaz arayüzü ne zaman kullanıma uygundur?
Sihirbaz arayüzü özellikle aşağıdaki senaryolarda kullanışlıdır:
1. İnsanlar çok adımlı bir görevi tamamlamak ister
Bir görev arabirimi tasarlıyorsanız, adımlar aslında çoktur, karmaşıktır ve basitleştirilemez. Sihirbaz arayüzü aracılığıyla şunları yapabilirsiniz: Görünüşte karmaşık görevleri kolaylaştırın . Aynı zamanda, tüm süreç çok görünecek Açık .
2. Kişiler bir görevi belirli bir sırada tamamlamalıdır
Bu tür bir durumda, öğrenme eğrisini azaltarak, sihirbaz arayüzü insanların bir görevi tamamlamasına yardımcı olabilir. Görevlerin adım adım tamamlanması gerekiyorsa, insanların önemli bağlantıları kaçırma olasılığı daha düşüktür, böylece Hata oranını azaltın .
Facebook, uygulamayı bir sihirbaz arayüzü aracılığıyla kurar ve bu, tüm adımların sırayla tamamlanmasını sağlar.
Üçüncüsü, sihirbaz arayüzü de işe yaramaz
Bu tür bir modu kullanırken dikkatli olun. Bir görevi çok adımlı küçük görevlere bölmek, daha kullanıcı dostu bir deneyim sağlayabileceği anlamına gelmez. . gibi:
1. Görevin kendisi karmaşık değil
Sihirbaz arayüzünü kullanmanız gerekiyorsa, görevin gerçekten karmaşık olduğunu gösterebilirsiniz. Basit bir form veya birkaç düğme tıklamasıyla yapılabilecek şeyler gibi görevleri basitleştirebiliyorsanız, sihirbaz arayüzünün çok az anlamı vardır.
2. İnsanlar çok üst düzey
Karmaşık görevler için bile, bir sihirbaz arabirimi eklemek, en iyi kullanıcı arabirimini tasarlamanın tek yolu değildir. Pek çok ileri düzey kullanıcıyı hayal kırıklığına uğratan şey, sihirbaz arayüzünün çok katı olması ve birçok sınırlaması olmasıdır. Çoğu insan her adımın neyi temsil ettiğini veya her adımı tamamladıktan sonra neyin değişeceğini bilmez.
Bu nedenle, sihirbaz arayüzünün, nasıl yapılacağını zaten bildiğimiz şeyleri çözmemize "yardımcı" olduğunu söylemek şaşırtıcı değildir. Bu, bağımsız oluşturmayı destekleyen yazılımlar için daha uygundur (sanat yapmak veya kod yazmak gibi).
İpucu: İnsanların bir görevi nasıl tamamlamak istediklerini seçmelerine izin vermeliyiz. Örneğin Dropbox kurulum arayüzünde farklı ayar tiplerini özgürce seçebiliriz. Gelişmiş modu seçerseniz, insanlar yazılımın yükleme yolunu, senkronizasyon diskinin konumunu vb. Özelleştirebilir.
3. Ne zaman bilgilendirmek istediğiniz
Belirli kavramları sunmak için sihirbaz arayüzünü kullanmayın. Sihirbaz arayüzünü çalıştırırken insanlar nadiren yardımcı metni okur. Endişelendikleri şey, sadece temel görevi tamamlamaktır.
Dördüncüsü, sihirbaz arayüzünün en iyi uygulaması
Bir sonraki sihirbaz arayüzünü tasarlarken aşağıdaki noktalara dikkat etmeniz gerekebilir, aksi takdirde geçerliliğini yitirebilir:
1. Kurulum adımlarının sayısını en aza indirin
Bir sihirbaz arayüzü tasarlamanın en zor kısmı, tek bir arayüzün içeriği ile toplam arayüz sayısı arasında bir denge bulmaktır. Sihirbaz arayüzünün sadece 2 adımı varsa, biraz komik olur, ancak 10 adımlı sihirbaz arayüzü çok fazladır.
İdeal olarak, Sihirbaz arayüzünde yalnızca 3 ila 5 adım olmalıdır . Bunu önceden yapmak en iyisidir Kullanılabilirlik testi , Sihirbaz arayüzündeki adım sayısının kabul edilebilir bir aralıkta olduğundan emin olun.
2. Sihirbaz arayüzünün amacının net olduğundan emin olun
Sihirbaz arayüzünün her adım arayüzünde, insanların arayüzün amacını açıkça bilmesi gerekir. Sihirbaz arayüzü, herkesin karar vermesine yardımcı olmak için yeterli bilgi sağlamalıdır. Amaç belirsizse, insanlar yönü bulamazlar. Buna dayanarak, iki husus kayda değerdir:
-
İlk adım, amacı kısaca açıklığa kavuşturmaktır.
-
Her bağlantının etiketi çok açık ve net olmalıdır.
Olumsuz gösteri: Ev Sitesi Ev Sigortası web sitesinde, sihirbaz arayüzünün ilk sayfası kurulumun amacını açıkça belirtmiyor. Kullanıcılar bu sayfaya başka sitelerdeki bağlantılar üzerinden atlarsa, kafaları karışacak.
3. Gereksiz arayüz öğelerini kaldırın
Aşırı bağlantı ve içerik genellikle kullanıcıların dikkatini dağıtır. Bu öğelerin kaldırılması, kullanıcıların göreve odaklanmasına olanak tanır ve görevi başarıyla tamamlama olasılığını artırır.
4. İlerlemeyi temizle
Açık ilerleme bilgileri ile insanlar görevin ne zaman tamamlanabileceğini bilebilir. Sihirbaz arayüzünü çok kullanıcı dostu olacak şekilde tasarlayın ve aşağıdaki noktaları göz ardı etmeyin:
-
Her adımı sırayla etiketleyin;
-
Görev akışının yönünü gösterin (genellikle soldan sağa veya yukarıdan aşağıya);
-
Mevcut adımı vurgulayın ve kalan adımların sayısını görüntüleyin;
-
Belirli bir adımı tamamladıktan sonra, yerleştirme, adımın başarıyla tamamlandığını gösterir;
-
Son adım tamamlandıktan sonra ilgili ipuçları.
Olumsuz gösteri: Yukarıdaki örnekte, her adım bağlamı olmayan bağımsız bir arayüzdür Kullanıcı önceki bilgileri teyit edemez ve sonraki bilgileri tahmin edemez.
Önerilen gösteri: Adım adının sağ tarafında, adım sayısını açıkça gösterin. Ek olarak, arayüzün üst kısmı tüm adımın akışını da gösterir. Orijinal görsel kaynağı: Raj Shrestha
5. "İptal" düğmesini ekleyin
Bazen, sihirbaz arayüzüne girdikten sonra, insanlar çeşitli nedenlerle çıkmaya karar verirler. Çıkmak isteyen ancak "çıkış" bulamayan kullanıcıları çıldırtmamak için arayüzde "İptal" butonu ekleyin.
6. Her adımın geri alınmasına izin verilir
Herkes için bir çıkış yolu bırakın, her adım arayüzüne geri alma işlevini ekleyin. İnsanlar önceki adımları tekrarlayabilir ve önceden girilen bilgileri değiştirebilirlerse, muhtemelen çok mutlu olacaklardır.
Aksi takdirde, yeniden başlamalarına izin vermelisiniz. Ama yine de, eğer küçük bir değişiklik yüzünden ise, gerçekten ölmüş demektir.
7. Kişilerin yeniden onaylaması için seçilen seçeneklerin bir incelemesini sağlayın
Gözden geçirmeyi kolaylaştırmak için sihirbaz arayüzünün sonunda tüm sürecin seçilen seçeneklerini sağlamanız önerilir. Bu, bilgileri girdiklerini yeniden onaylamalarına olanak tanır, böylece tereddüt etmeden "Bitti" düğmesini tıklayabilirler.
son sözler
Sihirbaz arayüzünün basit ve anlaşılması kolay olacak şekilde tasarlanması gerekse de, tasarımcılar ve geliştiriciler arkasındaki gerçeği bilirler: İyi bir sihirbaz arayüzü tasarlamak kolay değil .
Bir dizi planlama, deneme ve yeniden düzeltmeye ek olarak, tüm tasarım oluşturma sürecinde beklenmedik sorunlar da olabilir. Bu makale sayesinde, daha iyi bir sihirbaz arayüzü tasarlamanıza yardımcı olmayı umuyorum.
Teşekkür ederim!
Yazar | Nick Babich, yazılım mühendisi, UI ve UX'e odaklanıyor.
Tercüman | Jorri
Bu makale Wizard Design Pattern'den çevrilmiştir ve orijinal yazar tarafından tercüme etme yetkisi verilmiştir.
Bu makale, cep telefonlarını daha kullanışlı hale getiren AppSo tarafından çevrilmiş ve üretilmiştir. WeChat genel hesabı AppSo'yu takip edin ve App Store'da pornografik oyunları kullanıma sunmak için hangi yöntemlerin kullanıldığını anlatmak için "porn" yanıtını verin.
