Pomysły na układ wielojęzycznej witryny internetowej: poprawianie komfortu użytkownika

Pomysły na układ Twojej wielojęzycznej witryny internetowej: Popraw wygodę użytkownika dzięki ConveyThis, wykorzystując sztuczną inteligencję, aby zapewnić płynną nawigację w wielu językach.
Przekaż to demo
Przekaż to demo
sklep 4156934 1280

Stworzenie lub zaprojektowanie strony internetowej nie jest tak łatwe, jak wybranie z zestawu szablonów tego, który uważasz za najfajniejszy. Chociaż wygląd i sposób działania strony internetowej są bardzo ważnymi czynnikami, nie są to jedyne rzeczy, o których należy pomyśleć przed podjęciem decyzji.

To fakt: sukces Twojej witryny jest powiązany z jej układem, tym, jak czują się użytkownicy podczas korzystania z niej lub przeglądania. To zdecydowanie wpływa na lepszą lub gorszą opinię odwiedzających o Twojej witrynie i na to, czy rozważą dokonanie zakupu.

Bez żartów! Według raportu Society of Digital Agencies (SoDA) złe doświadczenia użytkownika strony internetowej są szkodliwe dla firm. Dlatego posiadanie idealnego układu jest kluczowym aspektem projektowania strony internetowej i doświadczenia użytkownika.

Być może zauważyłeś również, że mają one wspólne cechy, ponieważ tak jak wszystkie inne branże, trendy szturmem podbijają świat projektowania. W dzisiejszych czasach obrazy z pełnym spadem i trzykolumnowy projekt są wściekłe wśród projektantów.

Ale oto problem, powinieneś wiedzieć wcześniej, że każda ścieżka jest poprawna, obie mają swoje zalety i wady. Jak myślisz, co powinieneś zrobić? Możesz skorzystać ze znajomości tych elementów w zbiorowym wyobrażeniu lub zdecydować się na wyróżnienie i zwrócenie uwagi na swój sklep, robiąc coś zupełnie innego! Odpowiedź na to pytanie nie jest łatwa, a wybór będzie zależał od grupy docelowej.

Cechy świetnej strony internetowej

Możemy wygodnie powiedzieć, że możliwości wielkości są w wielu formach i z wielu miejsc, jest wiele do pracy, wiele opcji, duży potencjał. Twoje najlepsze wybory zależą od grupy docelowej i rodzaju prowadzonej działalności. Te wybory tworzą i odzwierciedlają wizerunek Twojej marki.

Według firmy Adobe dwie trzecie ludzi wolałoby przeczytać coś pięknie zaprojektowanego niż coś prostego, gdy brakuje czasu; a 38% osób opuści stronę internetową, jeśli jest nieatrakcyjna. Wydaje się, że są to bardzo ogólne stwierdzenia, którym brakuje konkretów. Ale UX i UI są zawsze badane przez ekspertów od projektowania, więc zamiast szukać definicji „pięknego” według nieznajomego, powinniśmy poszukać rzeczy, które moglibyśmy uczynić pięknymi, i zdefiniować, co piękno oznacza w naszym kontekście.

Ponieważ nie wszystkie firmy są takie same, kryteria dobrej strony internetowej również nie będą pasować, ale możemy porozmawiać o wszystkich różnych elementach składających się na zadanie zaprojektowania strony internetowej i możesz się nad nimi zastanowić, jednocześnie myśląc o obszarze swojej działalności i zasady.

  1. Bez bałaganu : Umieść przestrzeń między treściami, staraj się wyświetlać tylko to, co interesuje użytkownika. Pozbądź się „ozdobników”. Miej znaczną przestrzeń ujemną, aby łatwiej było odczytać elementy.
  2. Interfejs : Spraw, aby nawigacja była prosta. Mają proste ścieżki z jednej sekcji do drugiej.
  3. Hierarchia wizualna : Ułóż elementy graficzne w kolejności ich ważności. Najważniejsze rzeczy mogą być na pierwszym miejscu lub zajmować najwięcej miejsca, pomóż odwiedzającym nawigować, kierując wzrok przez różne elementy. Na przykład ludzie najpierw czytają większe rzeczy .
  4. Paleta kolorów i dobór obrazu : Krótko mówiąc, jasne kolory wyróżniają się i dlatego świetnie sprawdzają się jako akcenty, a w połączeniu z odpowiednimi obrazami możesz dłużej zainteresować odwiedzających!
  5. Przyjazność dla urządzeń mobilnych : od lipca 2019 r. ustawieniem domyślnym dla wszystkich nowych domen internetowych jest indeksowanie zoptymalizowane pod kątem urządzeń mobilnych, a także podniesione pozycje stron internetowych dostosowanych do urządzeń mobilnych w wyszukiwaniu. Upewnij się więc, że układ Twojej wersji mobilnej również działa dobrze.
  6. Przycisk zmiany języka : kiedy fakty mówią, że żyjemy w gospodarce transgranicznej, w której kraj, w którym mieszkasz, nie ogranicza miejsca, w którym możesz kupować, brak wielojęzycznej strony internetowej nie jest opcją, jeśli chcesz się rozwijać .

Jak wyglądają wielojęzyczne strony internetowe?

Dobre wieści! Możesz się zrelaksować, utworzenie wielojęzycznej witryny internetowej nie jest męką, jest tak proste, jak dodanie małego przycisku językowego w jednym z rogów układu witryny za pomocą ConveyThis . Prowadzenie międzynarodowego biznesu online nigdy nie było łatwiejsze.

Rzućmy okiem na niektóre układy stron internetowych i przeanalizujmy, co czyni je tak atrakcyjnymi.

Crabtree & Evelyn

wielojęzyczna strona internetowa

Zacznijmy od Crabtree & Evelyn, firmy produkującej kosmetyki i perfumy, która rozpoczęła działalność w Niemczech, ale rozwinęła swoją działalność na całym świecie dzięki świetnemu układowi i opcjom językowym.

Ponieważ różnorodność produktów jest tak szeroka, postanowili nie przytłaczać odwiedzających, dbając o ich układ i podejmując staranne decyzje projektowe, takie jak najpierw wypełnienie ekranu strony głównej prostym komunikatem, w tym przypadku o okresie świątecznym , a kiedy przewiniesz w dół lub klikniesz przycisk „Kup teraz”, odwiedzający zostanie przekierowany do produktów.

To naprawdę wyrafinowany i czysty wygląd, odwiedzający na pewno zostaną dłużej, zachwyceni doświadczeniem. Jeśli chodzi o menu, istnieją dwie opcje wyszukiwania, przycisk wyszukiwania, w którym można wpisać słowo kluczowe, jeśli zawęziłeś to, czego szukasz; lub kliknij przycisk sklepu, a następnie wybierz, gdzie lub jak chcesz przeglądać, według kategorii, kolekcji lub sprawdź zestawy podarunkowe.

A teraz do najbardziej niesamowitej rzeczy na świecie - przełącznika języków. Możesz go znaleźć na dole strony, a po kliknięciu pokazuje aktualne ustawienia sklepu z rozwijanymi menu z alternatywami.

Gcacrx9aHcLT83pfrM3tsUTkczvFLdifAUuzTIzAc0 JD4ssXXK9W3v1SBX4QgTnq5 VscYbO1yuAM0rT1jyDiLnl9nFx38ItYRKXyF QLupqiwCH4S6cFSd KlOnlGubU7cDiQ

I to jest coś , które przygotowaliśmy omawialiśmy wcześniej w artykule o rodzajach przycisków językowych, to fantastyczne, że mają dwie opcje, jedną dla obszaru i drugą dla języka, ponieważ wiemy, że nie każdy przegląda w swoim języku lub kraju. Ta witryna jest doskonałym przykładem dobrze wykonanej pracy lokalizacyjnej. Skontaktuj się z zespołem ConveyThis, aby uzyskać więcej informacji na temat ulepszania swojej witryny internetowej witamy użytkowników na całym świecie!

Cyfrowa mennica

9Bgi1xjIeqWsHHxUtgmNPV5OqJ8mVeU DG rPp yObUWhRIL 2uI4KnwMHTiU6hSsYVi6 uOnt3D4XEe EqGk6ftiSJRCY0 jVXPvyzljFBbytI

Przede wszystkim rewelacyjna praca. Świetne decyzje w każdym miejscu, nie sądzisz? I fantastyczne wykorzystanie koloru do ustalenia kontrastu i obszarów ostrości. Wymieńmy wszystkie zalety tej witryny: ujemna przestrzeń, różne rozmiary czcionek, niestandardowe grafiki, kolor i odcień.

Rozmieszczenie elementów o różnych rozmiarach pokazuje, od czego zacząć czytać, a biały znak daje czytelnikowi czas na wstrzymanie.

Tutaj mamy wyraźny przykład hierarchii wizualnej:

UI60HMa9kr5 TVrbfB6sBOR4krOnGhSznoboGVJKTwjugQ9UAgY clb0vWrpEkZSy8pxhIatF9XNk4odFt1IzVnEI8oVr E468 03Y962iuJW3GXTSSklNTAZ6TugRYMzKOogul9

Od najmniejszego do najważniejszego: partnerzy biznesowi w jaśniejszych odcieniach, „Make it yet” małą czcionką, przycisk „Porozmawiajmy” z czarnym tłem i białymi literami, „Evolutionary digital” dużą i pogrubioną czcionką oraz „marketing” tą samą czcionką co poprzednio, ale podświetloną na zielono.

Ponadto imperatywy „Zrób to” i „Porozmawiajmy” również pomagają odwiedzającemu w przeglądaniu.

Pasek nawigacyjny jest tak prosty i przejrzysty jak Crabtree & Evelyn's, a pasek mediów społecznościowych po prawej stronie to doskonały wybór dla firm, które w dużym stopniu polegają na mediach społecznościowych jako narzędziu.

hlPLF9aRT2abusoxAsMPwSqdqCiiQyB0RLyZNnXZURFu0O9hM3oUx8k JJ2yECvMplqEImO1dl4MHTqZN0zP60aHq 0gPnOoq

Możesz znaleźć ich przyciski językowe na dole strony, są małe, ale wszystkie opcje są widoczne, a ich kolory są jasne i bardzo różnią się od palety kolorów Digital Menta, dzięki czemu można je łatwo znaleźć.

Joga

Oto uroczy przykład uporządkowanych stron internetowych. Jest dużo negatywnej przestrzeni, a kolorowe postacie są animowane, co wzbudza ciekawość u odwiedzających! Przypadkowe przeglądarki na pewno zostaną i przyjrzą się reszcie strony i dowiedzą się więcej o Yogang. Genialny projekt.

Yogang to fajna gra dla dzieci, która łączy aktywność fizyczną, relaks, dzielenie się i kreatywność, a ich strona główna to odzwierciedla. Animacja różnych postaci robi jogi stanowi nie jest o pokazanie umiejętności programowania, to odzwierciedlenie ducha produktu.

Jednocześnie urocze i wezwanie do działania, aby Joga stała się częścią dzieciństwa Twoich dzieci. Odwołują się do kupujących pod wpływem impulsu przyciskiem „Kup”, a także pomagają potencjalnemu klientowi dowiedzieć się więcej o produkcie, kierując go do samouczków.

Ich dłuższy pasek menu jest uzasadniony tym, że sprzedają B2B i B2C, więc mają różnego rodzaju odwiedzających szukających różnych rzeczy i wszyscy muszą szybko znaleźć to, czego szukają.

Ich przycisk języka jest dyskretnym przyciskiem z opcjami „EN” i „FR”. Mają wąskie opcje językowe, ale jasno określili swoje największe rynki i mocno skupili się na zapewnieniu użytkownikowi jak najlepszych wrażeń.

Granatowy lub Szary

DO

Wiemy, że na tej liście znajduje się wiele niestandardowych dzieł sztuki. Jest to tak wszechstronny element, a te strony internetowe tak dobrze go wykorzystują, aby stworzyć określony wygląd i styl.

Granatowo-szary to ostatni przykład na tej liście, ma też cechy, które wcześniej chwaliliśmy, czy Ty też je zidentyfikowałeś? To sprawia, że jest to bardzo wyrafinowane doświadczenie, jest urzekające. Uspokaja mnie ta cała negatywna przestrzeń, wcale nie ogarnia mnie myśl o przeglądaniu tej strony, a przejrzysty pasek menu upewnia mnie, że bez problemu znajdę to, czego szukam.

Doceniam to, że w menu wydzielili „Koszule” i „Garnitury”, to odpowiednia decyzja dla firmy krawieckiej, wiele innych sklepów stworzyłoby podstrony dla tych produktów, i to też jest rozsądna decyzja, ale dla Navy lub Grey, przyczynia się do tego dopracowanego wyglądu.

Ta strona internetowa w szczególności umieściła swój przycisk językowy w prawym górnym rogu, a wybrana przez nich czcionka jest taka sama jak reszta strony internetowej. A w lewym dolnym rogu dodali przycisk WhatsApp do szybkiego kontaktu.

Zaprojektuj świetną stronę internetową dla swoich odbiorców

Wymienione witryny są świetne, ponieważ przestrzegają ogólnych zasad dobrego projektowania, ale także dlatego, że wszystkie decyzje można uzasadnić, powodem może być obszar biznesowy, w którym się znajdują, ale może to być również grupa docelowa. Dlatego pamiętaj, aby podczas podejmowania decyzji pamiętać o tożsamości, ideałach i odbiorcach Twojej firmy.

Kluczem jest zastanowienie się, jak uprościć wyszukiwanie i jak poprowadzić użytkownika do tego, czego szuka, za pomocą jak najmniejszej liczby kliknięć.

W skrócie, daj odwiedzającym wezwanie do działania, gdy tylko wejdą na stronę główną, i użyj negatywnej przestrzeni, aby stworzyć kontrast i podkreślić ważne rzeczy, takie jak wiadomość; i wreszcie, proste menu i przycisk wyboru języka.

Wyglądasz na gotowego do sprzedaży na arenie międzynarodowej i prawdopodobnie wpadłeś na wiele fantastycznych pomysłów, czytając ten artykuł. Dowiedz się więcej o ConveyThis i zwiększ swoją sprzedaż online!

Komentarz (1)

  1. 4 inspirujące sklepy internetowe, które robią wszystko dobrze
    20 lutego 2020 r Odpowiadać

    [...] Nominowani wymienieni mają świetnych projektantów, którzy dają z siebie wszystko i wprowadzają wszystkie najlepsze pomysły, które będą odzwierciedlać wszystkie ideały marki w oszałamiającym wirtualnym sklepie, który zmieni odwiedzających w klientów. [...]

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są zaznaczone*