Çok Dilli Web Siteniz için Düzen Fikirleri: Kullanıcı Deneyimini İyileştirme

Bir web sitesi oluşturmak veya tasarlamak, çeşitli şablonlardan en havalı olduğunu düşündüğünüzü seçmek kadar kolay değildir. Bir web sitesinin görünümü ve verdiği his çok önemli faktörler olsa da, karar vermeden önce düşünmeniz gereken tek şey bunlar değildir.

Şu bir gerçektir: Web sitenizin başarısı, düzeniyle, kullanıcıların siteyi kullanırken veya gezinirken nasıl hissettikleri ile bağlantılıdır. Bu kesinlikle ziyaretçilerinizi siteniz hakkındaki görüşlerinde ve bir satın alma işlemi yapmayı düşünüp düşünmeyeceklerinde daha iyi veya daha kötü yönde etkiler.

Şaka yapmıyorum! Dijital Ajanslar Derneği'nin (SoDA) bir raporuna göre , zayıf bir web sitesi kullanıcı deneyimi işletmeler için zararlıdır. Bu nedenle, mükemmel bir düzene sahip olmak, web sitesi ve kullanıcı deneyimi tasarımının çok önemli bir yönüdür.

Bazı ortak özellikleri de fark etmiş olabilirsiniz, çünkü diğer tüm sektörlerde olduğu gibi trendler de tasarım dünyasını kasıp kavuruyor. Günümüzde tam sayfa görüntüler ve üç sütunlu tasarım, tasarımcılar arasında çok popüler.

Ama sorun şu ki, her iki yolun da geçerli olduğunu önceden bilmelisiniz, her ikisinin de artıları ve eksileri var. Peki ne yapman gerektiğini düşünüyorsun? Seçenekler, kolektif tahayyüldeki bu unsurların aşinalığından yararlanmaktır ya da çılgınca farklı bir şey yaparak öne çıkıp mağazanıza dikkat çekmeye karar verebilirsiniz! Cevaplanması kolay bir soru değil ve seçiminiz hedef kitlenize bağlı olacaktır.

Harika bir web sitesinin özellikleri

Büyüklük olasılıklarının pek çok biçimde ve pek çok yerden geldiğini rahatlıkla söyleyebiliriz; üzerinde çalışılacak çok şey, pek çok seçenek, pek çok potansiyel vardır. En iyi seçimleriniz, hedef kitlenize ve yürüttüğünüz işin türüne bağlı olacaktır. Bu seçimler marka imajınızı oluşturur ve yansıtır.

Adobe'ye göre, insanların üçte ikisi, zamanın kısıtlı olduğu durumlarda sade bir şeydense güzel tasarlanmış bir şeyi okumayı tercih ediyor; ve insanların %38'i çekici olmayan bir web sitesinden ayrılacak. Bunlar, pek çok özgüllüğü olmayan çok genel ifadeler gibi görünüyor. Ancak UX ve UI her zaman tasarım uzmanları tarafından incelenir, bu nedenle bir yabancıya göre "güzel" tanımını aramak yerine güzelleştirebileceğimiz şeyleri aramalı ve bağlamımızda güzelliğin ne anlama geldiğini tanımlamalıyız.

Tüm işletmeler aynı olmadığı için iyi bir web sitesinin kriterleri de aynı olmayacaktır ancak web sitesi tasarlama görevini oluşturan tüm farklı unsurlardan bahsedebilir ve iş alanınızı düşünürken bunlar üzerinde de düşünebilirsiniz. ve ilkeler.

1. Derli toplu : İçeriğinizin arasına boşluk koyun, yalnızca kullanıcının ilgi duyduğu şeyleri göstermeye çalışın. “Süslemelerden” kurtulun. Öğelerin daha kolay okunabilmesi için önemli ölçüde negatif boşluk bırakın.
2. Arayüz : Gezinmeyi basitleştirin. Bir bölümden diğerine giden basit yollara sahip olun.
3. Görsel hiyerarşi : Grafik öğelerini önem sırasına göre düzenleyin. En önemli şeyler önce gelebilir veya en fazla alanı kaplayabilir, ziyaretçilerinizin gözlerini farklı öğeler arasında yönlendirerek gezinmelerine yardımcı olun. Örneğin, insanlar önce daha büyük şeyleri okurlar .
4. Renk paleti ve görüntü seçimi : Özetle, parlak renkler öne çıkar ve bu nedenle vurgu olarak harika çalışır ve doğru görüntülerle eşleştirildiğinde ziyaretçilerinizin ilgisini daha uzun süre tutabilirsiniz!
5. Mobil uyumlu : Temmuz 2019 itibariyle, tüm yeni web alan adları için varsayılan , mobil öncelikli dizine eklemedir ve ayrıca aramalarda mobil uyumlu web sayfalarının sıralamasını yükseltmiştir . Bu nedenle, mobil sürümünüzün düzeninin de iyi çalıştığından emin olun.
6. Dil değiştirme düğmesi : Gerçekler, yaşadığınız ülkenin satın alabileceğiniz yerleri sınırlamadığı sınır ötesi bir ekonomide yaşadığımızı söylüyorsa, gelişmek istiyorsanız çok dilli bir web sitesine sahip olmamak bir seçenek değildir. .

Çok dilli web siteleri neye benziyor?

Harika haber! Rahat olabilirsiniz, çok dilli bir web sitesi oluşturmak çile değildir, ConveyThis'i kullanarak web sitenizin düzeninin köşelerinden birine küçük bir dil düğmesi eklemek kadar kolaydır. Uluslararası olarak çevrimiçi iş yapmak hiç bu kadar kolay olmamıştı.

Bazı web sitesi düzenlerine bir göz atalım ve onları bu kadar çekici kılan şeyin ne olduğunu analiz edelim.

Crabtree ve Evelyn

Almanya'da başlayan ancak işini harika bir düzen ve dil seçenekleriyle dünyaya taşıyan bir vücut ve koku şirketi olan Crabtree & Evelyn ile başlayalım.

Ürün çeşitliliği çok geniş olduğundan, yerleşim düzenine dikkat ederek ve ana sayfalarının ekranını önce basit bir mesajla, bu durumda tatil sezonuyla ilgili olarak doldurmak gibi dikkatli tasarım kararları vererek ziyaretçilerini bunaltmamayı seçtiler. , aşağı kaydırdığınızda veya “Shop Now” butonuna tıkladığınızda ise ziyaretçi ürünlere yönlendirilmektedir.

Gerçekten sofistike ve temiz bir görünüm, ziyaretçiler kesinlikle daha uzun süre kalacak ve bu deneyimin büyüsüne kapılacaklar. Menü ile ilgili olarak, arama yapmak için iki seçenek vardır, aradığınızı daralttıysanız, bir anahtar kelime yazabileceğiniz bir arama düğmesi; veya alışveriş düğmesine tıklayın ve ardından kategoriye veya koleksiyona göre nerede veya nasıl keşfetmek istediğinizi seçin veya hediye setlerine göz atın.

Ve şimdi gelmiş geçmiş en harika şeye, dil değiştiriciye. Sayfanın alt kısmında bulabilirsiniz ve tıkladığınızda size alternatifli açılır menülerle mevcut mağaza ayarlarını gösterir.

Ve bu , daha önce dil düğmelerinin türleri hakkındaki makalede bahsettiğimiz bir şeydir, biri alan ve diğeri dil olmak üzere iki seçeneğe sahip olmaları harika, çünkü herkesin kendi dilinde veya kendi dilinde göz atmadığını biliyoruz. ülke. Bu web sitesi, iyi yapılmış bir yerelleştirme işinin mükemmel bir örneğidir. Web sitenizi tüm dünyadaki kullanıcılar için nasıl daha hoş hale getirebileceğiniz hakkında daha fazla bilgi edinmek için ConveyThis ekibiyle iletişime geçin!

Dijital Darphane

Öncelikle muhteşem bir çalışma. Her yerde harika kararlar, sence de öyle değil mi? Ve kontrast ve odak alanları oluşturmak için harika renk kullanımı. Bu siteyle ilgili tüm iyi şeyleri listeleyelim: negatif alan, farklı boyutlarda yazı tipleri, özel çizimler, renk ve renk tonu.

Farklı boyuttaki öğelerin düzeni size okumaya nereden başlayacağınızı gösterir ve boşluk okuyucuya duraklaması için zaman verir.

Burada net bir görsel hiyerarşi örneğimiz var:

En azdan en önemliye doğru: iş ortakları daha açık tonlarda, küçük puntoda “Oluştur”, siyah zemin ve beyaz harflerle “haydi konuşalım” düğmesi, büyük ve kalın yazı tipinde “Evrimsel dijital” ve “pazarlama” öncekiyle aynı yazı tipinde ancak yeşille vurgulanmış.

Ek olarak, "Gerçekleştir" ve "Hadi konuşalım" zorunlulukları da ziyaretçinin göz atma deneyiminde yardımcı olur.

Gezinme çubuğu, Crabtree & Evelyn'inki kadar basit ve anlaşılır ve sağdaki sosyal medya çubuğu, bir araç olarak büyük ölçüde sosyal medyaya güvenen işletmeler için harika bir seçim.

Dil düğmelerini sayfanın altında bulabilirsiniz, küçüktürler, ancak tüm seçenekler görünür ve renkleri parlaktır ve Digital Menta renk paletinden çok farklıdır, bu nedenle kolayca bulunabilirler.

Yoga

Burada, derli toplu web sitelerinin sevimli bir örneğine sahibiz. Çok fazla negatif alan var ve renkli figürler canlandırılmış, bu ziyaretçilerde merak duygusu uyandırıyor! Sıradan tarayıcılar kesinlikle kalacak ve web sitesinin geri kalanına bir göz atacak ve Yogang hakkında daha fazla bilgi edinecek. Mükemmel tasarım.

Yogang, çocuklar için fiziksel aktivite, rahatlama, paylaşma ve yaratıcılığı birleştiren eğlenceli bir oyundur ve ana sayfaları bunu yansıtır. Yoga pozları veren farklı karakterlerin animasyonu, programlama becerilerini göstermekle ilgili değil, ürünün ruhunun bir yansımasıdır.

Yogang'ı çocuklarınızın çocukluğunun bir parçası haline getirmek için aynı anda sevimli ve harekete geçirici bir mesaj. Bir "Satın Al" düğmesiyle anlık alıcılara hitap ederler ve aynı zamanda potansiyel bir müşteriyi öğreticilere yönlendirerek önce ürün hakkında daha fazla bilgi edinmelerine yardımcı olurlar.

Daha uzun menü çubukları, B2B ve B2C sattıkları için haklıdır, bu nedenle farklı şeyler arayan farklı türden ziyaretçileri vardır ve hepsinin aradıklarını hızlı bir şekilde bulmaları gerekir.

Dil düğmesi, "EN" ve "FR" seçenekleriyle göze batmayan bir düğmedir. Dar dil seçeneklerine sahipler, ancak en büyük pazarlarını açıkça belirlediler ve kullanıcı için mümkün olan en iyi deneyimi sağlamaya yoğun bir şekilde odaklandılar.

Lacivert veya Gri

Bu listede çok sayıda özel sanat eseri olduğunu biliyoruz. Bu çok yönlü bir unsur ve bu web siteleri, belirli bir görünüm ve his yaratmak için bunları çok iyi kullanıyor.

Lacivert ve Gri bu listedeki son örnek, daha önce övdüğümüz özellikleri de var, onları da belirlediniz mi? Çok sofistike bir deneyim sağlıyor, büyüleyici. Tüm bu olumsuz alanı görmek beni sakinleştiriyor, bu web sitesine göz atma fikri beni hiç şaşırtmıyor ve anlaşılır menü çubuğu, aradığımı herhangi bir mücadele olmadan bulacağımı garanti ediyor.

Menüde “Gömlek” ve “Takım Elbise” diye ayırmalarını takdir ettim, bir terzilik işi için uygun bir karar, başka birçok mağaza bu ürünler için alt sayfalar açardı ve bu da makul bir karar ama Lacivert veya Gri için, o cilalı görünüme katkıda bulunur.

Özellikle bu web sitesi, dil düğmesini sağ üst köşeye koymuş ve seçtikleri yazı tipi web sitesinin geri kalanıyla aynı. Ve sol altta, hızlı iletişim için bir Whatsapp düğmesi eklediler.

Kitleniz için harika bir web sitesi tasarlayın

Listelenen web siteleri, iyi tasarımın genel ilkelerini takip ettikleri için harikadır, ancak aynı zamanda tüm kararlar gerekçelendirilebildiğinden, nedenleri içinde bulundukları iş alanı olabilir, ancak aynı zamanda hedef kitle de olabilir. Bu nedenle, karar verirken işletmenizin kimliğini, ideallerini ve hedef kitlesini göz önünde bulundurmayı unutmayın.

Anahtar, aramayı nasıl basitleştireceğinizi ve ziyaretçinizi aradıkları şeye en az tıklama ile nasıl yönlendireceğinizi düşünmektir.

Özetle, ziyaretçilerinize ana sayfaya eriştikleri anda bir harekete geçirici mesaj verin ve zıtlık yaratmak ve mesajınız gibi önemli şeyleri vurgulamak için negatif alan kullanın; ve son olarak, basit bir menüye ve bir dil düğmesine sahip olun.

Uluslararası satış yapmaya hazır görünüyorsunuz ve muhtemelen bu makaleyi okurken pek çok harika fikir buldunuz. ConveyThis hakkında daha fazla bilgi edinin ve çevrimiçi satışlarınızı artırın!