g u t x .com.tr İpek yolu - Çin'i anlamaya götürürüm

Mobil uygulamaları tasarlarken gözden kaçırılması kolay 30 husus (bölüm 1)

Tercüme Bürosu, bilim ve teknoloji, ticaret, işyeri, yaşam ve diğer alanlara odaklanan, yeni yabancı teknolojileri, yeni fikirleri ve yeni eğilimleri tanıtmaya odaklanan 36Kr'ın altındaki bir çeviri ekibidir.

Editörün notu: Ürünün kendisinin işlevlerine ek olarak, ürün tasarımı da iyi uygulamaların kullanıcılar tarafından tercih edilmesinin temel faktörlerinden biridir. Yazılım mühendisi Nick Babich'in makalesinden alınan bu yetkili çeviri. Orijinal başlık, Mobil Uygulamaları Tasarlarken Genellikle Unuttuğumuz 30 Şeydir. Makalede Nick, mobil uygulamaları tasarlarken gözden kaçırılması kolay 30 hususu sizinle paylaştı. İlham, bu makale dizisinin ilk kısmı.

Tembel Dizin

1. Kayıt ve oturum açma

2. İlk deneyim

3. Günlük kullanıcı deneyimi

Dört, dikkat

Beş, hesap ayarları

6. Bilgi sunumu

Yedi, uygulama içi arama

8. App Store

Bu yazıda, Uygulamayı Apple App Store veya Google App Store'da başlatmadan önce Uygulama tasarımında dikkat edilmesi gerekenleri ilgili kişilere tanıtmak istiyorum. Bunlar arasında, esas olarak aşağıdaki 8 temel konuya bölünmüştür.

1. Kayıt ve oturum açma

1. Arayüzü başlatın

Sözde başlangıç arayüzü, kullanıcının bir Uygulamayı açarken ilk gördüğü arayüzü ifade eder. Başlangıç arayüzü, kullanıcının Uygulama ile etkileşime girmesi için ilk arayüz olduğundan, kullanıcı hakkındaki ilk izlenimi çok önemlidir ve hatta Uygulamanızı deneyimlemeye başlamadan önce kullanıcının ürüne bakışını etkileyebilir.

Ürün logolu başlangıç arayüzü. Resim kredisi: Gleb Kuznetsov

Araç çağırma yazılımı Uber'in başlangıç arayüzü. Resim kaynağı: Uber

Deneyim dostu bir başlangıç arayüzünün tasarımı için, anlaşılması gereken temel anahtar, başlangıç arayüzünün işlevinin kullanıcılara dostane bir ilk izlenim kazandırmak olmasıdır.

Özellikle, aşağıdaki iki alanda tasarım önerileri vardır:

Bekleme süresi çok uzun olmamalıdır. Kullanıcılar ürününüzü ilk kez deneyimlediklerinde, ürünün hemen çıkma oranını düşürmek için, kullanıcının Uygulamayı açarken başlangıç arayüzünün yanıtını beklediği süreyi kontrol etmeye çalışın.
Kullanıcı bekleme sürecini daha kolay hale getirin. Kullanıcıların sayfa yanıtını bekleme süresini kısaltmak mümkün değilse, tüm bekleme sürecini daha kolay hale getirmek için en azından ilerleme çubukları, küçük animasyonlar veya küçük oyunlar gibi tasarım öğeleri kullanılmalıdır.

2. "Şifremi unuttum" süreci

İlgili istatistiklere göre, her kişi, şifre doğrulaması gerektiren ortalama 90 çevrimiçi hizmet platformu hesabına kaydolmuştur. Bu kadar çok hesabı kullanmak ve yönetmek, çok az kişi tüm parolaları doğru bir şekilde hatırlayabilir.

Başka bir veri kümesi, bir hesap art arda iki hafta kullanılmazsa, kullanıcıların yaklaşık% 21'inin o hesabın giriş bilgilerini unutacağını ve kullanıcıların% 25'inin her gün en az bir hesabın giriş bilgilerini unutacağını göstermektedir. Kullanıcıların kişisel bilgilerini oturum açmasını gerektiren bir Uygulama tasarlarsanız, kullanıcılara şifrelerini sıfırlama seçeneği sağlamalısınız.

Şifremi unuttum ve şifre arayüzünü sıfırla. Resim kaynağı: Emmanuel Torres

2. İlk deneyim

3. Kullanıcı Kılavuzu Arayüzü

Kullanıcı deneyimi tasarımcıları, kullanıcıları bir Uygulamayı kullanmayı öğrenmeleri için yönlendirme sürecini açıklamak için "kullanıcı kılavuzu" terimini kullanmayı sever.

Deneyim dostu kullanıcı rehberlik süreci, deneyimden sonra Uygulamayı ilk kez kullanan kullanıcıların sürekli kullanım olasılığını artırabilir.

Ünlü Rus tasarım stüdyosu Cuberto tarafından tasarlanan, kullanıcı rehberliğinde animasyon deneyimi.

Kullanıcı kılavuzu arayüzünün tasarımı açısından aşağıdaki öneriler bulunmaktadır:

Statik "öğreticiler" oluşturmaktan kaçının. Birçok uygulama, kullanıcıların sürekli olarak sayfaları çevirerek uygulamayı nasıl kullanacaklarını manuel olarak öğrenmelerine olanak tanır, ancak bu tasarım çok "ölümcül". Her şeyden önce, bu durumda, kullanıcının ürünle zorunlu etkileşimi gerçek bir etkileşim değildir ve kullanıcı gerçekten deneyim bağlantısına girdiğinde, uygulamalı işlemi ve işlevleri unutması muhtemeldir ve ürünün kullanılabilirliği büyük ölçüde azalır. İkinci olarak, aslında, yalnızca çok az sayıda kullanıcı ürünü deneyimlemeden önce metin girişini sabırla okuyacaktır.
Bağlamsal (dinamik) rehberlik sağlayın. Kullanıcılara bağlamsal dinamik rehberlik sağlayarak, kullanıcılar ilgili bilgileri daha sezgisel olarak anlayabilirler. Sağladığınız rehberlik, kullanıcıların tam olarak kullanıcı deneyimi sürecinde belirli bir noktada ihtiyaç duyduğu yardımdır. Spesifik olarak, işlemler ve hareket animasyonları veya etkileşimli yolculuklar gibi tasarım öğeleri, kullanıcı kılavuzu arayüzünde tasarlanabilir.

4. Veri Onay Arayüzü

Birçok mobil uygulamanın kullanıcı arayüzünde, kullanıcıların e-posta adreslerini veya telefon numaralarını ve diğer bilgileri yeniden onaylamaları gerekecektir.

Veri doğrulama arayüzü genellikle, kullanıcı kayıt veya oturum açma ile ilgili gerekli bilgileri başarıyla sağladıktan sonra e-postayı kontrol etmelerini veya bilgileri tekrar onaylamalarını isteyen arayüz tarafından sunulur.

Belirli bir Uygulamanın onay arayüz tasarımı. Resim kredisi: Diana Caballero

Veri doğrulama arayüzünün tasarımı için, kullanıcıya aşağıdaki iki bilgi yönü sağlanmalıdır:

Kullanıcılara onay kodunu tekrar gönderme seçeneği sağlayın.
Onay bilgilerinin nasıl bulunacağına ilişkin talimatlar. Örneğin, belirli anahtar kelimelere göre arama yapın veya çöp kutusunda arama yapın, vb.

5. Arayüzde geçici olarak içerik olmadığında "boş durum"

Çoğu uygulamada, içerik, değeri yansıtmanın ana yoludur ve aynı zamanda kullanıcıların bu ürünü seçmelerinin ana nedenidir. Bu nedenle, kullanıcı deneyimi uygulaması sürecinde, geçici olarak içeriğe sahip olmayabilecek arayüzler için bu arayüzlerin tasarlanması çok önemlidir.

Bu boş içerik arayüz alanları, "boş durum" olarak bildiğimiz şeydir. Elbette adı "boş durum" olsa da aslında boş bırakılmamalıdır.

Aslında, boş durum, kullanıcı rehberliğiyle ilgili öğeleri ve içeriği eklemek için çok uygundur, böylece kullanıcılar Uygulama ile daha fazla etkileşimi sürdürebilir. Boş durumu boş bırakmak yerine, eğitici ve rehberlik işlevlerini etkin bir şekilde oynamak daha iyidir.

İş arama platformu Symplicity'nin mobil terminal boş durum tasarımı.

6. Varsayılan kullanıcı avatarı

Yetkili bir kullanıcı deneyimi danışmanlık ajansı olan UIE'nin kurucusu Jared M. Spool'a göre, kullanıcıların yaklaşık% 95'i ürünü kullanma deneyimi sırasında sistemin varsayılan ayarlarını değiştirmeyecek. Bu, birçok kullanıcının sistemin varsayılan kullanıcı profili resmini kullanmayı seçebileceği anlamına gelir.

Bulut depolama yazılımı Dropbox varsayılan olarak sevimli avatarları kullanır.

Varsayılan bir kullanıcı avatarının nasıl tasarlanacağına dair beş öneri vardır:

Kullanıcı baş harflerini kullanın. Kullanıcı avatarları kullanıcının adı ve soyadıyla sunulur ve birçok posta uygulaması bu tasarım yaklaşımını benimsemiştir.
Kişilik avatar yüz. İyi tasarlanmış kişisel avatar illüstrasyonları da iyi bir seçimdir. Elbette, kullanıcıların avatarı araç kutusunun ilgili karakter öğelerine göre özelleştirmesine izin verebilirseniz, çok daha iyi.
hayvan. Avatar ayarı sorununa yanıt olarak, Google dosyaları bir dizi hayvanı benimsedi ve kullanıcıların seçim yapmaları için avatarlar yaptı.
Çeşitli gülen yüzler veya Emoji. Gülümseyin, on yıldan az. Ürüne daha çok gülümseme gibi unsurlar eklemek de ürünü daha popüler hale getirebilir.
Marka unsurları. Belirli bir varsayılan kullanıcı avatarı tasarlamak için marka logosunu da kullanabilirsiniz. Örneğin, sosyal yazılım Snapchat'in logosu bir hayalettir ve kullanıcılar, logonun hayalet çerçevesi içinde kişisel fotoğrafları özelleştirebilir ve yükleyebilir.