Asla İşlememeniz Gereken 7 Ölümcül Mobil Uygulama Kullanıcı Arayüzü Tasarım Günahı

Yayınlanan: 2015-09-09

Kurallar çiğnenmek için mi konmuştur? Bu gerçekten kurala bağlı. Mobil uygulama UI tasarımı dünyasında, estetik, jestler ve animasyonlar söz konusu olduğunda biraz kıpırdama payı vardır. Sade, işlevsel bir uygulamanın gösterişli bir uygulamadan daha anlamlı olduğu veya tam tersi durumlar olabilir.

günah1

Ama çiğnemediğiniz bazı temel kurallar var. Mobil uygulama kullanıcı arayüzü tasarımınız, kullanıcının önemli özelliklere erişmesini imkansız hale getiriyorsa, bu bir zorunluluktur. Metniniz çok küçükse, kimse okuyamıyorsa, çizim tahtasına geri dönmeniz gerekir. Hafif bir arka plan üzerinde beyaz metin? Tekrar deneyin.

Başarılı tasarımcıların mobil uygulama UI tasarımının yedi ölümcül günahı olarak gördüklerini bilmek istedik. Üç uzmana sorduk ve üç ayrı liste oluşturduk - ama her birinde benzerlikleri bulabilecek misiniz bir bakın.

7 Ölümcül Mobil Uygulama Kullanıcı Arayüzü Tasarım Günahı — ÄKTA'ya Göre

Alyssa Burke ve Macy Nguyen, bir dijital deneyim ve katılım danışmanlığı olan ÄKTA (@akta)'da Kullanıcı Arayüzü ve Görsel Etkileşim Tasarımcılarıdır. Her ikisi de Fortune 500 şirketleri ve hızlı büyüyen startuplar için yerel mobil tasarım projelerinde çalışarak, UI tasarım pirzolalarını ajansın en iyi projelerinden bazılarına katkıda bulundu. İşte mobil uygulama kullanıcı arayüzü tasarımının affedilmez günahları olarak düşündükleri şeyler:

Bağlamı yoksayma

Hedef kullanıcıların kişisel profilleri (yaş, yaşam tarzı, teknoloji bilgisi vb.) ve fiziksel ortamları (iç mekana karşı dış mekan, çevrimdışına karşı çevrimiçi, sabaha karşı akşam vb.) birçok tasarım kararını etkileyecektir. Mobil uygulama UI tasarımcıları, düşük kullanılabilirlik riskini azaltmak için yinelemeli sürece bağlamsal akıl yürütmeyi olabildiğince hesaba katmalıdır. Pürüzsüz geçişler, kaygan düğmeler ve güzel yazı tiplerinde bile, genel kullanıcı arayüzü tasarımı belirli kullanım durumlarıyla (çoğunlukla dış mekanlarda kullanılan uygulamalar için karanlık ekranlar: kötü kullanıcı arayüzü tasarımı hareketi) örtüşmediği için bazı uygulamalar işareti kaçırıyor.

Bir kutuda tasarlama

Dijital ürünler tasarlamak ve oluşturmak bir ekip (ve topluluk) çabasıdır. Çeşitli ekip arkadaşlarına ve hatta belirli projeye aşina olmayan kişilere (teknisyenler, acemiler, meraklılar, fanatikler, arkadaşlar, yabancılar, kardeşler ve yenilikçiler) tüm proje süresi boyunca erken ve sıklıkla tasarım çalışmasını göstermek çok önemlidir. Onlara ihtiyaç duydukları bağlamı verin, ancak hemen aşırı savunmacı olmayın. Sorunları lansmandan sonra düzeltmektense, sürecin başında değişikliklere yer açın.

Snubbing geliştiriciler

Geliştiriciler ve mühendisler takım arkadaşlarınız (ve ara sıra içki içen arkadaşlarınız) olmanın ötesinde, yalnızca gerçek dünyada neyin işe yaradığını bilmekle kalmayıp, aynı zamanda fikirlerinizin hayal ettiğiniz gibi yürütülmesini sağlamada şampiyonunuz olabilecek teknoloji sihirbazlarıdır. Teknik olarak yapılması imkansız olan bazı mobil uygulama UI tasarımları var. Ayrıca mümkün olan, ancak proje için planlananların dışında çok çaba ve/veya zaman alacak şeyler de var. Sormadan asla bilemezsin. Günün sonunda, geliştiriciler tasarımlarınızı oluşturacaktır. Sizi destekleyebilir veya sizden nefret edebilirler.

Hareket tasarımının yetersiz kullanılması

Nesnelerin İnterneti'nin yavaş yavaş devralması ve dijital arayüzlerin insanların çevrelerindeki dünyayla nasıl etkileşime girdiğinde daha büyük bir rol oynamasıyla, UI tasarımının bu yönünün tasarımcılar tarafından daha ciddiye alınması gerekiyor. İnsanlar, doğaları gereği, çevrelerindeki nesnelerin nasıl hareket ettiğine farklı anlamlar verir ve farklı tepkiler verir. Doğru UI hareketlerini kullanmak, önceliği ve aciliyeti belirtmenin çok etkili bir yoludur. Bazı durumlarda, uygun şekilde kullanıldığında zevk de uyandırabilir. Ek bir bonus olarak, Disney'in On İki Temel Animasyon Prensibi'ne göz atın.

Küçük tip kullanma

İnsanlar ekranlardaki içeriği kağıda göre daha yavaş, daha az doğru ve daha az kapsamlı okuyor. Temel kural olarak, dijital arabirimler için tür boyutu, yazdırma için işe yarayacak boyutun en az iki katı olmalıdır. Farklı yazı tipleri ve yazı ayarları, özellikle kullanıcılar mobil cihazlarında birden çok görevi gerçekleştirmeye çalışırken farklı sonuçlar verir. Küçük yazı boyutlarından kaçınmanın yanı sıra, düğme şekilleri, resimler ve etkileşimler gibi diğer UI öğelerinin istenen genel UX'i nasıl etkilediğini belirleyin.

Dokunma hedeflerini dikkate almamak

Birçok mobil uygulama UI tasarımcısı, kullanıcıların parmaklarının boyutlarının farklı olduğu basit gerçeğini hala gözden kaçırıyor. Aksiyon veya görev odaklı hafifçe vurma hedefleri söz konusu olduğunda, bunları mümkün olduğunca basit ve büyük tutun. Yaşlılar için tasarım yaparken “gergin hareketleri” ve benzer şekilde çocuklar için tasarım yaparken de hatalı vuruşları göz önünde bulundurun. Bir varlığı dilimlerken, yükleme süresini çok fazla düşürmemesi için, musluk boyutunu doğal olarak artırmak için bir varlığın etrafındaki bazı alanları boş bırakabilirsiniz.

Bir platform sadık olmak

Hem Android hem de iOS için tek bir tasarıma sahip olmak sınırlayıcıdır ve genel UX hedefleriniz üzerinde olumsuz etkileri olabilir. Her iki platform da, ilgili kullanıcılarının aşina olduğu farklı tasarım modellerine sahiptir. UI tasarımcıları yalnızca bunlara aşina olmakla kalmamalı, aynı zamanda her iki platformda da bulunan yaygın olarak kullanılan uygulamaları keşfetmelidir.

günah2

7 Ölümcül Mobil Uygulama Kullanıcı Arayüzü Tasarım Günahı — Moblico Solutions'a Göre

Hedefi markaların "daha etkili mobil anlar yaratmasına" yardımcı olmak olan bir mobil ilişki yönetimi çözümleri firması olan Moblico Solutions'da (@moblico) birkaç ekip üyesiyle konuştuk. Farklı sektörlerdeki müşterilere uygulamalarının daha iyi bir deneyim sunmasını nasıl sağlayacakları konusunda tavsiyelerde bulunduktan sonra, mobil uygulama UI tasarımında nelerin işe yarayıp nelerin yaramadığını biliyorlar. İşte mobil uygulama UI tasarımının 7 ölümcül günahı:

Sizin için tavsiye edilen:

Anti-Profiteing Hükmü Hintli Startuplar İçin Ne Anlama Geliyor?

Anti-Profiteing Hükmü Hintli Startuplar İçin Ne Anlama Geliyor?

Edtech Startup'ları Beceri Kazanmaya ve İş Gücünü Geleceğe Hazır Hale Getirmeye Nasıl Yardımcı Oluyor?

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

Hintli Startup'lar Finansman İçin Kısayollar Kullanıyor

Dijital pazarlama girişimi Logicserve Digital'in alternatif varlık yönetimi şirketi Florintree Advisors'tan 80 INR Cr fon sağladığı bildirildi.

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

Rapor, Lendingtech Alanına İlişkin Yenilenen Düzenleyici İncelemeye Karşı Uyarıyor

Algılanan değere göre bir cihazda çok yer kaplamak

Korkunç "alan tükeniyor" açılır penceresini aldığınızda, hemen uygulamalarınıza gider ve silmeye başlarsınız. Bir uygulama büyükse, çok yer kaplıyor ve yeterli değer sağlamıyor mu? Hasta la manzara. Doğrama bloğundan uzak durmak için uygulamaları küçük tutmak daha iyidir.

Uygulama açılır açılmaz izin isteme (push, konum, kamera vb.)

Bir uygulamayı ne sıklıkla indirirsiniz ve onu açıp kullanmaya başlamak için çok heyecanlısınız, ancak anında bir kutu ile karşılanıyorsunuz? Kutunun ne dediğini bilmiyorum, hemen kapattım ve devam ettim. Neydi, merak ettim? Oh iyi. Yeni uygulama!

Giriş, kayıt veya daha kötüsü - satın alma - indirdikten sonra ve uygulama kullanılmadan önce gerekli

Aslında, belki de bu bir numara olmalı - bu zor bir çağrı. Bir kullanıcıya yapabileceğiniz en kötü şeylerden biri, uygulamanızı indirmelerine izin vermek ve ardından gerçekten kullanmak için bir tür ücretli plana sahip olmaları gerektiğini söylemektir. Kötü, kötü, kötü. Silindi.

Tıpkı çevrimiçi web sitesine benzeyen bir mobil uygulama UI tasarımı oluşturma

Bu, bir mobil uygulamaya sahip olmanın amacını bozmuyor mu? Bir mobil geliştiriciyi yakan bir şey varsa, o da çevrimiçi deneyimi "küçültmesi" ve buna bir uygulama adını vermesidir. Mobil uygulamalar belirli bir yardımcı programa sahiptir veya sahip olmalıdır ve bir web sitesini küçültmek, kullanıcının beklediği amaçlara nadiren hizmet eder.

Kötü yerleştirilmiş reklamlar veya sizi küçük bir "x" ile tıklamanız için kandıran reklamlar.

Bir mobil siteyi aşağı kaydırmak ve parmağınız bir görüntü üzerinde çok uzun süre kalmak ve bir tarayıcı reklamına gitmek ne kadar can sıkıcı? Ve o küçük "x" hakkında - buna kim vurabilir? Bir kumar haline gelir. Küçücük "x" işaretine şişman parmakla vurma ve reklamı tıklama riskiyle mi vurmaya çalışıyorum? Ah! Seçimler!

Push bildirimleriyle beni aşırı yükleme

Evet, artık bir uygulamanız var ve milyonlarca kişinin ana ekranındasınız. Bu çok fazla güç. Ancak zorlamadan önce düşünün ve her zaman kendinize sorun: konuyla ilgili mi? Bu kullanıcı bu bildirimi isteyecek mi? Elbette, mobil mağazanıza her yeni tişört gönderdiğinizde bildirimde bulunabilirsiniz, ancak yapmalı mısınız? Büyük güç büyük sorumluluk getirir.

Mobil hesaplara erişmek için tek oturum açma (TOA) eksikliği

En iyi kullanıcı deneyimleri, uygulama geliştiricilerin insanların deneyim için çalışmak istemediğini varsaydığı zaman gerçekleşir. Hiç kimse gerçekten uygulamanız için yeni bir giriş oluşturmak istemez. TOA artık bizim gerçekliğimiz ve bunu benimsememiz gerekiyor. Facebook kazandı. Hadi devam edelim.

günah3

7 Ölümcül Mobil Uygulama Kullanıcı Arayüzü Tasarım Günahı — Ideaware Co.'ya Göre

Andres Max (@andresmax), yeni başlayanlara ve Fortune 500 şirketlerine ilgi çekici uygulamalar oluşturmada yardımcı olan bir dijital kreatif ajans olan Ideaware Co.'nun (@ideawareco) kurucusudur. Ideaware'i kurmadan önce Max, Mashable'da lider bir UX Tasarımcısıydı. Birkaç endüstri lideri için tasarım yapmış olan Max, mobil uygulama kullanıcı arayüzü tasarımının yedi ölümcül günahı olarak gördüğü şeyler hakkında güçlü hislere sahip:

Kullanıcı bir şeye dokunduğunda kullanıcı geri bildirimi yok

Tanrı aşkına, uygulamanızda bir şey yaptıklarında kullanıcıya geri bildirimde bulunun - yoksa kullanıcı uygulamanın askıda kaldığını düşünecek ve uygulamayı bırakacaktır.

Ebedi katılımlar

Telefonumdaysam, muhtemelen uygulamanızda yaptığım her şeyi hızlı bir şekilde yapmak isterim. Bana yüzlerce soru sormayın veya binlerce alanı doldurmamı istemeyin.

Temas noktalarının yanlış boyutta yapılması

Lütfen düğmeleri veya alanları minimum boyutta yapmayı bırakın. Web değil - parmaklarımın tam olarak bir piksele değil, "yeterince yakın" bir eyleme dokunabilmesi gerekiyor.

Garip gezinme kalıplarıyla tanışın

İnsanların uygulamanızı hızlı bir şekilde almasını mı istiyorsunuz? Ardından, bir mobil uygulamada nasıl gezinilmesi gerektiğine dair kendi sürümünüzü tanıtmayın. Apple'ın İnsan Arayüzü Yönergeleri ve Android'in Tasarım Kılavuzu. bir neden için oradalar. Sürtünme yaratmayın ve potansiyel yeni kullanıcınıza uygulamanızı kaldırması için başka bir neden vermeyin.

Kötü renk şemaları

Dikkatli ol asker. Siyah üstü sarı metninizle “öne çıkmanıza” gerek yok.

Beyaz boşluk

Uygulamalar çok fazla boşluk gerektirir, nokta. Öğelerin aralıklı olması, düğmelerin büyük olması ve hepsinin nefes alması gerekir. Bir mobil cihazda katlama yoktur, her şeyi tek bir ekrana sıkıştırmayı bırakın.

Bildirim cehennemi itin

Tanrı aşkına, kullanıcılarınıza günde 20 push bildirimi göndermeyin. Birkaç saniye sonra, uygulamanız “beni kaldır” diye bağırıyor olacak.

günah4

7 Ölümcül Mobil Uygulama Arayüzü Tasarım Günahınız Nasıl Görünür?

Her tasarımcının listesi biraz farklı görünse de, kesinlikle göze çarpan bazı ortak noktalar vardı. Gerçekten gerekli olmadıkça anında iletme bildirimlerinden kaçınmak ve gezinmeyi sezgisel hale getirerek ve öğeleri doğru bir şekilde boyutlandırarak mobil uygulama UI tasarımınızın gerçekten kullanılabilir olduğundan emin olmak iki önemli noktadır.

[İlk olarak 17 Ağustos'ta blog.proto.io'da yayınlandı]