6 Basit Kullanıcı Arayüzü Tasarımında Uygulamanızı “Meh”den Muhteşeme Taşıyacak İnce Ayar
Yayınlanan: 2015-09-16Mobil uygulama prototipinizi teknik özelliklere göre oluşturdunuz, ancak bir şeyler pek doğru gelmiyor. Belki istediğiniz kadar akıcı değildir veya kullanıcı arayüzü tasarımı size o “Vay canına” efektini vermez. Uygulamanızın sihir gibi hissetmesini istiyorsunuz, ancak şu anda bu, David Copperfield'ın piramitleri yok etmesinden çok, babanızın kulağınızdan çeyreklik çekmesi gibi geliyor.
Ne yapıyorsun? Her şeyi bir kenara atıp tasarımınıza yeniden sıfırdan mı başlıyorsunuz?
Ya da belki bir mucize yoluyla, uygulama sadece basit bir tasarım değişikliği ile kaydedilebilir. Ne de olsa, prototipi veya betayı oluşturmadan önce tasarıma bağlıydınız, bu yüzden içinde iyi bir şey olmalı - ve tüm bu sıkı çalışmayı boşa harcamak utanç verici olurdu.
6 tasarımcıya, bir kullanıcı arayüzü tasarımcısı için en büyük farkı hangi küçük ayarlamaların yaptığını düşündüklerini sorduk. Belki onların yanıtları, uygulamanızı iyiden harikaya (veya harikadan harikaya!)
1. Kopyalamaya gelince yağı kesin.
Küçük bir cihazda bir uygulama kullanıyorsanız, okumaya çok fazla zaman harcamak istemezsiniz. Çok fazla kopya yalnızca kullanıcınızı yavaşlatmakla kalmaz, aynı zamanda kullanıcı arayüzü tasarımınızı da engeller.
Maureen Kerwin, Nokia Networks'te (@nokianetworks) bir Etkileşim Tasarımcısıdır. Herhangi bir uygulamayı anında geliştirmek için Kerwin'in ipucu? Kopyayı denetleyin ve ihtiyacınız olmayan her şeyi kesin.
Kerwin, "Kopyayı tekrar ettiğiniz veya çok fazla kelime olduğu her yerde inceleyin" diyor. "Neredeyse her zaman daha net ve özlü olması için kaldırabileceğiniz veya gözden geçirebileceğiniz bir şey vardır."
Bu durumda, bazen bir kullanıcı arayüzü tasarımcısının en iyi arkadaşı editör veya düzeltmendir. Hangi kopyayı keseceğinize (veya yoğunlaştıracağınıza) karar veremiyorsanız, uygulamanızda o ikinci, objektif bakış açısına sahip olmak her şeyi değiştirir.
2) Kullanıcı geri bildirimi alın.
Kullanıcı arayüzü tasarımınızda neyin işe yaramadığını anlamaya çalışırken takılıp kalırsanız, yanıt almanın en hızlı yolu kullanıcılarınıza sormaktır.
Mike De'Shazer (@itsdeshazer), kullanıcıların kodlamayı öğrenmelerine yardımcı olan ve uygulama oluşturmalarını sağlayan etkileşimli bir platform olan CodeCloud.me'nin (@CodeCloudMe) kurucu ortağı ve CEO'sudur. De'Shazer, kullanıcılarınızı tanımak ve onların geri bildirimlerini almak, kullanıcı arayüzü tasarımınızı etkili hale getirmenin en güvenilir yöntemidir, diyor.
De'Shazer, "Farklı hedeflere sahip farklı türde UX optimizasyonları vardır," diyor, "ancak herhangi bir teknoloji için kullanıcı arayüzü tasarımını ve deneyimini optimize etmenin en iyi yolu, onu kullanan insanları daha iyi anlamaktır."
Uygulamanız başarısız olduğunda, prototipinizi bir grup beta kullanıcısına gönderin. Deneyimi nasıl iyileştireceğinize dair önerileri, alabileceğiniz en değerli geri bildirim olabilir.
3) Hızlı olun.
Tüm kullanıcılarınızın (ve potansiyel kullanıcılarınızın) hıza ihtiyacı vardır. Kullanıcı deneyiminizin istediğiniz şekilde tıklamadığını fark ederseniz, bu bir kullanıcı arayüzü tasarımı sorunu değil, uygulamanın hızı olabilir.
Amna Rizvi, uygulamaları, gadget'ları ve bilim haberlerini sergileyen bir bilim ve teknoloji blogu olan GadgTecs'te (@GadgTecs) bir uygulama geliştiricisidir. Mobil uygulamaların hem yaratıcısı hem de gözlemcisi olarak Rizvi, hız ve başlatma süresinin kullanıcı deneyimini optimize etmenin en önemli iki yönü olduğunu düşünüyor.
Rizvi, "Benim için en önemli noktalardan biri uygulamanın başlangıç zamanı" diyor. "Uygulamanın harika bir açılış sayfası olmalı ve çok hızlı bir şekilde yüklenmelidir."
Sizin için tavsiye edilen:
Anti-Profiteing Hükmü Hintli Startuplar İçin Ne Anlama Geliyor?
Edtech Startup'ları Hindistan'ın İşgücünün Becerilerini Geliştirmesine ve Geleceğe Hazır Olmasına Nasıl Yardımcı Oluyor?
Bu Hafta Yeni Çağ Teknoloji Hisseleri: Zomato'nun Sorunları Devam Ediyor, EaseMyTrip Gönderileri Stro...
Hintli Startup'lar Finansman İçin Kısayollar Kullanıyor
Dijital Pazarlama Platformu Logicserve Çantaları 80 INR Cr Finansmanı, LS Dig Olarak Yeniden Markala...
Rapor, Lendingtech Alanına İlişkin Yenilenen Düzenleyici İncelemeye Karşı Uyarıyor
Rizvi, ilk izlenimlerin elbette en önemlisi olduğunu söylüyor. “Kullanıcılar uygulamaya tıkladıklarında hızla kapatılıyor ve herhangi bir şey yapabilmek için uzun süre beklemek zorunda kalıyorlar. Bu yüzden bence uygulama ne kadar büyük olursa olsun anında olmalı.”
En son çalışmanızdan etkilenmediniz mi? Deneyimi düzene sokabilecek misiniz bir bakın. Yükleme sürelerini daha hızlı hale getirin ve kullanıcı arayüzü tasarımına dahil ettiğiniz tüm animasyonların daha kısa sürelerde geçmesini sağlayın. Bu, uygulamanızın biraz daha parlak olmasını sağlamıyorsa okumaya devam edin.
4) Kullanıcı arayüzü tasarımınızı animasyonla süsleyin.
Andrew Riley, sanatçıların etkinlikler için bilet ayarlayıp satmalarını sağlayan çevrimiçi bir biletleme hizmeti olan Ticketlab'ın (@ticketlabUK) kurucusudur. Aynı zamanda dijital danışman ve ön uç geliştiricidir.
Riley'e göre, kullanıcı arayüzü tasarımınıza anında etki katmanın en iyi yolu harekettir.
"Bir web sayfasının veya uygulamanın verdiği hissi geliştirmek için en önemli ipucum çok basit: animasyon. Flash döneminin sıçrayan logolarından ve mercek parlamalarından bahsetmiyorum, ince animasyonlardan bahsediyorum” diyor Riley. "En basit haliyle, bir vurgulu durum bir arka plan rengi değişikliği içerdiğinde, ona 0,3 saniyelik bir doğrusal geçiş uygulayın. Bunun, kullanıcı arayüzü tasarımınızı anında bir web sitesi gibi değil, bir uygulama gibi hissettireceğini göreceksiniz.”
Bu tasarım değişikliğinin en iyi yanı, uzun sürmemesi, diyor Riley, ancak etkisi çok büyük olabilir. “Bir tasarımı gerçekten hayata geçirmek için neredeyse her durum değişikliğine akıllıca bir geçiş uygulanabilir. Bu CSS özelliğinin birkaç yıldan beri kullanılabilir olmasına rağmen, birçok yeni uygulamada hala yeterince kullanılmamaktadır, ancak çoğu durumda uygulanması yalnızca birkaç dakika sürer.”
One Click Here'ın (@Oneclickhere1) CTO'su Gert Hattingh de aynı fikirde. Hattingh, One Click Here'da, tasarımcılar ve geliştiriciler, akışın doğru olduğundan emin olmak için kullanıcı arayüzü tasarımını birden fazla aşamada test etmek için zaman ayırdıklarını söylüyor.
"Çevik bir ortamda çalışmak, geliştirme ile birlikte ilerlerken size kullanıcı arayüzünü test etme yeteneği verir. Kullanıcıyı bir sonraki adımı atması için yönlendirmek için geçişlerle oynamayı seviyoruz” diyor Hattingh. "Kullanılırken bir düğmeye ince bir animasyon eklemek, kullanıcının ne yapacağını bilmesine yardımcı olur ve genel deneyimi geliştirir."
Animasyon, kullanıcılarınızın gözlerini yakalar, deneyim boyunca onlara rehberlik etmeye yardımcı olur ve kullanıcı arayüzü tasarımınıza çok ihtiyaç duyulan ekstra gücü ekleyebilir, ancak aşırıya kaçmamayı unutmayın - bir sonraki geliştiricimizin bize hatırlattığı gibi, bazen daha azı daha fazladır.
5) Basitleştirin, basitleştirin, basitleştirin.
İster çok fazla özgürlük gerektiren bir renk paleti olsun, isterse görsel dokuların korkunç bir şekilde kötüye kullanılması olsun, hiçbir kullanıcı bir görsel uyarım kakofonisi ile bombardıman edilmek istemez (skeuomorfizmin bir öğrencisi olsanız bile, yine de onu çok ileri götürebilirsiniz. gölgeler ve parlaklık).
Amrita Talwar, kullanıcıların araç paylaşımı ortakları bulmasına olanak tanıyan bir çapraz platform uygulaması olan PoolMyRide (@poolmyride) dahil olmak üzere birçok Android ve iOS uygulamasında çalışmış bir geliştiricidir. Talwar'ın deneyimine göre, bir kullanıcı arayüzü tasarımını iyiden mükemmele götürmenin anahtarı, onu basit tutmaktır:
“Bir uygulama tasarlamak, şarkı sözleri olmayan bir şarkı oluşturmaya benzer - küresel olarak anlaşılmalıdır. Uygulamayı kullanıcı dostu ve güzel hale getirmek için şu adımları izliyorum:
– Düz simgelerle malzeme tasarımı kullanmayı düşünün ve kullanıcı arayüzü tasarımınızın farklı cihazlar için ölçeklendiğinden emin olun.
– Kullanıcının yapması gereken tıklama, jest ve etkileşim sayısını en aza indirmek. Kullanıcının yapmasını istediğiniz her şey, mümkün olan en az tıklamayla yapılmalıdır.
– Kullanıcı arayüzü tasarımını temiz tutmak. Kullanıcı arayüzünüzü özelliklerle karıştırmak cazip gelebilir, ancak kullanıcının gerçekten ihtiyaç duyduğu şeylere öncelik verin. Bazen en önemli özellikleri korumak ve 'sahip olmak güzel' öğelerini dışarıda bırakmak en iyisidir, çünkü genel tasarımınızın maliyeti net bir negatiftir.”
Kolaylaştırılmış bir tasarım, kullanıcılarınız üzerinde daha az yük anlamına gelir. Kullanıcı arayüzü tasarımınız işi onlar için yapıyor olmalı - tersi değil.
6) İlham almak için konfor alanınızın dışına bakın.
Bazen, ho-hum bir tasarımın arkasındaki suçlu, sadece yeni fikirlerin eksikliğidir. Bu, özellikle aynı ajansta olmak üzere sektörde birkaç yıllık deneyime sahip olduğunuzda özellikle yaygındır. Kullanıcı arayüzü tasarımlarınızın hepsinin aynı - aynı açılış ekranı, aynı animasyonlar, benzer düğmeler, simgeler veya yazı biçimleri gibi görünmeye başladığını fark ettiniz mi?
Mevcut projenizi bırakıp, rutininizi hızlandırmak için diğer mobil uygulamalara bakmanın zamanı gelmiş olabilir. Başlamak için harika bir yer, gelecek vaat eden firmalardan yenilikçi UI tasarımları seçen ilk 10 liste olabilir. Bu uygulamaların neyi farklı yaptığına yakından bakın ve bu konseptlerden bazılarını nasıl kendinize ait hale getirebileceğinizi düşünün.
Daha da taze bir görünüm için genel olarak mobil uygulama endüstrisinin dışına bakın. Örneğin, bir video oyunu oynamak, hikaye anlatımında değerli bir ders olabilir ve sanat müzesine yapılacak bir gezi, en iyi fikirlerinizden bazılarına yol açabilir. Çocuklarınızla (veya yeğenlerinizle) biraz fazladan zaman geçirmek bile kullanıcı arayüzü tasarımı oyununuzu geliştirebilir.
Sandalyenizden hareket etmek istemiyor musunuz? Sadece diğer tasarımcıların yaratıcı bir eğlenceye girdiklerinde en iyi fikirlerini nasıl elde ettiklerini okuyun. Bazen ilham en beklenmedik yerlerden gelir.
[Orijinal olarak 28 Ağustos'ta blog.proto.io'da yayınlandı]