İletişim sayfası çok önemlidir, bu nedenle tasarımına özel dikkat gösterilmelidir. İletişim sayfası ne kadar kullanışlı olursa site sahibine o kadar çok fırsat açılır. İletişim sayfası, uygun şekilde tasarlanmışsa, dönüşüm oranını etkileyebilir: Bir kullanıcı bir site yöneticisi veya yöneticisiyle kolayca iletişim kurabilirse, olumlu bir etkileşim deneyimi yaşayacaktır. İşlem ne kadar kolaysa, kullanıcının doldurması gereken alan veya formlar ne kadar azsa, dönüşüm için o kadar iyidir.
İyi bir iletişim sayfası, ziyaretçileriniz ve site sahibi arasında iyi bir ilişki için koşulları oluşturduğundan sitenizi iyileştirebilir. Ne tür bir site olduğu, çevrimiçi mağaza, haber portalı veya web hizmeti olup olmadığı önemli değil - geri bildirim son derece önemlidir.
Buna rağmen, birçok tasarımcı, ana içerik sayfalarının tasarımına odaklanarak, iyi tasarlanmış bir iletişim sayfasının önemini hafife alır.
Öyle ki, kullanıcının sitenin sahibiyle hızlı bir şekilde iletişim kurması veya müşteri desteğine başvurması gerekir. Ancak, site aramasını kullansanız bile hiçbir şey işe yaramaz. Bazen gerekli bilgiler sitede bulunur, ancak tasarımcı doğru navigasyona dikkat etmediği ve kullanıcı istenen bağlantıyı görmediği için "gizlidir". Çaresiz kullanıcı zaten bir telefon görüşmesi yapmaya hazırdır, ancak onu da bulamaz.
İletişim sayfalarının tasarımına çok önem veren şirketler ve web hizmetleri son derece dikkatli davranıyor. Bu sayfa sadece iletişim bilgilerini içermediğinden, kullanıcının ihtiyaç duyduğu bilgileri içerir ve etkileşimlidir. Ve en önemlisi, iyi bir iletişim sayfası, kullanıcıyı siteyle tekrar tekrar etkileşime girmeye teşvik eder.
İletişim sayfası bir tür iletişim platformudur. Site sahibi müşterilerin görüşlerini ifade etmesine izin veriyorsa, bu zaten bir diyalog davetidir. Web geliştiricileri ve kullanıcıları bu işbirliğinden yararlanabilir ve bu nedenle uygun şekilde tasarlanması gerekir.
Bildiğiniz gibi tasarımda işlevsellik en önemli faktörlerden biridir. İletişim sayfası önemli bilgiler içerir, ancak çok fazla değildir, bu da bazen işlevin hatalı değerlendirilmesine yol açabilir. Site sahibi, sayfaya bir e-posta adresi ve telefon numarası koyduysa, bunun yeterli olduğunu düşünüyor. Bazen haklıdır.
Bununla birlikte, işlevselliği iki kez kontrol etmek, zarardan çok yarar sağlayabilir. Bilgiyle aşırı yüklenen kırık bağlantılar veya sayfaların tümü etkileşime zarar verir. Site sahibi önemli bir mesaj almayabilir, ancak en kötüsü, güncel olmayan veya yanlış bilgi verirse olur. Bir iletişim sayfası tasarlarken her şeyden önce kullanıcıları düşünmeniz gerekir, çünkü sonuçta bu sayfa özellikle onlar için yaratılmıştır.
Konum
İletişim sayfasının her zaman kullanıcılara açık olduğundan emin olmak zorunludur. Sitenin görünümü, özel bir tasarıma sahip olsa bile, kullanıcılar kişilerin bulunduğu sayfayı bulamazsa hiçbir şey ifade etmez. Bazen oldukça karmaşık iletişim formları tasarlamanız gerekir, bu nedenle talimatlara önceden dikkat etmeniz gerekir. Adım adım bir kılavuzları varsa, kullanıcıların site sahibiyle iletişim kurması daha kolay olacaktır.
Bir web sitesi tasarımcısının iki noktayı akılda tutması önemlidir:
- Birincil gezinme her zaman bir iletişim sayfası içermelidir
- Kullanıcılar, dahili sayfalardan hangisine gelirlerse gelsinler, siteye ilk ziyaretlerinden itibaren iletişim sayfasını bulmalıdır.
Tasarımcıların edindiği deneyime dayanarak, kullanıcılar iletişim bilgilerini sayfanın sağ tarafında arama eğilimindedir, bu nedenle "İletişim" bağlantısını buraya yerleştirmek mantıklıdır. Bu bilgilerin kullanıcı için ikincil öneme sahip olduğu unutulmamalıdır, bu nedenle sitenin bu bölümünü çok görünür veya müdahaleci yapmayın. Sayfanın sağ üst köşesinde bulunan iletişim sayfasına giden bağlantı en iyi sonucu verir. Hepsinden kötüsü, kullanıcılar bunu fark etmeyebileceğinden, açılır menüdeki bağlantıdır.
Basit iletişim formları
Ticari siteler için yukarıda da bahsettiğimiz gibi iletişim sayfası çok önemlidir. Sitedeki diğer sayfalar kadar güzel olmasa da sade, kullanıcı dostu ve anlaşılır olmalıdır. Bilgiler doğru yapılandırılmamışsa, yetersiz çalışıyorsa veya yanıltıcıysa, site sahibinin müşterileriyle uzun vadeli ilişkiler kurması pek olası değildir.
Genellikle mesaj bırakmak isteyen bir kullanıcının iletişim formunu dolduramadığı için siteden ayrıldığı görülmektedir. Ya da çok uzun ya da karmaşıksa istemiyor. Bugün kullanıcılar ayrıntılı formları doldurmakla vakit kaybetmek istemiyorlar, bu yüzden onları basitleştirmeyi düşünmeye değer. Form ne kadar basit olursa, kullanıcı deneyimi de dahil olmak üzere o kadar iyidir, bu nedenle temel bilgileri toplamaya odaklanmanız gerekir.
tam ifade
Resmi sitelerden bahsedersek, iletişim sayfası hariç tüm sayfalarda, kullanıcının şirketin müşterisi olarak elde edeceği faydalar hakkında net ve kesin formülasyonlara uymanız gerekir. Bu ne için? Gereksiz tüm bilgilerden arınmak, dikkat çekmenin ve elde tutmanın en etkili yoludur. Güzel bir şekilde özetlenmiş veriler, insanların ihtiyaç duyduklarını kolayca bulabilmeleri için kısa olmalıdır.
Ayrıca görsel bileşenleri de unutmayın. Ve bu sadece göz alıcı iletişim formu tasarımlarıyla ilgili değil. Şirketin fiziksel bir adresi varsa, iletişim sayfasına bir harita yerleştirerek kullanıcılara yardımcı olabilirsiniz. Büyük şehirlerde bulunan şirketler için, kullanıcılara ofislerine, mağazalarına veya depolarına gitmelerinin nasıl daha kolay olacağını açıklamak çok önemlidir.
İletişim sayfalarının duyarlılığı
Herhangi bir internet işletmesi için yanıt verme her şeydir. Bu, istisnasız, zor ve hızlı bir kuraldır. İnternet hızlı bir şekilde geliştiğinden ve piyasada giderek daha fazla yeni cihaz göründüğünden, bu, kişinin hangi tarayıcıyı veya cihazı kullandığından bağımsız olarak iletişim bilgilerinin mevcut olması gerektiği anlamına gelir. Bugün rekabette kaybetmek çok kolay - iletişim sayfasını mobil cihazlarda görüntülemek için optimize etmemek yeterli.
İntegral bileşenler
Hangisi daha iyi: bir e-posta adresi mi yoksa bir iletişim formu mu? Kullanıcıların ihtiyaç duydukları servis sağlayıcılarla bağlantı kurmanın kolay yollarına ihtiyacı vardır, bu nedenle onları karşılamanız gerekir. E-posta ile iletişim kurmaya veya bir iletişim formu göndermeye odaklanabilirsiniz - her yöntemin artıları ve eksileri vardır.
İletişim Formları
- İletişim formu, kullanıcıları başka bir sayfaya gitmeye zorlamamalıdır
- İletişim formu bir hesap oluşturmak veya e-posta ile giriş yapmak için değildir.
- Form, mümkünse otomatik tamamlama işlevine sahip olmalıdır
- İletişim formu, mesaj ve bildirim gönderme işlevine sahip olmalıdır
E-posta
- E-posta iletişimi kullanıcı açısından güvenli olmalıdır
- Gönderilen tüm verileri ileride kullanmak üzere kaydetmeniz önerilir.
- Alınan mesajlarla çalışma sistematik olarak yapılmalıdır, ayrıca veri yedeklemesine de dikkat etmeniz gerekir.
Doğrulama formu
Sitenizin kullanıcıları hakkında daha fazla bilgi sahibi olmanız gerektiğinde kontrol formları çok önemlidir. Ayrıca doğrulama işlemi, hatalı girilen verilere veya boş alanlara dikkati çekebileceğinden, bir şekilde kullanıcıyı doğru yöne yönlendirir. Böylece doğrulama formu, doldurma işleminin sonunda kişi, mesajının doğru adrese gideceğine kesin olarak ikna olacağından, müşterilere zaman kazandırır.
Telefon numaraları
Birçok şirket, sürekli aramaların iş akışlarını engelleyeceğinden korktukları için iletişim sayfalarında telefon numaraları listelemez. Ancak kartta olduğu gibi, iletişim sayfasındaki telefon numaraları, kullanıcının markaya olan güvenini artırmakta, müşteriler kendilerini güvende hissetmekte, zor bir durumda bir şirket çalışanı ile iletişime geçebileceklerine ve yaşanan sorunu tartışabileceklerine inanmaktadırlar. ortaya çıktı. Telefon numarası, site sahibi ile kullanıcı arasındaki mesafeyi kısaltır, bu hem geleneksel şirketler hem de fiziksel bir adresi olmayan çevrimiçi hizmetler için geçerlidir.
Sosyal medya profilleri
Sosyal medya düğmeleri, iletişim sayfalarında giderek daha yaygın hale geliyor. Bu yaklaşım, özellikle 7/24 müşteri desteği sağlanıyorsa, sitenin yeteneklerini önemli ölçüde artırabilir. Birçok kişi bir şirketle sosyal ağ üzerinden bağlantı kurmayı daha uygun buluyor, bu nedenle kullanıcıyla bu şekilde etkileşim kurmayı düşünmeye değer.
İletişim sayfası tasarlama
Gerçekten iyi iletişim sayfaları, onları tasarlayan tasarımcıların yüksek becerisine tanıklık eder. Ve tasarımın en önemli kısmı iletişim sayfasının görsel stilidir. İletişim formları söz konusu olduğunda, bu, veri göndermeyi kolaylaştıran geniş alanlar anlamına gelir. Form güzel görünüyorsa, daha iyi çalışır.
Tasarıma başlamadan önce tasarımcı, müşteri tarafından sağlanan tüm iletişim bilgilerinin ayrıntılı bir incelemesini yapmalıdır. Tüm unsurlar iyi organize edilmeli ve uyumlu bir şekilde birleştirilmelidir. Kullanıcının hem siteyi hem de markayı benzersiz bir şekilde tanımlayabilmesi için iletişim sayfasının sitenin renk şemasıyla eşleşmesi gerektiği de unutulmamalıdır.
Çözüm
İletişim sayfası her zaman görünür olmalıdır. Bu sadece ana sayfa için değil, sitenin diğer tüm sayfaları için de geçerlidir. Bir iletişim sayfası tasarlarken, kullanıcıların site sahibi veya destek ekibiyle yalnızca "Kişiler" sekmesinde gördükleri şekilde iletişim kurabileceklerini unutmayın. Kolaylık ve basitlik bu durumda başarının anahtarıdır. Kullanıcılara istediklerini vermelisiniz. Kullanıcının siteye kişisel verilerini girmesi gerekiyorsa, temel soruları sormak en iyisidir: ad, soyad, e-posta adresi. İletişim formu fazladan alanlar içermemelidir. Ayrıca, iletişim sayfasının yanıt verebilirliğine de dikkat etmeniz gerekir - bunlar herhangi bir tarayıcıda ve herhangi bir cihazda görüntülenmelidir. İletişim sayfası doğru tasarlanmışsa, sitenin kullanıcılar arasında başarı şansı önemli ölçüde artar.
Uyarlanabilir düzen site, web sayfalarının tabletlerin ve akıllı telefonların ekranlarına otomatik olarak ayarlanmasını sağlar. Mobil İnternet trafiği her yıl artıyor ve bu trafiği verimli bir şekilde işlemek için kullanıcılara kullanıcı dostu bir arayüze sahip duyarlı siteler sunmanız gerekiyor.
Arama motorları, bir web sitesinin mobil cihazlarda görüntülendiğinde yanıt verme hızını değerlendirmek için bir dizi kriter kullanır. Google, mobil uyumlu web sitelerini mobil arama sonuçlarında özel bir işaretle işaretleyerek akıllı telefon ve tablet sahiplerinin interneti kullanmasını kolaylaştırmaya çalışıyor. mobil uyumlu... Yandex ayrıca mobil aramada kullanıcılar için mobil / duyarlı sürümü olan siteleri tercih eden bir algoritmaya sahiptir.
Sayfanın görüntüsünü mobil cihazlarda servisler ve üzerinden kontrol edebilirsiniz.
Pirinç. 1. Sitenin mobil cihazlara uygunluğu hakkında bir not ile Yandex ve Google'ın mobil arama sonuçları Duyarlı düzen nedir
Duyarlı düzen, herhangi bir cihazda görüntülendiğinde yatay kaydırma çubuğunun ve ölçeklenebilir alanların, okunabilir metnin ve tıklanabilir öğeler için geniş alanların bulunmadığını varsayar. Medya sorgularının yardımıyla, sayfadaki blokların düzenini ve düzenini kontrol edebilir, şablonu farklı cihaz ekran boyutlarına uyum sağlayacak şekilde yeniden oluşturabilirsiniz.
Duyarlı bir web sitesi oluşturmak için temel teknikler makalede verilmiştir. İçin duyarlı tasarım sitenin ana kapsayıcısının genişliği % olarak ayarlanırken, tarayıcı penceresinin genişliğinin %100'üne eşit veya daha az olabilir. Izgara sütunlarının genişliği de % olarak ayarlanır. İÇİNDE duyarlı tasarım ana kap ve ızgara sütunlarının genişlikleri, px değerleri kullanılarak sabitlenir.
Bu derste tartışılan duyarlı akışkan düzeni tekniği, iki sütunlu bir düzende harika çalışır ve siteyi mobil cihazlarda duyarlı ve kolay görüntülenebilir hale getirir. Şablon, sayfaların ana içeriğinin farklı bir düzenini varsayar, bu derste ana sayfanın düzeni demonte edilecektir.
Ana sayfanın düzeni
Bir sayfa üç ana bloktan oluşur: bir başlık (başlık), ana içerik ve kenar çubuğu için bir sarmalayıcı kap ve bir alt bilgi (alt bilgi). Tasarım devrilme noktalarımız olarak 768 piksel ve 480 piksel alacağız.
İlk noktada üst menüyü gizleyip kenar çubuğunu yazıların olduğu konteynerin altına taşıyacağız. İkinci noktada başlık öğelerinin konumunu değiştireceğiz, gönderilerdeki sosyal medya butonlarının yerleşimini iptal edeceğiz ve altbilgi sütunlarının etrafındaki akışı iptal edeceğiz.
Pirinç. 2. Duyarlı bir düzen örneği 1. Meta etiketler ve bölüm
1) bölüme ekleyin
gerekli dosyalar - kullanılan yazı tiplerine, jQuery kitaplığına ve ön eksiz eklentiye bir bağlantı (özellikler için tarayıcı önekleri yazmamak için):
2. Sayfa başlığı
Sayfanın başlığında
Amblem ;
ana menüyü göstermek / gizlemek için düğme
