Neden Web Sitesini Yeniden Tasarlamayı Düşünün - İpuçları ve Öneriler

Yıl 2018. Dünyadaki çoğumuz için yeni yıl yeni bir başlangıcın habercisi. Yeni hedefler, yeni fikirler ve bazı işletmeler için eskisinin yerini alacak yeni bir web sitesi tasarımı.

Web siteleri çeşitli nedenlerle yenileniyor; ne yazık ki birçok işletme web sitelerinin yenilenmesi gerektiğinin farkında değil. Daha da kötü bir senaryoda, rakip işletmeler web sitelerini geliştirerek, sizinki geride kalırken dönüşümlerini artırarak rekabet avantajı elde edebilir.

Web siteniz bunlardan herhangi birinin suçlusu mu? Eğer öyleyse, yeniden tasarlamanın zamanı gelmiş olabilir!

• İşletmenin bir kimliği var, ancak web sitesi bunu yansıtmıyor.
• Bazı bağlantılar bozuk, kullanıcının dönüşüm akışından çıkmasına neden oluyor.
• Kullanıcılar sizinle iletişim kurmaya çalışıyor, ancak zorlanıyor.
• Web sitesi genel olarak modası geçmiş hissediyor ve kullanıcıları etkilenmeden bırakıyor.
• Kullanılabilirlik zayıf. Kullanıcılar web sitesinde gezinmeyi zor buluyor.
• Kullanıcı arayüzü kafa karıştırıcı ve tutarsız. Kullanıcılar hata yapmaya devam ediyor.

Bunları düzeltmek için neler yapılabileceğine bir göz atalım.

Web Sitesi Kurucuları: Tehlikelerle Dolu

Yeni işletmeler, Wix, Weebly veya Squarespace gibi basit web sitesi oluşturucularla başlama eğilimindedir. Bu araçlar, kolay, sürükle ve bırak WYSIWYG ("ne görürsen onu alırsın") editörleri ve ücretsiz barındırma kullanarak bir web sitesi tasarlama sürecini basitleştirir, ancak bu araçlar web sitelerini kalabalıktan farklı kılmak için nadiren yeterince karmaşıktır.

Yeni bir işletmenin ilk aşamalarında, fonların kıt olduğu zamanlarda, bir web sitesi oluşturucu kullanmak teorik olarak mantıklıdır. "Barındırma dahil, kod gerektirmez" yaklaşımı, işletmelerin çok fazla zaman ve para harcamadan çevrimiçi bir varlık oluşturmasına yardımcı olur. Ancak bu, bir dizi gizli tehlikeyle birlikte gelir; en kötü fırsatta (örneğin, web sitesinin teklifini genişletmesi gerektiğinde) kendilerini ortaya çıkarma eğiliminde olan tehlikeler.

Web sitesi oluşturucularda, özellikler hizmetin sunduğu her şeyle sınırlıdır ve bir web sitesi kurmaya yönelik bu basit yaklaşımın bir sonucu olarak, herhangi bir genişleme fırsatı daha sonra ciddi şekilde kısıtlanabilir. Tasarım ve geliştirme maliyetlerini azaltmak için bir web sitesi oluşturucuyu kendi başlarına çalıştırırken işletmelerin içine düştükleri örnek bir tuzak:

Bir e-ticaret işletmesi bir web sitesi oluşturucu (veya ücretsiz temalı CMS) kullanır → Müşteri, yalnızca “Merhaba, biz [işletme adı] ve buradayız!” demek için tek sayfalık bir web sitesi kurar. → Daha sonra müşteri sadece bunun mümkün olmadığını anlamak için ürün eklemek istiyor.

Çoğu zaman işletmeler, web sitelerinin ihtiyaçları daha karmaşık hale gelirse ne olabileceğini düşünmezler ve kendilerini yolun aşağısında bulurlar. Bunun üzerine, arama motoru optimizasyonu (SEO), SSL (sıralamayı ve güvenliği etkileyen) ve mobil uyumluluk (sıralamayı ve dönüşümleri etkileyen) gibi önemli faktörler ihmal edilebilir.

Bir uzman olarak, işte burada devreye giriyorsunuz.

Uzman bir tasarımcı, bu önemli hususları gözden kaçırmamalı ve uzun vadede zamandan ve paradan tasarruf sağlayan , geleceğe dönük bir web sitesi oluşturmalıdır.

Kısacası, en iyi web sitesi yeniden tasarımı, gerçekleşmesi gerekmeyendir.

Web Sitesi Kurucuları ve Tasarımcı İşe Almak

Uzman tasarımcılar tarafından tasarlanan web siteleri bile çok uzun süre çürümeye bırakılırsa yabani ot yetiştirmeye başlayabilir. İşin diğer yönlerine odaklanılması nedeniyle, bazen sürüm 2'nin yol haritası asla gelmez; örneğin, bazen SSL gibi önemli hususlar o zaman önemli hususlar değildi. Her iki durumda da, her işletme, özellikle müşteri endişeleri olduğunda, web sitelerini arada bir yeniden tasarlamaya çalışmalıdır.

Bir web sitesinin yeniden tasarlanmasının temel nedenlerinden ve bu nedenlerle web sitelerini yenilerken izlemeniz gereken stratejiden bahsedelim.

Markalama (veya Yeniden Markalama)

Yeniden markalaşma genellikle yeni bir web sitesi tasarımıyla birlikte gelir; ancak bu, yeni bir logonun çok ötesine geçmelidir. Marka bilinci oluşturma, hedef kitleyle iletişim kurmakla ilgili olduğundan, ses tonu da dikkate alınmalıdır (web sitesi metni, SSS bölümleri veya çevrimiçi müşteri desteğini düşünün).

Markalaşma, bir işletmenin nasıl tasvir edilmek istediğidir (örneğin, yardımcı, gündelik veya güvenilir), bu nedenle bir web sitesi yeniden tasarımının kapsamı, şirketin kendilerini ne kadar yeniden tasarlamak istediğine bağlıdır. Örneğin, müşterileri güven sorunları yaşayan bir finans kurumu, güvenilir görünen ve kulağa hoş gelen bir marka değişikliğinden faydalanabilir.

İster mevcut bir markayı iyileştiriyor olun, ister sıfırdan yeni bir marka yaratıyor olun, göz önünde bulundurmanız gerekenler şunlardır:

• Renkler size belirli bir şekilde hissettiriyor mu?
• Görüntü/fotoğraf kullanıcıya bir şeyler hissettiriyor mu?
• Genel görsel estetik kullanıcıları tatmin ediyor mu?
• Açılış sayfası kopyası çekici mi?
• SSS kopyası faydalı mı?
• Genel ses tonu işletmenin kim olduğunu gösteriyor mu?
• Web sitesinin canlı sohbet gibi herhangi bir ek işlevselliğe ihtiyacı var mı?

Ve daha da önemlisi, web sitenizin yeniden tasarımının temelini oluşturmak için kullanabileceğiniz herhangi bir kullanıcı/müşteri araştırması var mı? Değilse, o zaman bu sizin ilk görevinizdir.

Genişletilmiş İşlevsellik

Yeni özellikler için müşteri talebi olduğunda bir web sitesi yeniden tasarımı genellikle garanti edilir. Yenilikçi şirketler sürekli olarak (hem çevrimiçi hem de çevrimdışı) yeni ürünler geliştiriyor ve kullanıcıların bu ürünleri daha iyi deneyimlemelerine yardımcı olacak yeni özellikler gerektiriyor. Öte yandan, daha küçük işletmeler, bir bloga ihtiyaç duyacakları veya bir e-Ticaret mağazası aracılığıyla gelir elde edecekleri içerik pazarlamasıyla işlerini büyütmek istiyor olabilir. Her iki durumda da, yeniden tasarım genellikle küçük kozmetik değişikliklerin ve yeniden markalaşmanın ötesine geçer.

Bazen "özellik" bilinmez - gizemle örtülüdür. Müşteri bir şeyin çalışmadığını biliyor (düşük dönüşümler, müşteri memnuniyetsizliği vb.), ancak neden olduğundan emin değil. Bazen bu özellik aslında yalnızca birkaç UX iyileştirmesidir - ürünün kendisi iyidir, ancak temelde web sitesinin kullanıcı deneyimi kusurludur.

Her durumda, kullanıcıları daha iyi anlamak için web sitesi analitiğini kullanıyor olmalısınız.

Verilerle Yeniden Tasarlama

Markalaşmada olduğu gibi, UX'in kullanıcı araştırması tarafından yönlendirilmesi gerekir. Google Analytics gibi web sitesi analiz araçları ve Hotjar ve CrazyEgg gibi ısı haritası araçları, yeniden düşünülmesi gerekebilecek kritik alanları ve hatta eksik olabilecek tüm özellikleri belirlemenize yardımcı olabilir.

Analytics, kullanıcılarınız hakkında bilmeniz gereken her şeyi size söyleyecektir: belirli web sayfalarında ne kadar zaman harcadıkları, gerçekten dönüşüm yapıp yapmadıkları, dönüşüm akışından nerede çıktıkları, hangi cihazı kullandıkları, nereli oldukları, kullanıcı demografisi, davranış akışı; büyük miktarda veri kelimenin tam anlamıyla sonsuzdur.

Bu veriler yalnızca bir web sitesinin yeniden tasarımının başarısını ölçmek için kullanılamaz, aynı zamanda web sitesinin hangi alanlarının UX açısından yetersiz kaldığını da kanıtlayabilir . Müşteri neyin büyük ölçüde eksik olduğunu bilmiyorsa, iyileştirmelerden tüm ürün fikirlerine kadar her şeyi önermek için web sitesi analitiğini kullanabilir ve ardından yeniden tasarımın nasıl görünebileceğine dair bir yol haritası oluşturabilirsiniz. Bir web sitesi yeniden tasarımı planlama gerektirir.

Web sitesi analitiği kullanmayan bir web sitesiyle uğraşıyorsanız, ilk harekete geçirme çağrınız yukarıda bahsedilen Google Analytics'i yüklemektir (sonsuza kadar ücretsiz, inanılmaz ayrıntılı raporlar). Google Analytics'i kullanarak ilgili alanları belirledikten sonra, tasarım sürecindeki bir sonraki adım kullanılabilirlik testidir. Hotjar ve CrazyEgg gibi araçlar, kullanıcıların tam olarak nereye tıkladığını size gösterecek ve hatta oturum tekrarlarıyla kullanıcıların web sitesinde nasıl davrandığını bile izleyebilirsiniz. Google Analytics ile dönüşümün yetersiz olduğu web sayfaları belirlediyseniz, bu kullanıcı kayıtları size bunun nedenini gösterecektir.

Diğer tasarım kararları (en iyi ihtimalle) eğitimli tahminlere dayanmaktadır.

Araştırmanız bittiğinde, kullanıcıların çoğunluğunun nasıl dönüşüm sağladığını vurgulamak için müşteri yolculuk haritaları oluşturabilirsiniz. Bu, tüm ekibe web sitesinin dışındaki dönüşüm akışında (sosyal medya, müşteri hizmetleri vb.) nasıl bir rol oynayacakları konusunda bilgi veren, şirket genelinde paylaşılabilen oldukça ilginç bir varlıktır.

Daha da iyisi, müşterilerin herhangi bir başarıyı veya başarısızlığı ölçebilmeleri veya gelecekteki girişimler için kendi kullanıcı araştırmalarını yapabilmeleri için analitikle bir şekilde tanışmalarına yardımcı olabilirsiniz. Müşteri daha sonra direksiyona geçebildiğinde her zaman bir kazançtır.

Blog Yeniden Tasarımı

Daha önce de belirtildiği gibi, erken aşamadaki işletmeler, erişimlerini genişletmek için bir blog başlatmak isteyeceklerdir. Bu senaryoda, web sitesi ziyaretçi çekmeye başladı ve şirket artık içerik pazarlamasıyla erişimini daha da genişletmeye hazır olduğunu düşünüyor.

Bazı durumlarda (veya aslında birçok durumda), bir blog, bir şirketin sahip olduğu en büyük pazarlama varlığıdır. Bir blog, işletmelere markalarını güçlendirme, kullanıcıları güncellemeler ve yeni ürünler hakkında bilgilendirme ve hedef kitlelerini alakalı içerikle meşgul etme şansı verir.

Bununla birlikte, bu gün ve yaşta, okuyucunun dikkatini ciddi bir süre boyunca çekmek gerçekten zor. Bunların bir kısmı içeriğin kendisine bağlı olsa da, kötü UX genellikle suçludur ve kullanıcıların geri düğmesine basmasına ve bunun yerine bir rakip denemesine neden olur.

Ne yazık ki, ücretsiz içeriğin dezavantajı budur - UX optimalin altındaysa, kullanıcılar bir web sayfasını mutlu bir şekilde terk eder. Harika bir tasarımcı, okunabilirliği ve okunabilirliği nasıl iyileştireceğini, görsel dikkat dağıtıcı unsurları nasıl ortadan kaldıracağını ve yüksek dönüşümlü noktalara CTA'ları nasıl ekleyeceğini bilmelidir.

Tasarımcılar ayrıca içerik UX'ini geliştirmek için (kullanıcıların nerede ve neden okumayı bıraktığını bulmak için) web sitesi analitiğini kullanmalı ve ardından buna dayalı olarak veriye dayalı tasarım kararları almalıdır. Yeni özelliklerin bir CMS gerektirdiği bir yeniden tasarıma yaklaşırken, müşterinin daha sonra direksiyona kolayca geçebilmesini sağlamak bir kez daha önemlidir.

e-Ticaret Yeniden Tasarımı

e-Ticaret tasarımı, UX'in ustalaşması en zor yönlerinden biridir ve ayrıca veriye dayalı tasarımda deneyimli bir tasarımcı gerektirir. Şunu düşünün: Bu araştırmaya göre, e-ticaret mağazaları alışveriş sepetini terk etme oranından (ortalama olarak) %69,23 oranında muzdarip. ABD ve Avrupa'da e-ticarete 738 milyar dolar harcanırken, bunun 260 milyar dolarının daha iyi bir ödeme akışı ve tasarımıyla geri kazanılabileceği tahmin ediliyor. Bir e-Ticaret mağazası için, ödeme akışı en kritik unsurdur ve kullanıcıların nereden ayrıldığını belirleyebilen bir tasarımcı, onu iyileştirebilecek bir tasarımcıdır.

Düşünülmesi gereken şeyler var:

• Web sitesi güven ve güvenlik aşılıyor mu?
• Web sitesinin geçerli bir SSL sertifikası var mı?
• Ödeme formları iyi etiketlenmiş ve kullanımı kolay mı?
• Giriş alanları doğru klavye türünü gösteriyor mu?
• Kullanıcı arayabilir mi, aradığını bulamamalı mı?
• Misafir olarak çıkış yapmayı tercih ettiklerinde kullanıcıları kaydolmaya mı zorluyorsunuz?

İş Tarafını Yönetmek

Süreç yeterince verimli değilse, işin bazı yönleri (müşteri desteği gibi) çok büyük genel giderlere sahip olabilir, bu nedenle Intercom veya Kayako gibi entegre hizmetlere sahip web sitelerini yükseltmek yalnızca kullanıcılar için daha iyi bir deneyim sağlamakla kalmaz, aynı zamanda işletmelerin müşteri destek maliyetlerini düşürmesine yardımcı olur ve iş yükleri. Bir web sitesinin yeniden tasarımına yaklaşırken, müşteriye bir ekip/kuruluş olarak en büyük zorluklarının ne olduğunu sorun.

Duyarlı Tasarım ve Kullanılabilirlik

Kısacası, duyarlı web siteleri, mobilden masaüstüne kadar neredeyse her ekran boyutuna uyum sağlayan web siteleridir. Mobil trafik, 2015 yılında masaüstü trafiğini geride bıraktı ve Google, arama sonuçlarında mobil uyumlu web sitelerini tercih etmeye bile başladı. Çoğu web sitesi teknik olarak duyarlı olsa da, pek azı yeterince optimize edilmemiştir.

İnternet kullanıcılarının %57'si, kötü tasarlanmış bir mobil web sitesine sahip bir işletmeyi tavsiye etmeyeceklerini söylediğinden, duyarlı tasarım çok önemli ve tasarımcıların "her şeyi uygun hale getirmekten" çok daha fazlasını yapması gerekiyor. İşte dikkate almanız gerekenler:

• Hafifçe vurma hedefleri yeterince büyük mü (en az 44 piksel yüksekliğinde)?
• Dokunma hedefleri başparmaklar tarafından erişilebilir mi yoksa erişilemez mi?
• Mobil web sitesi basitlik için "kırpılmış" mı?
• Web sitesi 3G bağlantılarında hızlı yükleniyor mu?
• Genel olarak, mobil kullanılabilirliği nasıl değerlendirirsiniz?

Eski Telif Hakkı Bildirimleri ve Bozuk Bağlantılar

Bazıları bunu önemsiz olarak değerlendirebilir (ve belki de göreceli olarak öyledir), ancak güncel olmayan telif hakkı bildirimleri, bozuk bağlantılar ve yazım hataları, web sitesinin terk edildiğini veya yalnızca küçük bir özen gösterildiğini gösterir. Bu bilgiler, özellikle SaaS şirketleri için önemlidir, çünkü kullanıcılar, abone oldukları hizmetin sürekli olarak iyileştirildiğini bilmek ister (kullanıcıların, en son ne zaman güncellendiğini görmek için web sitesi alt bilgisindeki telif hakkı bildirimine bakmaları normaldir). Genel olarak konuşursak, eski görünümlü bir web sitesi, kullanıcıların artık aktif olup olmadığını merak etmelerini sağlayacaktır.

Bunları düzeltmek oldukça kolaydır, bu yüzden onları “ilk ve en önemli” olarak kabul edin.

Özellikle bozuk bağlantılar için, bir web sayfasındaki bozuk bağlantıları bulmak için Check My Links veya yazım hatalarını belirlemek için Grammarly gibi ücretsiz bir Chrome uzantısı kullanabilirsiniz.

Teknik gereksinimler

HubSpot'a göre, ziyaretçilerin %82'si güvenli olmayan siteleri terk ediyor.

Teknik gereksinimler, kullanıcıya yönelik olmayan özelliklerdir; yine de, kullanıcıyı ciddi şekilde etkileyebilirler. Örneğin, e-ticaret mağazaları için gerekli olan (ancak tüm web siteleri için önerilen) bir güvenlik katmanı olan SSL, müşterilere hassas verilerinin güvende olduğunu söyler.

Ön uç ve arka uç kod geliştirmeleri, web sitesini daha hızlı hale getirecek (veya en azından daha hızlı hissettirecek ) ve tasarımın kendisinin basitliği bunda büyük bir rol oynuyor (basit tasarımlar = daha az kod). Yeniden tasarlanan web siteleri için bunu ihmal etmek istemeyeceksiniz.

Çözüm

Tasarım, sorunları çözmekle ilgilidir; müşteriler, tasarımcıların hayatlarını nasıl kolaylaştıracağını veya işletmelerinin gelirlerini nasıl artıracağını bilmek ister.

Bir beceri listesi, müşteriye söz konusu tasarımcıyı neden işe almaları gerektiğini söylemez. Tasarımcılar, müşterilerinin işi için bir web sitesi yeniden tasarımının neden gerekli olduğunu bildirerek, nihai sonucun ne elde edeceğini vurgulayarak müşterilere harika bir hizmet sunacaktır.

• Markaları biraz bayat mı?
• Kullanıcı arayüzü, kullanıcılar arasında kafa karışıklığına neden oluyor mu?
• UX, kullanıcıların dönüşüm akışından çıkmasına neden oluyor mu?
• Kullanılabilirlik (mobil veya başka türlü) kullanıcıların geri düğmesine basmasına neden oluyor mu?
• Tüm hesaplara göre korkunç mu görünüyor?
• Web sitesi iyileştirmeleri söz konusu işletmeye nasıl yardımcı olur?

Neyin yeniden tasarlanması gerektiğini bildiğinizde ve müşteri de bunu biliyorsa, yeniden tasarımın yol haritası zaten harika bir temele ve ölçülebilir hedeflere sahiptir.

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Mobil Arayüzler için Sezgisel İlkeler
• Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır