RE -TASARIM Web Siteleri: Ek mi yoksa Radikal Yenilikler mi?
Yeniden tasarım ve yenilik hakkında konuşmak lüks bir karar değildir, bu bir zorunluluktur. Çok rekabetçi bir pazarda, web siteniz pazar trendleri ve mevcut kullanıcı davranışları ile uyumlu olmalıdır. Öyleyse neden yeniden tasarlayın, her şeyden önce? Web sitesinin yeniden tasarlanması aşağıdaki 3 durumdan birinde uygun olmalıdır:
Web sitesi tasarımı güncel değil ve şimdi kullanıcıların beceriksiz navigasyon veya sadece kötü bir tasarımla uzak durmasını sağlıyor.
Web sitesi yeni ve farklı değişiklikler yaşadı veya tekrarlanan bu, dengesiz bir iyileştirme anlamına geliyor. Bu değişiklik, 2019’da zarif ve modern web sitelerine yaklaşmayan tutarlı bir genel tasarıma dahil değildir. Bu durumda, tam bir yeniden tasarıma ihtiyaç vardır.
Web sitesi olması gerektiği gibi dönüşmez. Web sitesi öğeleriyle çok fazla umut veya etkileşimi teşvik etmeyerek, etkinlikleri için belirlediğiniz standartları karşılamama (veya artık karşılamıyor).
Yeniden tasarlanmadan önce yeniden tasarlanan web sitelerine örnekler: Yeniden tasarımdan sonra: Web sitesinin basit kaynağı, hedefleri ve hedefleri değişti, web sitesi artık modern değil veya web sitenizle istenen sonuçları almıyorsunuz. Web Sitelerini Yeniden Tasarlayın Web Sitelerini Yeniden Tasarlamak İçin Önceden Net Hedefler belirlemeniz gerekir. Takip edilmesi gereken açık yapı ve planlar. Belki web sitesinin yapısını ve içeriğini en baştan yeniden yaratmaya başlarsınız. Basit yol, web sitenizi WordPress’e (yapmadıysanız) taşımak, uygun temayı seçmek ve ayarlamaya başlamaktır.
Devam eden web sitesini izleyin Yeniden Design: Web Sitesini yeniden tasarlarken bilmeniz gereken en iyi uygulama 1. Mevcut durum analizini yapın. Mevcut hedefin mevcut tasarımını kontrol etmelisiniz. Web sitesinde hangi unsurlarınız var, amacı nedir ve neyi başaramadıkları. Sadece web sitelerinin yeniden tasarıma ihtiyacı olduğu duygularınıza güvenmeyin. Web sitesini profesyonel olarak yeniden tasarlamak için, gerçekler ve sayılar ve neyin iyi ve neyin kötü performans gösterdiğinin kapsamlı bir analiziyle “silahlı” olmalısınız. Bunu yapmak için, zaman zaman web sitesinin etkinliğini izlemek için yüklediğiniz bir sniffer cihazı kullanabilirsiniz. Kötü performans gösteren bir sayfa ve sayfa bulun ve performansın neden kötü olduğunu öğrenin. Web sitenizin mevcut durumuna ek olarak, rakipleri analiz etmek isteyebilirsiniz. Site analizinizle aynı performans parametrelerini (veya neredeyse aynı) öğrenmeli ve sitenizin performansının nerede olduğunu görmelisiniz. Semrush.com gibi araçlar, size rekabetin genel bir resmini vermede çok yardımcı olacaktır. Hatta rekabetçi kalmak için web siteniz için neler artırabileceğiniz hakkında bazı bilgiler bile. “Gelişim fırsatları görebilirsiniz ve yarışmacıların stratejilerinin genel bir resmini elde edebilirsiniz.”
2. CM’lerinizin değerlendirilmesi Web siteniz için kullandığınız içerik yönetim sistemi modası geçmiş olabilir. Belki piyasada daha iyi bir seçim vardır. Web siteniz için istediğiniz gibi tasarımı daha basit, daha iyi, daha karmaşık veya daha modern hale getirebilirler. CMS’niz yavaş veya karmaşıksa veya web sitenizin kısmını değiştirmenizi zorlaştırıyorsa, belki de seçiminizi yeniden gözden geçirme zamanı. Araştırma yapmalı ve web siteniz için en iyi olanı ve yeniden tasarlanmasını görmelisiniz. Colibri, web sitenizi istediğiniz gibi yeniden tasarlamanıza yardımcı olabilir ve kullanımı oldukça kolaydır. İstediğiniz yeni site ekranınızı sağlamak için kullanabileceğiniz birçok özelliğe sahiptir. Web sitenizin sahip olduğu mevcut varlıkları tanımlama ve koruyun. Varlıklar arasında metin içeriği, grafikler, fotoğraflar, video ve ses dosyaları, veritabanları bulunur. Bu, en iyi giriş sayfaları, en iyi dönüştürücü sayfalar, hem Google Sonuçları sayfasında hem de en fazla sayıda bağlantıyı çeken sayfayı sıralama sayfalarını içerir. Bu varlığı korumak için dikkat etmeniz önerilir (bir liste yapın ve yeni bir web sitesinin tasarımına entegre etmeye dikkat edin). 4. Genel UX standardını gözlemleyin. Yeni tasarım kullanıcı deneyiminin standardını karşılamalıdır: Örneğin bir bağlantı mavi olarak işaretlenmeli, logo web sitesinin sol üst köşesine yerleştirilmeli ve ana sayfaya bağlantı bu logoya yerleştirilmelidir, ana navigasyon Web sitesinde oryantasyonu kolaylaştırmak için basit olmalıdır.
5. Yeni web sitesi sayfalarında marka tutarlılığını koruyun. Eski web sitesi görüntüsü ve renk eski marka yönergelerine uygundur. Konsolide markaya yeni anlam eklendiği sürece, web sitesi tasarımı bunu takip etmelidir. Logolar ve renk şemaları, tipografik stiller, yazı tipleri, hepsi markalarla tutarlı olduğundan emin olun ve her temsilde (çevrimiçi veya çevrimdışı) tanınabileceklerinden emin olun. 6. Web sitesini başlatmadan önce, web sitesi yeniden tasarımının birden fazla sürümüne sahip olmanız gereken web sitesini başlatmadan önce A/B testi veya multivarian testini ayarlayın. CTA düğmesini farklı bir yere yerleştirmek veya sayfada bir parça için farklı bir kopya kullanmak test edilebilir. Kazanan Test sürümü, web sitesinin etkinliğini arttırmak için çok yararlı olabilir. Kiat ve hileler, gerçek web sitesini gerçekleştirmeden önce Web sitesini en iyi şekilde tasarlamak için, size yardımcı olacak bir Roma fips ve püf noktalarını dikkate almalısınız.
Site Hızı No. 1 Öncelik
Hücresel öncelik veren bir dünyada, saha hızı anahtardır. Bu, web sitesini kullanıcının tarayıcısına yüklemek için gereken süreyi ifade eder. Site ne kadar hızlı yüklenirse, kullanıcı deneyimi için o kadar iyi olur. Ve web sitesinin Google’daki sıralaması daha yüksek. Web siteniz WordPress’te çalışırsa geçerli performans optimizasyon ipuçlarının tam bir listesini topluyoruz.
Yeniden tasarım işlemi sırasında web sitesinin hızını kontrol etmek için Google Page Hız Önsözleri aracını kullanabilirsiniz.
Dahası, web sitesi ile etkileşim kurma zamanı (TTI), yükleme hızı sayfasından aynı ilgi alanlarına veya daha önemlidir. ZDNet.com’a göre, TTI ve sayfa hızı, Amerika Birleşik Devletleri’ndeki en başarılı e-ticaret sitesi olarak Amazon için çok önemlidir. Bir sayfadaki öğelerin sayısını sınırlar.
Web tasarımındaki karmaşıklık her zaman etkinlik anlamına gelmez. Tersine, web sitesinde insanların daha az sahip olduğu seçimlerin ne kadar az olursa, karar verme eğilimi o kadar büyük olduğu kanıtlanmıştır. Bunun nedeni Hick Yasası.
Sadelik ve sınırlı sayıda öğe aşağıdaki durumlarda kullanılabilir. Menü seçeneği
Bilgilendirici sosyal etki olarak da bilinen sosyal kanıtlar, web sitelerini optimize etme konusunda birçok şey yapar. Facebook hayranlarının sayısı dahil, web sitesindeki Twitter/Instagram takipçileri içeriğin büyük bir topluluk tarafından takdir edildiğini gösterir. Diğer insanlar da web sitesinin kalitesinin sosyal kanıtlarına dayanarak bunu takdir etme eğilimindedir. Numaralarla gidin Web sitesine güvenilirlik ekleyin. Sosyal kanıtlar, web sitenizin etkinliğini artırır. Web sitenizi elden geçirmeye karar verirken planlarla çalışarak bir plan yapmak iyidir. Bu, mevcut web sitesinde değişiklik yaparken düzenli kalmanıza yardımcı olacaktır, böylece yeniden tasarım bölümünü ve son sürümü zamanında hazırlamamışsınız. Ayrıca, zaman çizgisini ayarlamanız gerekir, böylece yeniden tasarım işleminin beklendiği gibi çalıştığından emin olursunuz. Çalışma düzenlenmeli ve web sitesinin yeni bir sürümüne yol açmalıdır: mevcut performans hedeflerini karşılayan web siteleri. Planlarla çalışmak, düzenli kalmaya çok yardımcı olacaktır ve net bir resme sahip olacak: ne yapmalı, ne yapılmalı, hala ne yapılması gerektiği, süreci tamamlamak. Planınızı hazırlarken, ne düşünmeniz gerektiğini açıklayan makalemizi kullanabilirsiniz: Kitlenizi tanıyın
Web sitesinin hedefini belirleyin
Pazar araştırması
Rekabet ilhamı ve analizini toplayın Giyinme web sitesi haritaları
Yeni İçerik Mimarisi için
Kullanıcının yolculuğunu anlayın ve kullanıcı akışını sınırlayın
Web sitelerinin ve ruh hali panolarının (resimler, renk şemaları vb.) Düzenini oluşturun.
Web sitesi varyantını test edin, ayarlayın ve mükemmel.
Web sitesini yeniden tasarlamadaki en büyük hata ve en büyük başarı Google Analytics’i kırmıyor, merak ediyor olabilirsiniz: Web sitesinin yeniden tasarımına gerçekten zarar verebilecek ve etkinliğine zarar verebilecek büyük bir hata var mı? Evet burada. Ve bu, yeniden tasarım işlemi sırasında analitiğin yumruklanmasını ifade eder. Bu, eski web sitesi versiyonunun analizi ile yaptığınız iyileştirmelerin incelenmesi arasında bir boşluğa neden olabilir. Örneğin, yüksek bir oranınız var mı? Hangi sayfa en yüksek orana neden olur? Web sitesine getirdiğiniz iyileştirmeden sonra oran nasıl değişir? Bu tür sorulara açık bir cevap almak için Google Analytics’i web sitesi sayfalarınızla ilgili veri toplama işleminden duraklatmamalısınız. Kullanıcının deneyimiyle ilişkili metriği hızlı bir şekilde görselleştirmek için en iyi UX skor kartı için bir puan kullanın. Bir kıyaslama çalışmasında toplanan metrikler için web sitelerinin performansını ölçmeye yardımcı olurlar (belirli bir zamanda iyi performans standartları). İşte skor kartı ekranı:
Web sitesi tasarımı güncel değil ve şimdi kullanıcıların beceriksiz navigasyon veya sadece kötü bir tasarımla uzak durmasını sağlıyor.
Web sitesi yeni ve farklı değişiklikler yaşadı veya tekrarlanan bu, dengesiz bir iyileştirme anlamına geliyor. Bu değişiklik, 2019’da zarif ve modern web sitelerine yaklaşmayan tutarlı bir genel tasarıma dahil değildir. Bu durumda, tam bir yeniden tasarıma ihtiyaç vardır.
Web sitesi olması gerektiği gibi dönüşmez. Web sitesi öğeleriyle çok fazla umut veya etkileşimi teşvik etmeyerek, etkinlikleri için belirlediğiniz standartları karşılamama (veya artık karşılamıyor).
Yeniden tasarlanmadan önce yeniden tasarlanan web sitelerine örnekler: Yeniden tasarımdan sonra: Web sitesinin basit kaynağı, hedefleri ve hedefleri değişti, web sitesi artık modern değil veya web sitenizle istenen sonuçları almıyorsunuz. Web Sitelerini Yeniden Tasarlayın Web Sitelerini Yeniden Tasarlamak İçin Önceden Net Hedefler belirlemeniz gerekir. Takip edilmesi gereken açık yapı ve planlar. Belki web sitesinin yapısını ve içeriğini en baştan yeniden yaratmaya başlarsınız. Basit yol, web sitenizi WordPress’e (yapmadıysanız) taşımak, uygun temayı seçmek ve ayarlamaya başlamaktır.
Devam eden web sitesini izleyin Yeniden Design: Web Sitesini yeniden tasarlarken bilmeniz gereken en iyi uygulama 1. Mevcut durum analizini yapın. Mevcut hedefin mevcut tasarımını kontrol etmelisiniz. Web sitesinde hangi unsurlarınız var, amacı nedir ve neyi başaramadıkları. Sadece web sitelerinin yeniden tasarıma ihtiyacı olduğu duygularınıza güvenmeyin. Web sitesini profesyonel olarak yeniden tasarlamak için, gerçekler ve sayılar ve neyin iyi ve neyin kötü performans gösterdiğinin kapsamlı bir analiziyle “silahlı” olmalısınız. Bunu yapmak için, zaman zaman web sitesinin etkinliğini izlemek için yüklediğiniz bir sniffer cihazı kullanabilirsiniz. Kötü performans gösteren bir sayfa ve sayfa bulun ve performansın neden kötü olduğunu öğrenin. Web sitenizin mevcut durumuna ek olarak, rakipleri analiz etmek isteyebilirsiniz. Site analizinizle aynı performans parametrelerini (veya neredeyse aynı) öğrenmeli ve sitenizin performansının nerede olduğunu görmelisiniz. Semrush.com gibi araçlar, size rekabetin genel bir resmini vermede çok yardımcı olacaktır. Hatta rekabetçi kalmak için web siteniz için neler artırabileceğiniz hakkında bazı bilgiler bile. “Gelişim fırsatları görebilirsiniz ve yarışmacıların stratejilerinin genel bir resmini elde edebilirsiniz.”
2. CM’lerinizin değerlendirilmesi Web siteniz için kullandığınız içerik yönetim sistemi modası geçmiş olabilir. Belki piyasada daha iyi bir seçim vardır. Web siteniz için istediğiniz gibi tasarımı daha basit, daha iyi, daha karmaşık veya daha modern hale getirebilirler. CMS’niz yavaş veya karmaşıksa veya web sitenizin kısmını değiştirmenizi zorlaştırıyorsa, belki de seçiminizi yeniden gözden geçirme zamanı. Araştırma yapmalı ve web siteniz için en iyi olanı ve yeniden tasarlanmasını görmelisiniz. Colibri, web sitenizi istediğiniz gibi yeniden tasarlamanıza yardımcı olabilir ve kullanımı oldukça kolaydır. İstediğiniz yeni site ekranınızı sağlamak için kullanabileceğiniz birçok özelliğe sahiptir. Web sitenizin sahip olduğu mevcut varlıkları tanımlama ve koruyun. Varlıklar arasında metin içeriği, grafikler, fotoğraflar, video ve ses dosyaları, veritabanları bulunur. Bu, en iyi giriş sayfaları, en iyi dönüştürücü sayfalar, hem Google Sonuçları sayfasında hem de en fazla sayıda bağlantıyı çeken sayfayı sıralama sayfalarını içerir. Bu varlığı korumak için dikkat etmeniz önerilir (bir liste yapın ve yeni bir web sitesinin tasarımına entegre etmeye dikkat edin). 4. Genel UX standardını gözlemleyin. Yeni tasarım kullanıcı deneyiminin standardını karşılamalıdır: Örneğin bir bağlantı mavi olarak işaretlenmeli, logo web sitesinin sol üst köşesine yerleştirilmeli ve ana sayfaya bağlantı bu logoya yerleştirilmelidir, ana navigasyon Web sitesinde oryantasyonu kolaylaştırmak için basit olmalıdır.
5. Yeni web sitesi sayfalarında marka tutarlılığını koruyun. Eski web sitesi görüntüsü ve renk eski marka yönergelerine uygundur. Konsolide markaya yeni anlam eklendiği sürece, web sitesi tasarımı bunu takip etmelidir. Logolar ve renk şemaları, tipografik stiller, yazı tipleri, hepsi markalarla tutarlı olduğundan emin olun ve her temsilde (çevrimiçi veya çevrimdışı) tanınabileceklerinden emin olun. 6. Web sitesini başlatmadan önce, web sitesi yeniden tasarımının birden fazla sürümüne sahip olmanız gereken web sitesini başlatmadan önce A/B testi veya multivarian testini ayarlayın. CTA düğmesini farklı bir yere yerleştirmek veya sayfada bir parça için farklı bir kopya kullanmak test edilebilir. Kazanan Test sürümü, web sitesinin etkinliğini arttırmak için çok yararlı olabilir. Kiat ve hileler, gerçek web sitesini gerçekleştirmeden önce Web sitesini en iyi şekilde tasarlamak için, size yardımcı olacak bir Roma fips ve püf noktalarını dikkate almalısınız.
Site Hızı No. 1 Öncelik
Hücresel öncelik veren bir dünyada, saha hızı anahtardır. Bu, web sitesini kullanıcının tarayıcısına yüklemek için gereken süreyi ifade eder. Site ne kadar hızlı yüklenirse, kullanıcı deneyimi için o kadar iyi olur. Ve web sitesinin Google’daki sıralaması daha yüksek. Web siteniz WordPress’te çalışırsa geçerli performans optimizasyon ipuçlarının tam bir listesini topluyoruz.
Yeniden tasarım işlemi sırasında web sitesinin hızını kontrol etmek için Google Page Hız Önsözleri aracını kullanabilirsiniz.
Dahası, web sitesi ile etkileşim kurma zamanı (TTI), yükleme hızı sayfasından aynı ilgi alanlarına veya daha önemlidir. ZDNet.com’a göre, TTI ve sayfa hızı, Amerika Birleşik Devletleri’ndeki en başarılı e-ticaret sitesi olarak Amazon için çok önemlidir. Bir sayfadaki öğelerin sayısını sınırlar.
Web tasarımındaki karmaşıklık her zaman etkinlik anlamına gelmez. Tersine, web sitesinde insanların daha az sahip olduğu seçimlerin ne kadar az olursa, karar verme eğilimi o kadar büyük olduğu kanıtlanmıştır. Bunun nedeni Hick Yasası.
Sadelik ve sınırlı sayıda öğe aşağıdaki durumlarda kullanılabilir. Menü seçeneği
Römorkör menü öğesi
CTA düğmesi
İletişim sayfası
Kayıt Formu, vb.
Bu, sınırlı bir seçime sahip bir sayfa örneğidir, ancak daha ilginçtir:
Tıklamak yerine kaydırmaya öncelik verin
İzleme, kullanıcıların sayfayı aşağı kaydırdıklarında ve bir bölümden diğerine geçtiklerinde sayfada daha fazla içerik buldukları anlamına gelir. Tıklama, kullanıcının, gerilme menüsündeki öğede menü menüsündeki öğede, sekmede bir sonraki slaytla tıklayarak daha fazla içerik bulduğu anlamına gelir.
İnsanların çevrimiçi davranışlarına tıklamaktan daha yakın kaydırmanın bilinmektedir. Daha hızlı, daha basit, kullanıcı tarama işleminin bir parçası haline gelir. Bu nedenle, sayfalardaki ve web sitesinde kullanıcılara içerik sunmada daha etkilidir.
İnsanların sayfada içeriği daha fazla hatırlamak için bir liste kullanın
Bilgilendirici sosyal etki olarak da bilinen sosyal kanıtlar, web sitelerini optimize etme konusunda birçok şey yapar. Facebook hayranlarının sayısı dahil, web sitesindeki Twitter/Instagram takipçileri içeriğin büyük bir topluluk tarafından takdir edildiğini gösterir. Diğer insanlar da web sitesinin kalitesinin sosyal kanıtlarına dayanarak bunu takdir etme eğilimindedir. Numaralarla gidin Web sitesine güvenilirlik ekleyin. Sosyal kanıtlar, web sitenizin etkinliğini artırır. Web sitenizi elden geçirmeye karar verirken planlarla çalışarak bir plan yapmak iyidir. Bu, mevcut web sitesinde değişiklik yaparken düzenli kalmanıza yardımcı olacaktır, böylece yeniden tasarım bölümünü ve son sürümü zamanında hazırlamamışsınız. Ayrıca, zaman çizgisini ayarlamanız gerekir, böylece yeniden tasarım işleminin beklendiği gibi çalıştığından emin olursunuz. Çalışma düzenlenmeli ve web sitesinin yeni bir sürümüne yol açmalıdır: mevcut performans hedeflerini karşılayan web siteleri. Planlarla çalışmak, düzenli kalmaya çok yardımcı olacaktır ve net bir resme sahip olacak: ne yapmalı, ne yapılmalı, hala ne yapılması gerektiği, süreci tamamlamak. Planınızı hazırlarken, ne düşünmeniz gerektiğini açıklayan makalemizi kullanabilirsiniz: Kitlenizi tanıyın
Web sitesinin hedefini belirleyin
Pazar araştırması
Rekabet ilhamı ve analizini toplayın Giyinme web sitesi haritaları
Yeni İçerik Mimarisi için
Kullanıcının yolculuğunu anlayın ve kullanıcı akışını sınırlayın
Web sitelerinin ve ruh hali panolarının (resimler, renk şemaları vb.) Düzenini oluşturun.
Web sitesi varyantını test edin, ayarlayın ve mükemmel.
Web sitesini yeniden tasarlamadaki en büyük hata ve en büyük başarı Google Analytics’i kırmıyor, merak ediyor olabilirsiniz: Web sitesinin yeniden tasarımına gerçekten zarar verebilecek ve etkinliğine zarar verebilecek büyük bir hata var mı? Evet burada. Ve bu, yeniden tasarım işlemi sırasında analitiğin yumruklanmasını ifade eder. Bu, eski web sitesi versiyonunun analizi ile yaptığınız iyileştirmelerin incelenmesi arasında bir boşluğa neden olabilir. Örneğin, yüksek bir oranınız var mı? Hangi sayfa en yüksek orana neden olur? Web sitesine getirdiğiniz iyileştirmeden sonra oran nasıl değişir? Bu tür sorulara açık bir cevap almak için Google Analytics’i web sitesi sayfalarınızla ilgili veri toplama işleminden duraklatmamalısınız. Kullanıcının deneyimiyle ilişkili metriği hızlı bir şekilde görselleştirmek için en iyi UX skor kartı için bir puan kullanın. Bir kıyaslama çalışmasında toplanan metrikler için web sitelerinin performansını ölçmeye yardımcı olurlar (belirli bir zamanda iyi performans standartları). İşte skor kartı ekranı:
