Sitenizin Tüm Cihazlarda İyi Göründüğünden Nasıl Emin Olabilirsiniz?

Sadece 10 yıl önce, web yöneticilerinin farklı platformlarda görüntülemek için bir web sitesinin birden çok sürümünü oluşturma konusunda endişelenmeleri gerekmiyordu. Tüketici ürünleri araştırmak, tatil rezervasyonu yapmak ve en son haberleri okumak için evde veya ofiste masaüstü veya dizüstü bilgisayarları kullandı. Ekranlar, boyutları farklı olsa da, tüketicilere aynı tasarım kalıplarında bilgi sunuyordu ve işi biraz daha kolaylaştıran bir öngörülebilirlik duygusu vardı.

Günümüzde tüketiciler masaüstü bilgisayarlardan, dizüstü bilgisayarlardan, akıllı telefonlardan, tabletlerden, e-Okuyuculardan ve oyun konsollarından web'e erişiyor. Bu cihazlar çeşitli bağlantı hızları kullanır, çok sayıda ekran boyutunda, değişen çözünürlükte gelir ve tepki süresi açısından kaplumbağadan tavşana kadar değişen işlem hızları sunar. Tüketiciler herhangi bir sayıda farklı cihazda sayfanızda gezinirken, markanızla etkileşim kurmak için hangi cihazı kullanırlarsa kullansınlar sitenizin iyi göründüğünden nasıl emin olabilirsiniz?

Bu gönderide, aklınızda bulundurmanız gereken faktörleri tartışacağız ve web sayfanızı birden fazla cihazda görüntülenecek şekilde optimize etme konusunda size rehberlik edecek bazı yararlı ipuçları sunacağız.

Sitenizi Farklı Cihazlarda Nasıl Görebilirsiniz?

Çoğu Amerikalı gibiyseniz, muhtemelen bir akıllı telefonunuz veya tabletiniz veya her ikisine de sahipsiniz. Ancak, bugün piyasada dolaşan tüm farklı ekran boyutları, işlemciler ve işletim sistemleriyle donatılmış bu cihazlara sahip olmanız pek olası değildir. Neyse ki HubSpot'taki iyi insanlar, web sitenizi her cihazda test etmek zorunda kalmadan çeşitli cihazlarda görüntülemenize olanak tanıyan bir araç oluşturdu. Cihaz Laboratuvarı 2013'te başlatıldı ve sitenizin URL'sini girmenize izin veriyor.

Cihaz Laboratuvarı, yalnızca sayfanızın farklı cihazlarda ve işletim sistemlerinde nasıl göründüğünü göstermekle kalmaz, çeşitli platformlardan gelen mobil ziyaretçilerin yüzdesi hakkında hızlı raporlar oluşturur. iPhone 4/4S, iPhone 5 ve iPhone 6/6 Plus'ın yanı sıra Samsung Galaxy S3/S4/S5 cihazları ve günümüzün en popüler tablet cihazları için raporları göreceksiniz.

Mobil Dostu Site Nasıl Oluşturulur

Device Lab, web sitenizi çeşitli platformlarda görüntülemenize yardımcı olacaktır. Sayfanızın tabletlerde kesilip kesilmediğini veya ziyaretçilerin çok fazla yakınlaştırma ve kaydırma eylemi gerektirip gerektirmediğini göreceksiniz, ancak mobil uyumlu bir platform geliştirmek için gerekli değişiklikleri nasıl yapacağınızı söylemez. Tüketicilerinizin, sitenize eriştikleri cihazdan bağımsız olarak, kullanıcı dostu, ilgi çekici bir web sitesi bulmasını sağlamak istiyorsunuz.

Girişimci, herhangi bir cihazda harika görünen bir site oluşturmak isteyen web yöneticileri için bazı temel başlangıç ​​noktaları sunar. Yeni başlayanlar için, mevcut sitenizi gözden geçirmeli ve günümüzün web kullanıcısıyla eşleştiğinden emin olmalısınız. Dünya çapında bir milyardan fazla insan akıllı telefonlar kullanıyor ve birçoğu onları İnternet için birincil erişim noktası olarak kullanıyor.

Genel site tasarımınızı basitleştirerek başlayın. Daha hızlı yükleme süreleri ve mobil cihazlarda daha kolay görüntüleme için daha basit sayfa tasarımları ve daha büyük yazı tipi boyutları düşünmelisiniz. Eski gazete terimi "ekranın üst kısmı" modern web tasarımında önemlidir. İzleyicileriniz bir mobil cihazda sayfayı aşağı kaydırmak zorunda kalırsa, iyi tasarlanmış bir site lehine çabucak vazgeçerler. Kritik bilgilerinizin ekranın üst kısmında olduğundan emin olun (yani onu bulmak için kaydırmak gerekmez) ve büyük, dokunulabilir düğmeler kullanın. Popo arama geçmişte kaldı, ancak şişman parmaklar akıllı telefonlarda günlük olarak yanlışlıkla düğmeye basılmasına neden oluyor.

Mevcut web sitenizi uyarlamakla uğraşmak istemiyorsanız, mobil site oluşturma seçeneğiniz de vardır. İşletmeniz için bir mobil site geliştirmek, geleneksel web sitenizden ayrı, ancak onunla bağlantılı olan paralel bir web sitesi kurar. İşlemciler, ziyaretçilerin masaüstü/dizüstü bilgisayarlardan mı yoksa akıllı telefonlardan/tabletlerden mi geldiğini belirler ve URL'nizi girdiklerinde onları hemen mobil sitenize yönlendirir.

Yine de bir mobil siteyle gelen ödünleşmeler var. Başta .m alt alanı olmak üzere ikinci bir URL kullanan bir mobil site oluşturmak, arama motorlarındaki görünürlüğünüz zarar görecektir. Google ve Bing, .m alt alanında bulunmaz ve daha fazla görünürlük ve arama motoru optimizasyonu için web yöneticilerini tek bir URL kullanmaya zorlar.

Bununla birlikte, bütçeniz sizi birincil sitenizi yeniden oluşturmak yerine ayrı bir mobil site oluşturmaya zorlayabilir. Daha az görünür olan bir mobil site, mobil kitleyi tamamen gözden kaçırmaktan daha iyidir. Mobil sitenizi ana sitenize bağladığınızdan emin olun ve aradaki boşluğun bir kısmını kapatabilirsiniz.

En iyi seçenek

Elbette, işinize her zaman önemli bir yatırım yapabilir ve istediğiniz zaman herhangi bir cihazda çalışacak bir siteyi yeniden oluşturabilirsiniz. Uyarlanabilir ve duyarlı tasarım sayesinde, kullandıkları cihazdan bağımsız olarak, ziyaretçiler sayfanıza her tıkladıklarında düzgün görüntülendiği kanıtlanmış bir web sitesi oluşturabilirsiniz. İşte her iki kavram için kısa bir giriş:

• Uyarlanabilir Tasarım: Büyük şirketler uyarlanabilir tasarıma büyük yatırım yapar. Uyarlanabilir bir web sitesi, her kullanıcının cihazını saniyeler içinde algılar ve tanımlar ve söz konusu cihazın özelliklerine uygun bir sayfa oluşturur.
• Duyarlı Tasarım: Basamaklı Stil Sayfaları (CSS) teknolojisini kullanan duyarlı tasarım, web sitenizin eski cep telefonları hariç çoğu cihazda düzgün görüntülenecek şekilde otomatik olarak ayarlanan tek bir sürümünü oluşturur. Duyarlı tasarımlar, bir cihazdaki ekranın boyutu veya işlemci hızı ne olursa olsun sitenizin iyi görünmesini sağlayacak kadar esnektir.

Bu yaklaşımların dezavantajları vardır. Uyarlanabilir tasarım, bugün web sitesi tasarımının zirvesini temsil eder, ancak uygulanması ve desteklenmesi inanılmaz derecede pahalıdır. Duyarlı tasarım daha uygun maliyetlidir, ancak tam olarak uyarlanabilir tasarım düzeyinde değildir. Yine de, diğer seçeneklerle karşılaştırıldığında responsive, basit bir mobil site oluşturmanın ötesindedir.

Web tasarımını yeniden tasarlarken, bu yazıda bahsettiğimiz faktörleri aklınızda bulundurun. Bütçeniz ne olursa olsun, herhangi bir cihazda görünür ve kullanıcı dostu bir web sitesi tasarlamak için para ayırmanız gerekir. Bugün akıllı telefonlar, tabletler ve sayıları giderek artan Akıllı TV'ler var. Yarın, tüketiciler sayfanızı mutfakta buzdolabı kapılarında veya banyoda aynalarda görüntüleyebilir. Web sitenizi bugün zorluklara hazırlayın.