Mobil uyumlu hazır web sitesi arayan bir işletme için ilk soru, sayfanın telefona sığıp sığmadığı olabilir. Ancak küçük ekranda kullanım bundan daha fazlasını içerir. Ziyaretçi hizmeti anlayabilmeli, ilgili ayrıntıya ulaşabilmeli ve işletmeyle nasıl iletişim kuracağını görebilmelidir. Hazır bir tasarımı seçerken bu adımların her birini denemek, yalnızca ekran görüntüsüne bakarak karar vermekten daha açıklayıcıdır.
Telefonla gelen herkes aynı davranmaz. Bir müşteri uzun hizmet açıklamasını okur, diğeri yalnızca adresi arar. Bu iki kişinin aynı sayfayı rahatça kullanabilmesi için içerik katmanlı hazırlanabilir. İlk bölümde hizmet kısa ve anlaşılır biçimde tanımlanır. Ayrıntılar, ne anlattığı belli olan başlıkların altında devam eder. Böylece açıklama isteyen ziyaretçi bilgi bulurken, hızlıca iletişime geçmek isteyen kişi de yolunu kaybetmez.
Hazır web sitesi tasarımında ilk ekranı değerlendirin
İlk ekrandaki büyük görselin işletmenin yaptığı işi anlatıp anlatmadığına bakın. Genel bir manzara fotoğrafı bazı sektörlerde anlamlı olabilir; fakat hizmet hakkında hiçbir ipucu vermiyorsa metnin yükü artar. İşletme adıyla birlikte somut bir faaliyet tanımı kullanmak bu boşluğu azaltır. Bir bakım firmasının hangi ürünlerle ilgilendiğini belirtmesi, ziyaretçinin doğru yere geldiğini anlamasına yardımcı olur.
Bu alana bütün hizmetleri ve iletişim seçeneklerini sıkıştırmak gerekmez. Sayfanın devamında hangi bilginin geleceğini düşünün. Ana hizmet gruplarını gösteren bir bölüm, bazı işletmelerde büyük bir tanıtım metninden önce gelebilir. Çalışmalarını görsellerle anlatan bir atölyede seçilmiş örnekler daha yararlı olabilir. Hazır tasarımdaki örnek bölüm sırasını kesin kural kabul etmeyin; içeriği işletmenin gerçek müşteri sorularına göre hazırlayın.
Menüyü dokunarak kullanın
Masaüstünde açık duran menü telefonda bir simgenin arkasına yerleşebilir. Menüyü açın, istediğiniz hizmeti bulun ve sayfaya geçin. Bağlantı başlıkları anlaşılır mı? Alt başlıklar birbirinden ayırt ediliyor mu? Uzun firma adları veya hizmet isimleri beklenmedik satır kırılımları oluşturuyor mu? İncelemeyi mümkünse gerçek cihazda yapın. Fareyle rahat seçilen küçük bir alan parmakla kullanımda güçlük çıkarabilir.
Menüye her ayrıntıyı eklemek yerine ziyaretçinin karar verebileceği gruplar oluşturun. “Diğer” veya “Çeşitli” gibi belirsiz başlıklar ancak içerikleri gerçekten anlaşılabiliyorsa işe yarar. Bir hizmetin bağlantısını bulabilmek için bütün menüyü sırayla açmak gerekiyorsa adlandırmayı yeniden değerlendirin. Telefon ekranında kısa bir liste hazırlamak kadar, listenin hangi mantıkla sıralandığını belli etmek de kullanımın parçasıdır.
Fotoğraf ile metnin görevlerini ayırın
Görselin içine gömülmüş açıklamalar telefonda küçülebilir. Hizmet adı, telefon numarası veya önemli koşullar gibi bilgileri normal metin alanında sunmak daha okunabilir bir düzen kurar. Fotoğrafın görevi işi göstermek olabilir; kapsam açıklamasını yanında veya altında vermek mümkündür. Böyle bir yapı, farklı ekran boyutlarında metni yeniden düzenlemeyi de kolaylaştırır. Aynı açıklamayı hem görselde hem paragrafta tekrarlamak gerekmez.
Geniş fotoğrafların dar ekranda nasıl kırpıldığını ayrıca kontrol edin. Atölyede tamamlanan bir ürünü gösteren fotoğrafta asıl ayrıntı kenarda kalmış olabilir. Telefon görünümünde bu ayrıntı kesilirse görselin anlamı değişir. Yatay ve dik kadraj seçeneklerini hazırlarken konuyu ortada tutmak yararlıdır. Görsel seçimini yalnızca dosyanın netliğine göre yapmayın; yerleşeceği alanla ilişkisini de değerlendirin.
Kobi CMS seçimini kullanım senaryosuyla yapın
Kobi CMS için mobil uyumlu hazır web sitesi seçeneklerini incelerken belirli bir senaryo izlenebilir. Örneğin ana sayfadan bir hizmete geçip kapsamı okuyun, ardından iletişim adımına ulaşın. Kendi metin ve fotoğraflarınızı bu akışa yerleştirdiğinizde tasarımın işletmenize nasıl uyarlanacağını daha somut görürsünüz. Beğendiğiniz görünümü kullanım ihtiyacıyla birlikte değerlendirmiş olursunuz.
Telefon bağlantısı ve varsa form gibi iletişim alanlarını yayından önce deneyin. Formda kullanıcının ne yazacağı anlaşılmalı, gönderilen talebin ulaştığı kontrol edilmelidir. Farklı ekranlarda aynı adımları tekrarlamak, yerleşim sorunlarını görünür kılar. Kontrol notuna yalnızca “mobilde sorun var” yazmak yerine cihazı, sayfayı ve yapılan işlemi ekleyin. Düzeltmeden sonra aynı yolu yeniden izlemek, işlemin beklenen biçimde çalıştığını kontrol etmenizi sağlar.
Son denemeyi tasarımı daha önce görmemiş birine yaptırın. Ona hangi düğmeye dokunacağını söylemeden hizmet kapsamını bulmasını isteyin. Duraksadığı alanlar açıklamaya ihtiyaç duyuyor olabilir. Bu küçük deneme bütün kullanıcıları temsil etmez, ancak işletme içinde bilinen ifadelerin dışarıdan anlaşılmadığını gösterebilir. Mobil uyumlu hazır web sitesinin değeri, gerçek içerik ve anlaşılır yönlendirmelerle birlikte ortaya çıkar.
Kontrolü yalnızca güçlü ofis bağlantısında yapmayın. Daha yavaş bir bağlantıda fotoğraflar açılırken sayfanın okunabilir kalıp kalmadığını gözlemleyin. Yükleme sırasında düğmelerin yer değiştirmesi yanlış dokunmalara neden olabilir. Sorunlu alanları kaydederken sayfanın üstünü ve devamını birlikte düşünün. Küçük bir yerleşim değişikliği bir bölümü düzeltirken başka bir bölümün kullanımını etkileyebilir; bu nedenle son kontrolde akışı baştan sona tekrar uygulayın.