Web Tasarımınızı Basitleştirmenin 5 Püf Noktası

Sadelik kuralları! Bir web sitesinin şık görünmesini sağlar, anlaşmazlık karmaşasını azaltır ve istenen hedeflere ve sonuçlara ulaşmaya yardımcı olur (yani, daha fazla kayıt, abone ve satış). Ancak, web sitenizin tasarımını basitleştirmek çok sık zor. Ne kadar uğraşırsan çalış, çalışmalarını Apple'ınki gibi yapamazsın. Peki, bir web sitesi tasarımcısı gerçekten ne yapmak gerekiyor?? Korkma, çünkü bunlar var. Web sitesi tasarımınızı basitleştirmek için 5 başlangıç ​​noktası.

Basit bir web sitesi tasarımı, göz korkutucu bir şey ya da hiç bir sıkıntı olmamalı - tasarımınızı küçük adımlarla basitleştirebilirsiniz. Odağı yalnızca web sitenizin temel öğelerine koymak, gereksiz şeylerden kurtulmak, sitenizin sahip olduğu sayfa sayısını azaltmak, ekranın üst kısmından daha fazla içerik almak ve kullandığınız renk sayısını sınırlamak gibi basit görevler. Basit tasarımınıza her zaman ince ayar yapabilir ve geliştirebilirsiniz, ancak önemli olan burada başlamaktır..

Web sitesi tasarımınızı basitleştirmeye başlamak için hazır mısınız? Muhteşem. Daha fazla uzatmadan, işte Web sitesi tasarımınızı basitleştirmek için 5 başlangıç ​​noktası.

1. Sadece Temel Elemanlara Odaklanın

Bu ilk adım muhtemelen alnına tokatlayan belirgin görünüyor: arasında kursSitemdeki temel unsurlara odaklanmalıyım, ben neyim, aptal? Ancak, şaşırtıcı sayıda web sitesi bunu başaramaz ve sonuç, bir sayfaya yayılan önemli ve önemsiz unsurların büyük bir karışıklığıdır. Bunu geçmişte herkes kadar yapmaktan suçluyum. Nesnel olmak ve neyin önemli olup olmadığına öncelik vermek zor, çünkü her şey gerekli görünüyor. Web sitenizin tasarımının daha basit olmasını istiyorsanız, ne olduğunu belirleyin. odaklanmalı, Sadece iyi bir görsel tasarım veya sanat eseri gibi. Bu, odağı sadece temel unsurlara koymak anlamına gelir.

80-20 kuralını kullanın

Sayfadakilerin yüzde 20'si, insanların oraya gittiği değerin ve içeriğin yüzde 80'ini veriyor? Örneğin, kopya, bazı sosyal kanıtlar (snippet'leri, referansları, medya rozetlerini gözden geçirin) ve bir kayıt formu veya harekete geçirme ifadesi düğmesi olabilir. İşte% 20 bu. Web sitenizde ve her sayfada, bu kullanışlılığın% 80'ini sağlayan site öğelerinin yalnızca% 20'sini görüntülemeye odaklanın.

Bu teknik bir adım değil, web sitenizin tasarımını sürekli olarak basitleştirmek için rehberiniz olarak kullanabileceğiniz bir ilkedir. 80-20 kuralı, site öğelerinizi temel gereksinimlere göre aşağıya doğru iterek web sitenizin tasarımını basitleştirmenize yardımcı olacaktır. Asıl sorun, 80-20 kuralının, web sitenizde elde etmeyi umduğunuz arzu ettiğiniz sonuçları artırmanıza yardımcı olabileceğidir. Örneğin, abone olan, kaydolan ya da satın alan ziyaretçilerde dönüşüm oranındaki artış arttı. Nasıl? Sen başaracaksın, daha az dikkat dağıtmak için. ve ziyaretçilerin sayfadan ayrılmak için tıkladıkları şeyler.

Hepimizin bildiği gibi, son adımda bir şey satın almamak için her zaman bir bahane arıyoruz ve uzaklaşmak için herhangi bir sebep iyi bir şey. 80-20 kuralıyla bu nedenleri ve tıklama seçeneklerini azaltın.

Popüler Thesis WordPress tema çerçevesinin yaratıcısı Chris Pearson, web sitesinde satışların artmasına yardımcı olan şeyin tam olarak bu olduğunu söylüyor.

2. Tüm Gereksiz Unsurlardan Kurtulun

Burada 80-20 kuralına devam ediyoruz.

Artık istediğiniz sonuçların% 80'ini alacağınız web sitesi öğelerinin% 20'sini belirlediğinize göre, şimdi tüm gereksiz unsurlardan kurtulun. Diğer bir deyişle, web sitelerinin% 80'i sizi sonuçların sadece% 20'sini alacak. Widget'ları, kenar çubuğu öğelerini, blog yazısı meta ayrıntılarını (tarih, saat, yazar, yorum sayısı vb.) Veya altbilgideki bağlantıları sosyal medya paylaşan sosyal medya olabilir (bu özellikle de çoğu zaman çok büyük bir suçludur). ziyaretçi, söz konusu sayfadan ayrılmak için söz konusu bahaneyi arıyor..

3. Sayfa Sayısını Azaltın

Web sitesi tasarımınızı basitleştirmenin büyük bir kısmı, keşfedilecek ve tıklanacak daha az sayıda yere sahip olmaktır. Bunu yapabilirsin sayfa sayısının kırpılması. Gerek duyulmadığını bildiğiniz gereksiz sayfalardan kurtulun ya da en azından birden fazla sayfayı bir araya getirin. Demek istemiyorsun Gerçekten mi "site hakkında" ve "hakkımda" sayfalarını ayırmanız gerekir.

Öncelikle, ziyaretçinin zihniyetine girin - eğer web sitenize gelirseniz, ne yapmak istersiniz önemli şeyler nelerdir? Örneğin Eşyalarının ne hakkında olduğunu bul? Veya seninle iletişime geçmek? Sonraki, sayfalarınızın neyin gerekli olduğunu ve daha fazlasını gerektirmediğinden emin olun. Gereksiz olduğunu düşündüğünüz veya başka web sitelerinin olması nedeniyle gereksiz sayfaları web sitenizde tutmayın. Web sitenizdeki sayfa sayısını azalttığınızda, yalnızca ziyaretçilerinizin içeriğinize odaklanması daha kolay olmaz, çünkü etrafta tıklamak için daha az yer vardır, ancak gezinme menünüz de daha basittir.

Hepimiz çok fazla nav menü maddesi olan web sitelerinde bulunduk. Nereye gitmeye başlayacağımızı bilmiyoruz, çünkü seçimler karşısında bunaldım. Ve çok fazla seçenekle sunarak şaşırdığımızda, hiçbir şey seçmeyiz. Mümkün olduğunca az sayıda gezinme menüsü öğelerine sahip olarak, web sitenizi yalnızca daha basit hale getirmekle kalmaz.

4. Katlamanın Üzerinde Daha Fazla İçerik Alın

Araştırmalar, insanların çoğunun zamanının çoğunu web sayfalarındaki katlamanın üstünde harcadığını göstermiştir (aşağı kaydırmadan ekranda beliren). Dolayısıyla, web sitenizin etkinliğini artırmak istiyorsanız, ana içeriğe ve harekete geçirme ifadesine sahip unsurları ekranın üst kısmına yerleştirin. Web sitenizin tepesinde bir logo ve navigasyon menünüz varsa, başlık yüksekliğini kısaltmak kadar basit bir şey yapabilirsiniz..

Bu, stil sayfanızdaki başlığın "yükseklik" değerini değiştirmekten başka bir şey içermez (genellikle style.css veya stylesheet.css). Ayrıca, bir kayıt formunun veya düğmenin katlamanın altında olup olmadığına bakın. Bu öğeyi sayfa içinde yukarı kaldırın, böylece ziyaretçinin ilk gördüğü şey budur. Sonuçta, bu olduğu ziyaretçiden istediğiniz harekete geçirme ifadesi, öyleyse almak için gereken işi azaltın (örn. kaydırma).

5. Renk Şemanızı Sınırlandırın

Renklerle taşınması kolaydır. 12 veya 13 olduğunda neden 2 veya 3 renge yerleştiniz? Ancak web sitenizin tasarımını görsel olarak basitleştirmek için renk düzeninizi sınırlamanız gerekir.. Şüphe durumunda, daha az renk kullanın. Elbette tasarımınıza bağlı olarak değişecektir, ancak başlamak için 2 veya 3 renkten daha fazla yapışmayı deneyin. Görsel tasarımınız için daha fazla incelik ve dokuya ihtiyacınız varsa, aynı rengin tonlarını kullanın - arka plan için açık mavi ve başlık ve menü öğeleri için daha koyu mavi.

Geçmişte renklerle vahşileşen herkes kadar suçluyum. Bu rengi, sonra bir başkasını ve bir başkasını ekleyeceğim - ve bilmeden önce, web sitemin her yerinde bir gökkuşağı ishaline benziyor. Web sitenizi yapıcı bir şekilde basitleştirebilirsiniz, ancak içeriğe iltifat etmek yerine renkler baktığınızda gözler dikkatinizi dağıtırsa, tüm bu çabalar boşa çıkmıştı. Bu nedenle, web sitenizin tasarımında daha az renk kullanın.

Başlamak için bir renk seçme konusunda sorun yaşıyorsanız? Önce sonra dergisi burada mükemmel rengin nasıl bulunacağına dair faydalı bir ücretsiz e-kitabı var.. Bir renk şeması seçmek için yardıma mı ihtiyacınız var? Bu kullanışlı renk şeması oluşturucuyu deneyin.

En son ama en kötü değil

Umarım artık silahlısınız ve web sitesi tasarımınızı basitleştirmeye başlamak için hazırsınız. Web sitenizi göstermekten daha çok gurur duyacaksınız çünkü tanrım seksi görünüyor ve son olarak, ziyaretçileriniz web sitenizi gezerken çok daha keyifli bir deneyime sahip olacak..

Özetlemek için, web sitenizin tasarımını basitleştiren 5 başlangıç ​​noktası:

1. Odağı yalnızca temel unsurlara yerleştirin
2. Gereksiz tüm elementlerden kurtulun
3. Sayfa sayısını azaltın
4. Kapak üzerinde daha fazla içerik edinin
5. Renk paletinizi sınırlandırın

İlgili Makaleler

• 11 yaygın web tasarım hatası. Karmaşık formlardan kaçınmak, organize olmayan içerik, kötü okunabilirlik ve kolay bulunmayan bir arama çubuğu gibi şeyler - tümü, web sitesi tasarımınızı basitleştirmenize ve ziyaretçiler için sevinç ve sizin için daha yüksek bir dönüşüm oranı sağlamanıza yardımcı olacaktır..
• Temiz, basit ve minimalist web sitesi tasarımları. Bu web sitesi örneklerinin tümü, basit bir tasarımın sadece hoş görünmekle ve karşı cinsin üyelerini etkilemekle kalmayıp, kullanıcı deneyimine de büyük ölçüde yardımcı olduğunu kanıtlamaktadır.

Size göre: En sevdiğiniz web sitesi tasarımı basitleştirici ipuçları nelerdir? Tasarımınızı basitleştirmekten, istediğiniz sonuçlarda bir artış gördünüz mü?

Editörün Notu:Bu yazı tarafından yazılmıştır. Oleg Mokhov '' Hongkiat.com için. Oleg Mokhov, dünyanın en mobil elektronik müzisyeni, bir web ve görsel tasarım meraklısı ve premium royalty free müzik mağazasının kurucu ortağıdır. ”Soundtrackster.