Kuralları Kırmayın, Onları Yeniden Keşfedin
İnsanlar birçok sebepten dolayı web siteleri oluşturur: daha geniş bir kitleye ulaşmak için; satmak, tanıtmak veya ifade etmek; akran baskısını yatıştırmak için. Yenilik, 2001 dolaylarında bir neden olmaktan çıktı. Onun yerine, elbette: tabii ki bir web sitem var; Tabii ki bir Facebook duvarı, Twitter hesabı, LinkedIn profili veya Pinterest panosu olmalı; Tabii ki hepimiz e-posta var.
Ve elbette, web tasarımı, tarayıcı ve tasarımcıların ortak zemin buldukları iki dil olan HTML ve CSS kullanır. Ancak pek çok web tasarımcısı, aynı dil kurallarına sahip olmakla birlikte, ne derse düşmek yerine, ne tür sorular sormak suretiyle inanılmaz çeşitlilik yaratırlar .
Diğerleri ne işe yarıyor.
Geleneksel bilgeliği izleyenler sadece dili değil aynı cümleleri kullanırlar - web terimlerinde, sadece HTML / CSS değil, Arial ve Gürcistan, 960 piksel genişliğinde düzenler veya altı çizili mavi bağlantılar. Bu kuralları kullanmak yanlış değildir. Ama yerleşik modelleri kullanmayı tercih etmeyen tasarımcılar - nedenini sormadan geleneksel bilgeliği takip eden - özledim fırsatları.
Standart yapı
Standart, tek seviyeli yapı pratik faydalara sahiptir. Bu basit ve basit son tarihler için iyidir. Daha da önemlisi, tanıdık. Web'de gezinen herkese açık web ve web tasarımcıları, web sitelerinin nasıl çalıştığı konusunda konuşulmamış bir anlaşmaya sahiptir. Ev / hizmetler / yaklaşık / iletişim modeli, tasarımcıların ve izleyicilerin beklentilerini karşılayarak hizmet vermektedir.
Diğer kavramlar o kadar bariz ki, gözden kaçırmaları kolay:
- Kullanıcılar “iletişim” kelimesini tıklamanın e-posta veya telefon bilgilerini sunacağını umuyorlar.
- Bir sayfanın sol üst köşesinde bir ev bağlantısı bulacaklarını biliyorlar. Tabii bir logo ile birlikte.
- Altyazıda genellikle bir yılla birlikte solda telif hakkı bildirimlerini görecekler.
- Web sitelerinin yukarı ve aşağı kaydırıldığını biliyorlar, yan yana değil.
Ayrıca, öğrenilen davranışa yemek sağlamak sürtünmeyi azaltır. Ancak, konvansiyonları izleyen veya gerçekleştirmeyen sözleşmeleri takip eden tasarımcılar, sözleşmeleri kendileri de pekiştiriyorlar.
- Logoyu tıklayın ve iletişim formu alın “Beklediğim gibi değil.”
- “Daha fazla oku” yazan ve ödeme duvarı alan bir bağlantıyı tıklayın. “Bana sadece makaleyi ver.”
- Dikey olarak yerine yatay olarak kaydırılsın mı? "Bu tuhaf. Bozuk mu?"
- Bir sayfanın altındaki en belirgin grafik? “Baş aşağı.”
Açık bir sonuca varmak kolay: Sözleşmeyi kır ve insanları yabancılaştırmak riski.
Ancak tüm sözleşmeler mutlak değildir. Çoğu web sitesi kuralları kendi stilistik farklılıklarıyla takip eder. Her sitenin her bağlantısının mavi bir metnin altı çizilemez. Her fotoğraf aynı büyüklükte değil. Her düzen aynı sütun dizisini kullanmaz. İnsanlar uyum gösterir, çünkü sözleşmenin varyasyonları kendileri, sözleşmelerdir. İnsanlar siteler arasında tuhaflık bulmayı bekliyor.
Bu durumda, geleneksel olmayan web siteleri kırılma sıralamasına nasıl kapılıyor? Tasarımcıları öğrenmesi kolay yeni sözleşmeler icat eder.
Uyarlamalı düşünme
Eski atasözü, “kırılmayan şeyleri kırma”, “kırık” tanımını değiştirene kadar iyi bir tavsiyedir.
Web'in başlangıcından beri, tasarımcılar güvenebilir en az 640 piksel genişliğinde ekranlar . Daha yakın zamanda, 1024 piksel ve üstü yaygındır. 2007'den itibaren minikgadget'lar Web sitelerini insanların ellerine koy. Aniden 320 piksel için tasarım moda oldu .
Ancak değişmeye ve değişmeye zorlanmak farklı tutumlardır. Yaratıcılık, daha büyük direniş yolunu takip etmekten korkmuyor.
Roberts Grubu Izgara tabanlı bir düzen ile web sitesi denemeleri. Kullanıcılar sitelerini “gerçek site haritası” ile gezer. Metin bağlantıları, kullanıcılara rahatsızlıktan rahatsızlık sağlar.
Sözleşmeler nasıl kırılır?
Her risk ödemez. En alışılmamış web tasarımları, kalıpları kırdıkları için değil, yeni sözler aktarmakta başarısız oldukları için başarısız olurlar. Hile, neden sözleşmelerin geldiğini tanımlamaktır .
1. Sol üst köşede bir logoyla ev bağlantısı yapın
Sorun: Karmaşık bir siteye gelen ziyaretçiler kaybolabilir. Güvenilir bir ana sayfa bağlantısı, sitenin sıfırlama düğmesi olarak işlev görür.
Geleneksel düşünce: Her sayfa yükleme bir sayfanın en üstünde başlar. Çoğu web düzenini aşağı kaydırdığından, her sayfanın üst kısmı güvenilir bir düğme için en mantıklı yerdir.
Geleneksel olmayan düşünme:
- Kullanım konumu: Ana sayfa düğmesini ziyaretçilerin tarayıcılarında aynı sayfada tutmak için yalnızca sayfalara değil
- Kişileri, sayfaların alt kısmında öne çıkan bir ana bağlantıyla içerikte gezinmeye teşvik edin
- Ana sayfayı lehine kaldır zengin bir gezinme çubuğu
2. Makalelerin bir listesi başlıklarını, resimlerini veya "daha fazla oku" tıklanabilir
Sorun: insanların, başlıkların ve açıklamaların söz verdiği bilgiye ulaşmak için bariz ipuçlarına ihtiyacı var.
Geleneksel düşünce: başlıklar ve küçük resimler, tanımladıkları içeriği en iyi şekilde temsil eder. “Bu konuda daha fazla okumak istiyorum” için en kısa yol tıklanabilir hale getirmektir. Bu nedenle, başlıkları ve küçük resimleri tıklanabilir hale getirin.
Geleneksel olmayan düşünme:
- Tüm teaser - resim, başlık ve açıklama - tıklanabilir yapın. Daha fazla yüzey alanına sahip olan bağlantılar, mobil tasarım için iyidir ve CSS ile kolayca oluşturulabilir
- Baş aşağı çevirin: bir veya iki zorlayıcı cümle ile yol açın, sonra da altındaki tıklanabilir başlığı küçük metne koyun
- “Bunu şimdi oku” yerine, kullanıcıların boş zamanlarında okumak istedikleri sıraya göre sıraya makaleler ekleyebilmelerini sağlayın.
3. İçeriği yazmadan önce bir şablon tasarlayın
Sorun: Estetik, kod ya da semantik değil, bir sitenin ilk izlenimini yaratın.
Geleneksel düşünce: İlk önce sitenin görünümünü tasarlayın. İçerik için bir boşluk bırakın.
Geleneksel olmayan düşünme:
- İçeriğin kendisini ruh hali, ses ve karakterle özümsemek için tipografi ve renk kullanın. Ardından, gerekirse, arka plan dokuları ve kenar çubukları gibi bu karakteri pekiştiren elemanlar tasarlayın.
- İçeriğin arka plan bölümünü yapın. Ruh hali, konu veya işlevi yansıtacak şekilde sayfa başına renkleri değiştirin.
- Kullanıcı, dikkat etmeyi seçene kadar kenar çubuğu bilgilerini gizleyin veya azaltın.
Longboard Dünyasında Hikayeler sadece “teaserlar metin olmalı” kuralını değil, aynı zamanda Fitt Yasası tüm notecard tıklanabilir hale getirerek.
Kurallar için kurallar
Halkın öğrenmiş olduğu davranışı kırmak, bir söz vermektir. Sözleşmeler güven ile eş anlamlıdır. Kurulan kuralları kırmanın en iyi yolu, o zaman onları kırmak değil, onları değiştirmek.
1. Değiştir, kırma, kurallar
Sözleşmeyi değiştirmek için eski kuralların neden işe yaradığına saygı göstermeliyiz.
- Erken tarayıcıların bağlantıları belirgin hale getirmesi gerekiyordu, bu yüzden tıklanabilir metnin altını çizdiler.
- 400 pikselden daha geniş metnin çizgileri, kullanıcıların çizgiden sonra çizgiyi takip etmesi zor. Sadece sütunlar satırları kısaltmakla kalmaz, aynı zamanda daha yatay bir organizasyona izin verir.
- İçerik açısından zengin web siteleri, kurumsal baş ağrıları oluşturur. Arama araçları, kullanıcıların keyfi kategorilerden kazmak yerine belirli bir ifade için arama yapmasına izin verir.
2. Kendi kurallarınıza uyun
İnsanlar bağlantılarla turuncu kutuları ilişkilendirdikten sonra, tasarım bu sözden farklı olmamalıdır. Turuncu bir kutuyu tıklatmak her seferinde insanları yeni bir sayfaya götürür, bu kural güçlendirilir. Aksi takdirde her turuncu kutu kuralı bozar.
3. zaman ver
Hem kamu hem de isteksiz site sahipleri maruz kalma yoluyla güven kazanıyor. Tasarım, öğrenme eğrisini azaltarak kuralların açıklığa kavuşturulmasına yardımcı olabilir.
4. Hedefleri kullan
Sözleşmeler çalışır. Tasarımcılar ve izleyiciler için çok kolay. Onları değişimin uğruna kırmak hiç kimsenin hoşuna gitmez. Aksine, sorunları yeniden düşünün.
- Bu yasamaya halkın konsensüsü karşı çıkıyor. Kullanıcılar web sitesini ziyaret ederse , onları kazanmak için bir saniyeden az zamanımız var. Hızlı olan zihinleri nasıl değiştirebiliriz?
- 200'den fazla fotoğraf göstermek istiyoruz. İnsanların gezinmesi için bunu nasıl kolaylaştırabiliriz?
- Ürünlerimiz güvenlidir, ancak çevreyi önemsemediğimiz için bir itibara sahibiz. Basın bültenleri hiçbir şey ifade etmiyor. Alt metinlerde gerçek ilgiyi nasıl gösterebiliriz?
- Envanterimiz var. Kimse satın almıyor. Bunu kendi avantajımıza nasıl dönüştürebiliriz?
Web'in Evrimi yanlara doğru ilerleyerek tarayıcıların “sağ tarafını” kırmaya cesaret eder. Başlangıçta animasyon, kullanıcılara yan kaydırma için ne alacaklarını gösterir.
Web tasarımı geliştikçe, sözleşmeye uymak deneyden daha risklidir. Kamu, iyi çalışan, mobil ya da olmayan geleneksel olmayan tasarımları fark ettiğinde, kendilerini dünün sözleşmelerine ayıran web sitelerinin de farkına varacaklar. Bunu kabul eden tasarımcılar, daha iyi web siteleri oluşturmaya yönelik büyük adımlar atabilir.
Kuralları çiğnedin mi, güvenli mi oynuyorsun? Web tasarımının hangi kurallarını yeniden yazmak istersiniz? Yorumlarda bize bildirin.
Öne çıkan görsel / küçük resim, geleneksel olmayan görüntü Shutterstock üzerinden