Duyarlı web tasarımı, tüm ziyaretçiler için kullanıcı deneyimini nasıl geliştirir?
Bir dakikanızı ayırın ve web sitelerini görüntülemek için kullanabileceğiniz tüm aygıtları düşünün. Çoğu insan gibiyseniz, bu liste son birkaç yılda büyüdü. Muhtemelen akıllı telefonlar, tabletler, giyilebilir cihazlar, oyun sistemleri ve daha fazlası dahil olmak üzere, son birkaç yıl içinde öne çıkan cihazlar ile birlikte masaüstü ve / veya dizüstü bilgisayar gibi geleneksel cihazları içerir. Evinizde veya arabanızda Internet'e bağlanmanızı sağlayan bir cihazınız bile olabilir! Sonuç olarak, cihaz manzarasının her zamankinden daha büyük ve daha çeşitli hale gelmesi, bu da bugün Web'de (ve gelecekte) gelişmek için web sitelerinin duyarlı bir yaklaşım ve CSS medya sorguları ile oluşturulması ve nasıl değerlendirileceğinin düşünülmesi gerektiği anlamına geliyor. Kullanıcılar bu farklı cihazları muhtemelen bir web tarama deneyimini birleştirecek.
Çok Aygıtlı Kullanıcıyı Girin
Gördüğümüz bir gerçek, insanlara Web'e erişmek için birden fazla yol verilirse, bunları kullanacaklarıdır. Web sitesi içeriğine erişmek için yalnızca çok sayıda farklı cihaz kullanan kişiler değil, aynı kişi çeşitli cihazları kullanarak aynı siteyi ziyaret ediyor. “Çok cihazlı” kullanıcı kavramının geldiği yer burası.
Tipik Çok Cihazlı Senaryo
Her gün bir çok insanın yaşadığı ortak bir web etkileşimini düşünün - yeni bir ev için bir aramada emlak web sitelerine göz atın. Bu deneyim, birisinin aradığı kriterlere girdiği ve bu sorguyla eşleşen farklı özellik listelerini incelediği bir masaüstü bilgisayarda başlayabilir. Gün boyunca, bu kişi mobil cihazlarında belirli özelliklere tekrar bakabilir veya arama parametrelerine uyan yeni listeler için e-postalarına (mobil cihazlarında kontrol edecekleri) ilişkin uyarılar alabilir. Bu uyarıları bir akıllı saat gibi giyilebilir bir cihaza bile ulaştırabilir ve bu küçük ekranda temel bilgileri gözden geçirebilirler.
Bu süreç gün boyunca, farklı bir masaüstü bilgisayardaki siteye daha fazla ziyaret ederek, belki de işyerindeki ofislerinden devam edebilir. O akşam, bu özelliklere ilişkin geri bildirimlerini almak için aileleri için özellikle ilginç olan tüm listeleri göstermek için bir tablet cihazı kullanabilirler.
Bu senaryoda, web sitemizdeki müşteri aynı siteyi ziyaret etmek ve aynı içeriğe bakmak için çok farklı ekran boyutlarına sahip dört veya beş farklı cihaz kullanmış olabilir. Bu çok kullanıcılı bir kullanıcıdır ve ziyaret ettikleri web sitesi onları tüm bu farklı ekranlarda barındırmadıysa, yalnızca bırakacak ve bir tane bulacaktır.
Diğer Senaryolar
Gayrimenkul arama, kullanıcıların siteden genel deneyimleri sırasında cihazdan cihaza atlayabilecekleri tek örnektir. Diğer örnekler:
- Satın almak için bir otomobil aramak
- Tatil planlama
- Haber makalelerini okumak
- Ev geliştirme fikirlerini araştırmak
- Yerel müteahhitleri / hizmetleri aramak
- Bir düğün ya da diğer büyük etkinliği planlama
- Bir spor takımını veya spor müsabakasını takiben
Bu durumların her birinde, web deneyiminin birden fazla seansa uzanması muhtemeldir, yani bir kullanıcının herhangi bir zamanda kendileri için uygun olan farklı cihazları kullanması ihtimali vardır.
Takip Edilecek En İyi Uygulamalar
Bugünün web sitelerinin, kitleyi kullanarak giderek daha çok cihazlara hitap etmesi gerekiyorsa, o zaman bu sitelerin bu ziyaretçileri doğru bir şekilde işlemeye ve arama motorlarında iyi sıralamaya hazır olduğundan emin olmak için izlenecek bazı temel ilkeler ve en iyi uygulamalar vardır.
- Duyarlı Web Sitesi - farklı ekran boyutlarına uyum sağlayabilen ve değiştirebilen duyarlı bir düzen , günümüzde mevcut olan çeşitli web bağlantılı cihazları desteklemek için kritik öneme sahiptir.
- Tüm İçerikler Kullanılabilir - Bir kullanıcı siteyi bir cihazda ziyaret ettiğinde belirli içeriklere veya özelliklere erişebiliyorsa, bunların diğer cihazlarda döndüklerinde de kullanılabilir olmasını beklerler. İçerik her cihaz için uygun bir şekilde sunulmalıdır, ancak belirli cihazlar için hiçbir içerik “gizli” veya “kapalı” olmamalıdır.
- Okunabilirlik Önemlidir - bir web sitesini ziyaret etmek için ne tür cihazlar veya ne boyutta ekran kullanılmakta olursa olsun, o siteyi okuma kolaylığı önemlidir. Bu, tipografinin odaklanılması gereken önemli bir tasarım öğesi olduğu anlamına gelir. Birisi bir sitenin içeriğini okumakta zorlanıyorsa, siteyi tamamen terk etme olasılığı yüksektir.
- Çeşitlilik Boyunca Tutarlılık - her bir farklı ekran boyutu için sunulan düzen farklı olsa da, bir cihazdan diğerine tutarlılık olmalıdır. Genel deneyim, kullanıcıların yeni bir ekranda ziyaret ettikleri her seferinde siteyi yeniden öğrenmelerine gerek kalmaması için bağlanmalıdır.
- Performansı bir Öncelikli Hale Getirin - web siteleri hızlı bir şekilde yüklenmeli ve mükemmel indirme hızlarından daha az olan mobil cihazlar da dahil olmak üzere tüm cihazlarda iyi bir şekilde çalışmalıdır. Genel site performansı , bir sitenin tasarım ve geliştirmesinin her alanında bir öncelik olmalıdır - sonuçta hiç kimse, bir web sitesinin çok hızlı yüklendiği veya çok iyi çalıştığını söylemez!
1/26/17 tarihinde Jeremy Girard tarafından düzenlendi