Tasarımınızı Basitleştirmenin 10 Yolu
Web sitesi tasarımı söz konusu olduğunda basitliğin genellikle daha iyi olduğu bir sır değildir. Anlaması kolay ve kullanımı kadar basit bir arayüz, ziyaretçileri sitenize daha sonra geri dönecek olan etkin kullanıcılara dönüştürme olasılığı daha yüksektir.
Ancak web sitenizi nasıl basitleştiriyorsunuz? Sıfırdan yeni bir şey inşa etmiyor olsanız bile, püf noktası hedefler belirlemektir ve ardından kullanıcılar için onlara ulaşma yoluna bakmaktır. Bu yoldan kaçan her şey ortadan kaldırılmalıdır. Bir kullanıcının ne yapması gerektiğini anlayan her şey tasarımdan kaldırılmalıdır.
Bugün bakacağımız şey bu - web sitesi tasarımınızı basitleştirmek için kullanabileceğiniz birkaç püf noktası. Ve bu fikirler mevcut siteler ve yeni yapılar için işe yarar. (Bu makalede yıldız sade tasarım örnekleri yer almaktadır, daha fazla ilham almak için her siteyi ziyaret edin.)
1. Harekete Geçirici Mesajlara Odaklanma
Web sitenizin, her kullanıcının bir şey yapması için bir nihai hedefi olmalıdır. Bu amaç tasarıma giren herkes için açık olmalıdır.
Harekete geçirici mesajların net, görülebilecek kadar büyük ve yeterince yerde olması gerekir, böylece kullanıcılar bu tuş tıklamasını asla yapmaktan asla uzaklaşamazlar.
2. Sayfa Sayısını Kolaylaştırın
Tasarımınız sayfalar ve bilgi sayfaları ile dolu mu? Olması gerekiyor mu?
İçeriği yönetilebilir parçalar haline getirin, ancak tıklanacak çok fazla sayfası olan kullanıcıları bunaltmayın. Okuma ve akış kolaylığı için ilgili tüm içeriği bir arada tutun.
Eski, eski bilgiler içeren veya yalnızca bir üçüncü taraf widget veya harita içeren sayfaları eleyin. (Bu öğeler genellikle başka bir yere dahil edilebilir.)
3. Renk Paletine Yapıştırma
Çeşitli renkler eğlenceli ve ilgi çekici olsa da, aynı zamanda bunaltıcıdır. Rengi kontrol altında tutmanıza yardımcı olmak için yalnızca iki veya üç seçenek içeren bir renk paletine sadık kalın.
Çok basit gitmek istiyorsanız, tek bir rengin sadece birkaç tonu ve tonu olan monoton bir renk paletini düşünün. Bu kadar basit bir şeyin ne kadar güzel olabileceği şaşırtıcı ve kullanıcılar için de kolay. Daha az renk daha az zihinsel aşırı yüklenmeye neden olur ve daha uyumlu ve düzenli bir görünüm oluşturmaya yardımcı olur. (Telaşlı hayatı olan herkesin takdir edebileceği bir şey.)
4. Standart Navigasyon'u seçin
Gizli veya alternatif gezinme stilleri havalı gibi görünse de, bu popüler seçenekler beklediğiniz kadar kullanıcı dostu değildir. "Normal" kullanıcı modellerinden herhangi bir sapma biraz sarsıcı olabilir ve kullanıcıların siteyi dolaşmak konusunda çok zor düşünmelerini sağlayabilir. Web sitenizin kullanımı kolay olması için standart kalıpları tercih edin.
Bunu akılda tutarak, standart oldukça yalın. Üç ila sekiz menü seçeneğine sahip üst veya açılır gezinme öğeleri normdur. Ve bir zamanlar popüler olan mega tarzı navigasyon menülerini unutun. Büyük bir e-ticaret perakendecisi değilseniz, tasarımdaki her sayfanın navigasyonda yer almasının bir nedeni yoktur. (Ve bu mega seçeneklerin çoğu mobil cihazlarda hiç çalışmıyor.)
5. 80-20 Kuralını düşünün
80-20 kuralı, bir tasarımda değişiklik yapmayı düşünürken başlamak için iyi bir yerdir. Kuralı düşünmenin ve uygulamanın iki yolu vardır.
- Web sitenizdeki öğelerin yüzde 20'sinin istenen kullanıcı işlemlerinin yüzde 80'ine neden olacağını unutmayın; bu, birkaç harekete geçirici mesaj, düğme veya diğer kullanıcı arabirimi öğelerinin kullanıcı etkileşiminin önemli bir bölümünü oluşturacağı anlamına gelir. Bu tamamen normal.
- Bunu göz önünde bulundurarak, değişiklik yaparken bir tasarımı güncellerken veya yeniden düşünürken değişikliklerin yüzde 80'ini yapmak için içeriğin en üst yüzde 20'sine odaklanın. Düşünmek isteyebileceğiniz yüzde 20'lik öğeler, en fazla tıklamayı oluşturan öğeleri içerir - CTA'lar, trafik hunileri ve resimler. Beyaz boşluk bir diğer önemli faktördür.
80-20 kuralı tanıdık geliyorsa, buna Pareto prensibi veya hayati azınlığın yasası da denir. Ekonomist Vilfredo Pareto tarafından geliştirildi, ancak tüm disiplinlerde uygulamaları var.
6. Amaç ile UI Öğelerini Kullanın
Simgeler, görüntüler ve tasarımdaki diğer tüm kullanıcı arabirimi öğeleri bir nedenden dolayı orada olmalıdır. (Bir Facebook simgesine tıklamanın ve markanın sayfasına bağlanmamanın ne kadar can sıkıcı olduğunu düşünün.)
Sadece sahip olduğunuz için kullanıcıları harika divots ile boğmayın. Elemanları sadece genel tasarımda gerçek bir kullanım ve amaca hizmet ettiklerinde planlayın ve kullanın.
7. Tipografi ile Dikkat Edin
Tipografiyi iyi kullanma modeli aynı renk kullanmak gibidir: daha azı daha fazladır.
Okunması en kolay olan yazı biçimleri standart şekillere, düzgün kontur genişliklerine ve bol miktarda süslemeye sahip değildir. Katı tip bir aile, seçeneklerle birlikte gelir, böylece belirli yazılara vurgu eklemeniz gerekirse ek yazı karakterleri aramanıza gerek kalmaz. Harflerin okunabilir olması ve arka planınızla kontrast oluşturması için yeterli yığın içermesi gerekir.
Ve sadece iki yazı tipi ile başlayın. Biri web sitesindeki ana metin için, diğeri de ekran kullanımı için. Bu kadar. Tek ihtiyacınız olan bu.
8. Metin Boyutunu Arttırın
Ve tipografiyi düşünürken, yazı boyutunu büyütün. Ekranlar gittikçe büyüyor, tuval üzerinde daha fazla metin sıkıştırmak yerine mesajınızı görmelerini kolaylaştırıyor.
Mobil cihazlar söz konusu olduğunda bu durum sezgisel gibi görünse de, aynısı geçerlidir. Daha büyük yazıların okunması daha kolay olabilir. Her şeyin parşömen üstünde olması gereken eski atasözü unutun. Anahtar kelimeler kullanıcıları kaydırmaya ikna etse de, her şeyin ilk ekranda olması gerekmez. Kullanıcılar, özellikle telefonlarındaki web sitelerine bakarken, devam etmeyi anlar ve kaydırmaya alışırlar.
9. Zahmetsiz Kopya Oluştur
Tipografi, tasarımınızın ne kadar basit veya karmaşık göründüğünü belirlemede büyük bir fark yaratabilirken, gerçek kelimeler de aynı derecede önemlidir. Her kelime görsellerinizle aynı anlamı taşımalıdır, böylece belirgin bir uyum vardır.
Kopyayı düzenleyin. Sonra tekrar düzenleyin.
Web siteleri, okunabilir bir iletişim biçimi anlamına gelen bir ortamdır. Ziyaretçilerle yaptığınız sohbetin temiz, kısa ve okunaklı bir kopyayla beklediğinizden emin olun. Tasarımda akan ve kullanıcılara hitap eden sözcükleri ve dili kullanan bir ton oluşturun.
Ardından bir kez daha düzenleyin ve gereksiz olan her metin parçasını çıkarın.
10. Bir Kuralı Kırın, Ama Sadece Bir Kuralı
Kurallar çiğnenmek içindir. Ama sadece bir kuralı çiğneyin.
Farklı bir şey yapmak istiyorsanız, tasarımı çok farklı veya olağandışı unsurlarla çamurlamayın. Daha karmaşık veya olağandışı bir şeye odaklanarak, kullanıcıları ezmeden ilgi çekebilirsiniz.
Kulağa oldukça basit geliyor, değil mi? (Çok fazla şey yapmanın ortak tuzaklarından birine yakalanmayın.)
Sonuç
Çok karmaşık veya “çok tasarlanmış” bir web sitesi tasarımı, kullanıcılarla iletişim kurmak istediğiniz şeylerin önüne geçebilir. Dönüşüm hedeflerinizi ve kullanıcıların tasarımla ne yapmasını istediğinizi unutmayın. Bir form doldurmak, bir uygulama indirmek veya doldurulmuş bir tavşan satın almak olsun, her tasarım öğesi bu hedefe ulaşmayı vurgulamalıdır.
Bu yolun önünde duran tüm tasarım öğelerini çıkarın. Kullanıcılar temiz, basit ve kullanımı kolay tasarımları sever. Bu, özellikle dağınıklığın nanosaniye içinde kullanıcı deneyimini bozabileceği telefonlar gibi daha küçük cihazlarda geçerlidir.
