Tasarım hiç bu kadar önemli olmamıştı.
Şimdi hayal etmek zor, ama Apple'ın meteori dünya popülaritesine yükselmeden önce, tasarım genellikle işlevsellik için bir arka koltuk aldı. Bugün, tasarım kendi üzerine bir dünya haline geldi ve tasarımcılar ve geliştiriciler topluluğu yaratıcı pratik için tutarlı bir kurallar seti geliştirmek üzere birleşti.
Tasarımın evrimi sabittir ve öğrenme ve estetiği bir pakette bir araya getirmek için öğrenilecek ve odaklanacak her zaman yeni şeyler vardır.
Tasarım oyununun üstünde kalmak için, şunları hatırlamak için kullanıcı arayüzü tasarımının 10 önemli kuralı:
Bugün farklı cihaz türlerinin patlamasıyla, bir beden kesinlikle her şeye uymuyor .
Sen ne zaman web siteni oluştur veya uygulama olarak, tüm ekran boyutlarını göz önünde bulundurarak tasarladığınızdan emin olmanız gerekir. Bu, hem iPad hem de iPhone'larda uygun şekilde biçimlendirmek için hem düşük hem de yüksek bant genişliğine sahip İnternet bağlantılarına tam yükleme anlamına gelir.
Geçmişte, geliştiriciler temel olarak masaüstü için iyi bir kullanıcı arayüzü oluşturmaya yoğunlaşmıştır. Ancak, sadece hafızanızı yenilemek için mobil kullanım, 2014 yılında masaüstü kullanımını geride bıraktı. Şimdi, odağınızı mobil cihazlara geçirmeli misiniz? Cep telefonuna özel ilgi göstermek önemli olsa da, masaüstü kullanımının hala önemli ölçüde yüksek olduğunu dikkate almaya değer. % 42 pay ile .
Bu nedenle, anahtar oluşturmaktır uyarlamalı kullanıcı arayüzleri Bu, tüketicilere kullandıkları cihazın ekranına veya yönüne rağmen harika bir deneyim sunacak.
İnsanlar aşırı derecede meşguller ve bundan dolayı nadiren tek bir göreve dikkat ettiler. Bundan dolayı, tasarımınızın anlaşılması için basit tutmanız gerekir.
Kullanıcılarınızı tahmin etmeyin. Kelimeler, deyimler ve kavramlar açısından kolayca anlayabilecekleri dil kullanın. Özel sistem veya endüstri terimleri kullanmaktan kaçının ve kitlenin tanıdık olduğu bir dilde ısrar edin.
Kullanıcının belirli hedefleri tamamladığını düşünüyorsanız, eylemlerin bir başlangıcı, orta ve sonu olan bir sıra halinde olmasına izin verin. Bittiğinde, kullanıcının sonraki adımları öğrenmek ve eklemek için bir bildirim kullanın.
Örneğin, bir online bankacılık sistemi için bir sayfa tasarlıyorsanız, eylemleri tümünü tek bir formda tutmak yerine "Kişi Ayrıntıları", "Hesap Ayrıntıları" ve "Profil Ayarları" olarak gruplayabilirsiniz.
Hatalar sadece anormallikler ve hatalar değil, aynı zamanda büyük barikatlar İstenilen eylemi yapan ziyaretçiler .
Bir şeyler yanlış giderse veya yanlış yüklerse, çoğu ziyaretçi bir düzeltme için beklemez, sadece ayrılırlar. Dikkatli olun ve hataları en kısa sürede tespit edebileceğiniz hataları düzeltin.
Kullanıcılar hata yapmaktan hoşlanmıyor. Hata için suçlanacaklarını düşündüklerinde daha da kötü hissederler. Bu nefreti size aktarmazlar ve ileriye doğru hareket ederse, örneğin kurulduktan önce bile hesaplarını terk ederler.
Tasarlarken, bir hata olasılığını ortadan kaldırın veya çok uzaklara gitmeden önce onlar için hatayı kontrol eden bir sistem tasarlayın. Örneğin, kullanıcıların en az 8 karakter uzunluğunda ve en az bir rakam içeren bir şifre oluşturmasını istediğinizi varsayalım.
Sisteminiz, kullanıcının kısa süreli bir şifre oluşturmasına izin verecek, sadece “İleri” ye tıklandığında onları bilgilendirecek ya da şifreyi yazarken onlara bildirebilecek mi? İkincisi daha iyi bir tasarımdır.
Kullanıcı arayüzü boyunca tutarlılık, şeyleri sürekli, öngörülebilir ve beklentiler içinde yapmak için kaynar. Tahtadaki her şeyi olabildiğince homojen bir şekilde tasarlamak ve sürpriz veya beklenmedik sonuçların olmadığından emin olmak, işleri tutarlı hale getirmek için çok yol kat ediyor.
Tarafından En Az Sürpriz İlkesi : “Gerekli bir özellik yüksek bir hayret verici faktöre sahipse, bu özelliği yeniden tasarlamak gerekebilir.”
Kullanıcılar, hangi kelimelerin ne anlama geldiğini ve hangisinin aynı şeyi kastettiğini tahmin etmek zorunda mıdır? Belli bir düğmeyi tıklatma konusunda endişelenmeleri gerekiyor, çünkü ne yapacaklarından emin değiller mi? Süreç, işlevsellik, görünüm ve terminolojinin tutarlılığını sağlayın.
Neyse ki, bu konuda hiçbir kaynak sıkıntısı yok. Çoğu saygın web sitesi inşaatçılar Tekdüze ve tutarlı bir ızgara düzeni tasarımı gibi size yardımcı olacaktır.
Bugün söylendiği gibi, “Bağlam her şeydir”. Bağlam, dünyamızda yeni fikirleri eski fikirlerle, ilişkiler kurarak ve anlamla birleştirebilmemizdir.
Bu ders için en iyi öğretmen muhtemelen bir reklamverendir. Reklamverenler, reklamlarını sundukları zamana ve zamana bağlam duyarlılığı olmadan, reklamların değersiz hale geldiğini biliyor ve bu da para harcanıyor. Google AdWords’ün reklamları nasıl sunacağını nasıl belirlediğine bakın. ).
Benzer şekilde, kullanıcı arayüzlerinize bağlamsal tasarım uygulamanız gerekir. Bağlamsal Kullanıcı Arayüzü, bir web sitesinin veya uygulamanın konum tabanlı, zaman duyarlı ve durum tabanlı tasarımıdır, böylece kullanıcıya en uygun verileri sunar. Ve bu birkaç yıl öncesine kadar tasarımcılar için önemli bir sorun olmamıştır.
Gerçek zamanlı bağlantının ve internete bağımlılığın artmasıyla, başarısızlığınız veya başarınızın nedeni olabilir.
Bağlam, insan ilişkilerinin anahtarıdır ve aynı derecede önemlidir. tasarımın temel unsurları . Etkileşimli nesnelerin sezgisel olmasını bekliyoruz ve aramızda tutarlı ilişkiler kurmak için tasarım yapmalıyız. fonksiyon ve tasarım .
UI nesnelerinin boyutunu ve miktarını belirleme Beyaz boşluk birbirinin arasındaki tasarımın göründüğünden emin olmak için çok önemlidir dengeli ve öngörülebilir .
Kullanıcının dikkatini kavramanın yanı sıra, bu aynı zamanda kullanıcıların nesnelerin nerede olduğunu anlamalarına yardımcı olur.
Sürekli test Bu konuda gitmenin en iyi yolunu belirlemek, daha fazla dikkat çekmek için neyin gerekli olduğunu ve daha az dikkat dağıtıcı olması gereken şeylerin küçültülmesi gerektiğini belirlemek en iyisidir.
Geliştiriciler ve tasarımcılar genellikle her şeyi özelleştirmeyi sever.
Bu, arayüzlerden duvar kâğıtlarına ve zil seslerine kadar her şeyin kontrolüne sahip olmamızı sağlar. Ancak çoğu insan, kişiselleştirmeyle uğraşmıyor gibi görünüyor. Çoğu cihaz ve diğer tüketici elektroniği satın alındı neredeyse hiç değişmedi . İnsanlar genellikle fabrika ayarlarını değiştirmezler, çünkü onları değiştirmek, zaman ve çaba gerektirir.
Bu gerçeği bilerek, varsayılan ayarlarınızın, büyük bir kullanıcı kitlesinin kolayca anlaması ve gezinmesi için uygun olduğundan emin olmanız önemlidir. Bu, kullanıcıya “Hey, bunu özelleştirebilirsin, ama zorunda değilsin” demek istiyor.
İnsanlar genellikle, istenmedikçe herhangi bir işlem yapmayacaktır. Bu yüzden harekete geçirici mesajlar gibi taktikler yardımcı olmak için çok güçlü dönüşümleri artırma .
Daha da önemlisi, onlara “güzelce” sor. Ne anlama geliyor? Örneğin, zamanlama ve bağlamı düşünün. Kullanıcının şu anda devam etmeden bir başka hedefe başlamasını mı istersiniz? Bir pop, diğer bazı şeyleri kontrol etmelerini isteyince gözükür. Gönderinin sonuna kaydırıldıktan sonra görünmezse, yanlış yapıyorsunuz demektir.
Sadece ziyaretçinin sunduğunuz bir şeyle ilgilendiğinde işe yaradığını unutmayın. İnsanlara önemli bir değer sağladığınızı kanıtlayabilirseniz, sosyal medya sayfalarınızı veya blog'unuzu izleyerek kullanıcılara karşılığında bir şeyler yapmalarını istemekten çekinmeyin. Bu, kullanıcılarınızı bilinçli ve doğal olarak da korumayı amaçlar. web trafiğinizi artırın mesai.
Web tasarım şirketimizde, web sitesi ziyaretçilerinin bizimle nasıl iletişim kuracaklarını bilmediklerini fark ettik. Çok fazla seçenek vardı. İnsanlar çoğu zaman bunalmış olurlar ve iletişim sürecini nasıl başlatacaklarını bilmiyorlardı.
İkinci olarak kendilerini tahmin ederlerdi ve sonuç olarak daha az iletişim dönüşümünü aldık. İstenen eylemlerimizi daha açık hale getirerek, kullanıcıları istediğimiz eylemlere görsel olarak gösterdik.
Yine, kullanıcılarınızı tahmin etmeyin. Onları tam olarak ne istediklerini bilmelerini sağlayın ve eylemi tamamladıklarında bunları bilgilendirin.
Karanlık bir odaya girip bir ışık anahtarını hareket ettirdiğinizde ışığın yanmasını beklersiniz. Düğmeyi hareket ettirdiğinizde hiçbir şey olmuyorsa, bir şeyler ters gittiğini varsayabilirsiniz. Bu, tasarım söz konusu olduğunda eşit derecede doğrudur.
Kimse eylemleri hakkında belirsiz olmayı sevmez, bu nedenle ziyaretçilere eylemlerinin başarılı olduğunu ve kabul edildiğini göstermek için araç ipucu mesajlarının ve bildirimlerinin nezaketinde olmalıdır. Geribildirim kadar basit olabilir web anketi yürütmek veya bir form gönderildiğinde "Tam" bildirimi ekleyerek, ancak bir blog başlatmak veya uygulama
Bu da ziyaretçilerinizin kendilerini tahmin etmeden ikinci kez bırakma gereğini vurguluyor. Sistem, ilgili, önem ve aciliyete uygun, kapsamlı ve mantıklı ve bağlamsal olan geri bildirimler sunabilmelidir.
Tasarım sanatı sürekli değişiyor ve biz de UI tasarımında fonksiyon ve formları birleştirmenin yeni yollarını bulmaya devam edeceğiz. Minimalizm ve duyarlı tasarım gibi şeylerden geçtik, yeni teknolojiler ön plana çıktıkça değişiyor ve dönüşüyoruz.
Bu on UI kuralları göz önünde bulundurulduğunda, bazı kuralların bozulduğunu unutmayın.
Test etme ve deneme, yeni güvenilir teknikleri nasıl öğrendiğimizdir, ancak bu kuralların birçoğuna vakfımız olarak güvenebiliriz.