Web Tasarımı Nasıl Daha İyi Yapılır İçin Ninja Kılavuzu

Bundan önce web siteleri, önceden planlanmış biçimlerin veya stillerin hiçbir uygulaması olmaksızın, hiçbir noktadan başlayarak karmaşık bir şekilde tasarlandı. Bu şekilde büyük ölçüde iyileştirildiler.

Bunu keskin bir gerçek veya bir efsane olarak ima edin, ancak siteler vahşi tonlar ve deneysel tasarımlardan oluşan bir gülümsemeyle daha yaratıcı ve kaprisli idi ve hatta bazılarında arka planda bir video oynatılıyor. Her anlamda, günümüzde olduğundan çok daha eğlenceli ve havalıydı.

Bu günlerde, ziyaret ettiğiniz diğer tüm web siteleri, sanki demetler halinde oluşturulmuş gibi, bunlardan herhangi birine benziyor. En yaygın olarak göze çarpan birkaç şey, bir web sitesinde kahraman resimlerinin veya kaydırıcıların varlığıdır. Ekranın üst kısmındaki gezinme çubuğu eşlik eder. Sayfa boyunca kaydırmak için kullanılan düğmelerle birlikte bazı özelleştirilmiş yazı tiplerinde yazılmış belirli toplu satırlar. Ve tüm bunlarla birlikte, kuruluşun sunduğu ürün veya hizmet hakkında kısa bir açıklama.

Bu yıl da benzer bir şeyin geçerli olacağı aşikar görünüyor, ancak kutunun dışında bir şey bulmak için akılda tutulması gereken birkaç şey ve bugün alacağınız şey var.

Web Tasarımın Yaratıcı Dokunuşunu Kaybetme Nedeni

Şüpheli bir gerçek olarak, eski koşullarda web sitesi mimarilerinin zaman zaman biraz kötü olduğunu, ancak yaratıcı enerjinin ve deneylerin somutlaştırılmasına sahip olduğunu çok fazla zorlamadan ifade edebiliriz. Plan düzenlemelerinde ve gölgelemede küçük bir değişiklikle karşılaştırmalı bir şeyi inceliyormuşuz gibi görünenlerle aynı.

Bir sonraki duyuruya kadar, web planlamasının benzersizlik ve yaratıcılık açısından son derece uyuşuk hale geldiği çok açık. Nispeten daha az talepkar hale getirdiğimizden beri mi? Büyük olasılıkla, hazır yapıların ortaya çıkmasıyla, her modacı, akla gelebilecek her zaman kolayca bir süs alanı kurabilir.

Örneğin Bootstrap'in son birkaç yılda kullanımını ele alırsak, site planlaması kapsamında en çok kullanılanlar arasında öne çıkacaktır. Neredeyse her gün ziyaret ettiğimiz sitenin %25'inden fazlası Bootstrap kullanarak özetleniyor.

Temel kullanımının temel amacı, Bootstrap'in, bir siteyi planlamak için nihai hedefi akılda tutarak, oluşturucunun ihtiyaç duyduğu bileşenleri derhal sağlamasıdır. Bu şekilde kullanmak, prosedürü bir nevi canlandırıyor.

Her durumda, bu, yaratıcılığın ve benzersizliğin sonsuza kadar kaybolmasına neden olabilir, bu nedenle, yaratıcının yaratıcı enerjisine başka bir şekil vermesine ve hemen mevcut bileşenleri kullanarak bile bir siteyi istisnai hale getirmesine izin verecek bazı temel gerçekleri inceleyeceğiz.

Peki siteniz hakkında gerçekten ne düşünüyorsunuz? İlişkiniz, uygulamanız veya öğeleriniz hakkında iyileştirilmiş verileri tutan ve donatan yalnızca bir yer mi? Gerçekten de, bir uzman bakış açısı arıyorsanız, bir site, imajınızla ilgili hikayeyi canlandıran ve akla gelebilecek her yolla misafirlerini çeken ve onları büyüleyen bir şey olmalıdır.

Her ne kadar bir hikaye küçük bir düşünceyle başlayıp bir kalem kullanarak kağıda karalanmış olsa da. İçine hayat verecek olan web kompozisyonudur. Bu yüzden dikkat çekici bir sitenin ana hatlarını çizmenize hazır hale getirecek yöntemlerle devam etmeliyiz.

1. Etkileşim İçin Görüntüleri Kullanın

Her modacının, kullandığı planın dıştan cezbedici olması gerektiğini hatırlaması gereken temel amaç. Bir konuğun dikkatini çekecek ve kişiyi tam sayfaya bakmaya teşvik edecek ölçüde.

İzleyicinin dikkatini çekmesine yardımcı olan önemli fotoğraflar, canlandırma tasvirleri veya büyüleyici kayıtlar. Ve ayrıca, izleyiciyi potansiyel bir müşteriye dönüştürmek için yeterince daha uzun süre dayanması için nihai hedefle ilk tanıtımı yapıyor.

Ancak, ana fikir ortaya çıkmak ve her şeyi gerektiği gibi düzenlemek ve anlatmak değil.

Hikaye, hem ana hatlarıyla hem de ekranda görünen kelimelerle dışa doğru sembolizmle dolu olmalıdır. Konukları plandaki bir hedefi veya işi tamamlamaya yönlendiren parçalarla, anlattığınız hikayeye muhteşem bir şekilde uyan bir gölgeleme paleti tasarlayın. İyi bir hikaye, konuklara yol göstermeye yardımcı olacaktır. Ayrıca, anahat doğrulanabilir bir görsel eşleşme olmalıdır.

2. Siteniz İçin Karakter Geliştirmeye Odaklanın

Bir sitenin ana hatlarını çizerken, düzenli olarak müşteri kişiliği hakkında gevezelik ederiz. Gerçeği söylemek gerekirse, ilerleme sürecinin kilit bileşenlerinden biridir. Böylece, müşterilerinizin olumlu bir şekilde ilişki kurabileceği hikayenizdeki bir karakterin sunumu, onu tamamen yeni bir seviyeye taşıyor.

Karakter gerçek olabilir ve baştan plan boyunca hareket edebilir veya özüne yakın bir ses olarak görülebilir.

Örneğin, Mailchimp-Freddie e-posta aşamasında kullanılan tanınmış karakter düşünebilirsiniz. Plan, blog gelişmeleri ve logo açılır pencereleri boyunca gördüğümüz bu çizgi film maskotu, organizasyon için gerçekten birkaç şey yapıyor.

1. Öncelikle karakter, kuruluş adının aydınlatılmasına yardımcı olur. Yaygın viral reklam kampanyasında kimliğine bürünüldüğü için, örgütün adı “Mailchimp” ile ilgili bir şikayet vardı. Yine de, kelimelerin yanında görünen bir şempanze, ismi bir nevi meşrulaştırıyor.
2. Karakterin yanı sıra, organizasyonun tasvir etmek istediği eğlenceli doğayı hafif bir ton ve temel görsellerle betimler.
3. Freddie, özel bakış açılarıyla tartışacakları önemli ölçüde farklı şeyler olmadığında organizasyona bir hikaye verir. Şempanze nasıl oldu? adı nereden çıktı? ve benzeri. Karakter, hikaye netliğini koruyor ve ilerlemeye devam ediyor.

3. Tasarım Yoluyla Katılımı Çağırın

Düzenli etkinliklerle eşleşen sezgisel bileşenlerle planın değerini artırın. Müşterilerin dikkat etmesi gereken veya yön işaretleriyle belirli bileşenlere dikkat çekmesine yardımcı olması gereken yakalamalara etkinlik dokunuşları ekleyin, örneğin akıllı bir bileşene "eğilen" cıvatalar veya resimler.

Müşterileri hikayeye dahil edebilecek farklı etkileri düşünün. Örneğin, paralaks görünümü, ekranda gelişmeyi güçlendirmeye yardımcı olmak için son derece büyüleyici bir yaklaşımdır. Bu yöntemin bu kadar öne çıkmasının bir nedeni de budur.

İyi bir hikayenin akıllara durgunluk vermesi gerekmez. İnsan, organizasyonun arkasındaki genel nüfusla tanışmanıza yardımcı olmak için hikayelerini grup fotoğraflarıyla eşleştirilen temel drift hareketleriyle ilerletir. Bu basit ve zorlayıcı. (Personel fotoğrafçılığına da dikkat edin. Eğlenceli duruşlar ve dış görünüşler, her bir meslektaşınızın karakterinin yayılmasına izin verir.)

4. Anlamlı Mikro Etkileşimlerle İlerleyin

İstemcilerin arayüz oluşturacağı anahattaki küçük bileşenleri göz önünde bulundurun. Web tabanlı sosyal ağ siteleri, mikro etkileşimlerle temel karşılaşmalar yaptıkları için özellikle çok fazla etkileşim sağlar.

Bir tazeleme olarak, bir müşteri bir planla çektiğinde mikro etkileşimler küçük dakikalardır. Bir ayarı her değiştirdiğinizde, belirli bir şey ilettiğinizde, oturum açtığınızda veya bir durumu beğendiğinizde bir mikro etkileşim gördünüz. Instagram kalbine dokunmaktan (ve kırmızıya dönmesini izlemekten), retweet yapmak için dokunmaya kadar, müşterilerin geri gelmesini sağlayan şey bu eleştiri çemberleridir.

Önemli mikro etkileşimler anahat için ilgi çekicidir. Müşteriler için genel deneyimi faydalı kılan bir kapasite düzeyi içerir.

Mikro etkileşimler ayrıca bir planı destekleyici veya aranan hale getirir. Bu dakikaları sitenizin temel hedefleriyle birleştirin. Müşterilerin yeni aldıkları bir öğeyi paylaşmalarına izin vermekten, bir uyarıyı kabul etmeyi kabul etmek için bir şeyler listesine bir şeyler eklemeye kadar her şey olabilir.

5) Hikayenizin Bir Anlatı Olmasına İzin Verin

Her hikayenin bir başlangıcı, merkezi ve sonu vardır.

Web mimarinizin bu hikaye akışına hitap etmemesi durumunda, müşterilerin kafası karışabilir veya kaybolabilir. İşte en az karmaşık denklemler:

Başlangıç ​​: Logo ve özellik. Müşterilere kimliğinizi ve neden sitenizde olduklarını söyleyin.

Merkez : Sizi olağanüstü yapan tüm destekleyici hikaye. Sitenizde bulunan bireyler için neler başarabilirsiniz? Neyi tahmin etmeleri onlar için iyi bir fikir olurdu?

Bitiş : Eyleme geçmek için yadsınamaz bir öneri, örneğin bir çerçeve, satın alma kapasitesi veya başka bir şeyle bağlantı.

6) Temel, Basit Hikayeye Bağlı Kalın

Bu, yukarıda bahsedilen noktaya ters gelebilir, ancak hikaye temel olmalıdır. 1500 sayfalık bir kitap değil. Basit bir hikaye, 5 saniye veya daha kısa sürede netleştirebileceğiniz bir hikayedir.

Hikaye, müşterileri hemen almalı, bir izlenim bırakmalı ve geri dönmelerini sağlamalıdır. Evet, bunu bir başlangıç, merkez ve bitiş ile yapabilirsiniz.

Upstream, tüm bunları açılış sayfasında yapar - müşteriler hikayenin daha büyük bir "merkezini" arayabilirler, ancak açılış sayfasındaki üç bölümün tümüne bir bakış vardır. Görseller ve içerik, ihtiyaç ve yardım sunmak için Upstream ile oradaki insanların bir hesabını anlatıyor. Ekranda bir “dahil olun” yakalaması var ve görsel, yardım teklif etmeniz gereken noktaya kadar dikkat çekiyor.

Hikaye basit ve güçlü. Müşteriler muhtemelen bunu hatırlayacaktır… ve siz.

7) MOBİL DOSTU

Farklı ekran boyutlarına sahip çok sayıda gadget'tan sitelere ulaşmak şu anda normaldir, bu nedenle web sitenizin mobil uyumlu olup olmadığını düşünmek zorunludur. Web siteniz mobil uyumlu değilse, onu duyarlı bir tasarımda değiştirebilir (bu, sitenizin çeşitli ekran genişliklerine göre değişeceği anlamına gelir) veya özel bir mobil site (özel olarak optimize edilmiş ayrı bir web sitesi) oluşturabilirsiniz. mobil kullanıcılar için).

Sadece bu anahat bileşenlerini hatırlayarak güzel ve kullanışlı bir site yapmak hiç de zor değil. Araştırılması veya geliştirilmesi gereken bir web kompozisyonunuz mu var? Ya da diğer taraftan belki bir site düzenliyorsunuz ve en erken aşamadan başlayarak ideal planı elde etmeyi umuyorsunuz. Her durumda, bu güçlü web sitesi mimarisi standartları, sitenizin misafirler için daha çekici, değerli ve önemli olmasına yardımcı olabilir.

8) Yeni Teknolojiyle Kendinizi Güncelleyin

Bilgisayar teknolojisi dünyası neredeyse her gün değişiyor ve buna ayak uydurmak için bir web sitesi uzmanı, yenilikçi bir şekilde işteki ayarlamalara ayarlanmalıdır. İş gününüzün veya haftanızın bir parçasını kesin ve onu alanınızdaki yeni şeyleri uyarlamaya adayın. Neyin yeni olduğunu, neyin eğik olduğunu ve neyin yol kenarına yuvarlandığını keşfedin. Rakiplerinizin sizden daha güncel ve daha taze olmanın tüm özelliklerine sahip olarak işinizi elinizden aldığını görmek istemiyorsanız, bu ipucunu dikkate alın.

İstisnai kalmak için iyi bir yöntem, Envato Market gibi bir konu veya yerleşim ticari merkezinde neyin yaygın olduğunu gözlemlemektir. En çok teklif edilen konuları kontrol ederek, müşterilerin aradığı ve farklı planlamacıların verdiği şeylerdeki sapmaları görebilirsiniz.

Sana doğru

Web planlama bir test alanıdır. Bu alanda başarı, kendini gösteren her koşula uyum sağlamak için gerçekten esneklik ve onaylama gerektirir ve işler hangi noktada giderse gitsin, kesinlikle şaşırtıcı olmayan bir şekilde sakatlanmamak gerekir. Web sitesi kompozisyonunda mesleğinizde bir başarı elde etmek için belirli bir nihai hedefle ihtiyaç duyacağınız şey, çalışkanlık ve 'asla teslim olma' tavrıdır. Şu andan itibaren önemli bir bölümünüz bu ipuçlarının bir veya büyük bir bölümünü uzman hayatınızda iyi prova ediyor olmalısınız; Ancak anlatmak istediğim şu ana kadar bu başarı hesaplarının farkında olmayanları yönetmek ve onları kesinlikle iyi tanıyan kişilere hatırlatmak.