Pomysły na układ dla Twojej wielojęzycznej witryny: poprawa wrażeń użytkownika

Tworzenie lub projektowanie witryny nie jest tak proste, jak wybór spośród asortymentu szablonów tego, który uważasz za najfajniejszy. Podczas gdy wygląd i styl witryny są bardzo ważnymi czynnikami, nie są to jedyne rzeczy, o których musisz pomyśleć przed podjęciem decyzji.

To fakt: sukces Twojej witryny jest powiązany z jej układem, tym, jak użytkownicy czują się podczas korzystania z niej lub przeglądania. To z pewnością wpływa na opinię odwiedzających na temat Twojej witryny, na lepsze lub gorsze, i na to, czy rozważą dokonanie zakupu.

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

Być może zauważyłeś również, że mają pewne cechy wspólne, ponieważ tak jak wszystkie inne branże, trendy również szturmem zdobywają świat projektowania. Obecnie pełne obrazy i trzykolumnowe projekty są w modzie wśród projektantów.

Ale tu pojawia się problem, powinieneś wiedzieć wcześniej, że obie ścieżki są ważne, obie mają swoje plusy i minusy. Więc co Twoim zdaniem powinieneś zrobić? Opcje to skorzystać ze znajomości tych elementów w zbiorowej wyobraźni lub możesz zdecydować się wyróżnić i zwrócić uwagę na swój sklep, robiąc coś zupełnie innego! To nie jest łatwe pytanie, a Twój wybór będzie zależał od grupy docelowej.

Cechy dobrej strony internetowej

Możemy śmiało powiedzieć, że możliwości wielkości przychodzą w wielu formach i z wielu miejsc, jest wiele do zrobienia, wiele opcji, wiele potencjału. Twoje najlepsze wybory będą zależeć od grupy docelowej i rodzaju prowadzonego biznesu. Te wybory kształtują i odzwierciedlają wizerunek Twojej marki.

Według Adobe, dwie trzecie osób woli przeczytać coś pięknie zaprojektowanego niż coś zwykłego, gdy brakuje im czasu; a 38% osób opuści stronę internetową, jeśli będzie ona 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 dotyczące dobrej strony internetowej również nie będą się pokrywać, możemy jednak omówić wszystkie elementy składające się na zadanie zaprojektowania strony internetowej. Możesz się nad nimi zastanowić, jednocześnie myśląc o obszarze swojej działalności i zasadach, którymi się kierujesz.

1. Bez bałaganu : Zrób odstęp między treściami, staraj się wyświetlać tylko to, czym użytkownik jest zainteresowany. Pozbądź się „ozdobników”. Pozostaw znaczną negatywną przestrzeń, aby elementy były łatwiejsze do odczytania.
2. Interfejs : Uczyń nawigację prostą. Utwórz proste ścieżki z jednej sekcji do drugiej.
3. Hierarchia wizualna : Uporządkuj elementy graficzne według ważności. Najważniejsze rzeczy mogą być pierwsze lub zajmować najwięcej miejsca, pomóż odwiedzającym nawigować, kierując ich wzrok przez różne elementy. Na przykład ludzie najpierw czytają większe rzeczy .
4. Paleta kolorów i wybór obrazów : 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 utrzymać zainteresowanie odwiedzających na dłużej!
5. Przyjazny dla urządzeń mobilnych : Od lipca 2019 r. domyślne dla wszystkich nowych domen internetowych jest indeksowanie w trybie mobilnym , a także zwiększone pozycje stron internetowych przyjaznych dla urządzeń mobilnych w wynikach wyszukiwania. Upewnij się więc, że układ wersji mobilnej również działa dobrze.
6. Przycisk zmiany języka : Jeśli fakty mówią, że żyjemy w gospodarce transgranicznej, w której kraj, w którym mieszkasz, nie nakłada ograniczeń na to, gdzie możesz robić zakupy, nieposiadanie wielojęzycznej witryny internetowej nie jest rozwiązaniem, jeśli chcesz się rozwijać.

Jak wyglądają witryny wielojęzyczne?

Świetna wiadomość! Możesz się zrelaksować, stworzenie wielojęzycznej witryny nie jest ciężką pracą, jest to tak proste, jak dodanie małego przycisku języka do jednego z rogów układu witryny za pomocą ConveyThis. Prowadzenie biznesu online na arenie międzynarodowej nigdy nie było łatwiejsze.

Przyjrzyjmy się bliżej niektórym układom stron internetowych i przeanalizujmy, co sprawia, że są tak atrakcyjne.

Crabtree i Evelyn

Zacznijmy od Crabtree & Evelyn, przedsiębiorstwa zajmującego się pielęgnacją ciała i perfumami, które rozpoczęło działalność w Niemczech, ale dzięki świetnemu układowi i szerokiej gamie językowej rozszerzyło swoją działalność na rynek globalny.

Ponieważ asortyment produktów jest tak szeroki, twórcy strony postanowili nie przytłaczać odwiedzających, dbając o układ strony i podejmując przemyślane decyzje projektowe. Na przykład najpierw na ekranie strony głównej wyświetlili prosty komunikat, w tym przypadku dotyczący okresu świątecznego, a po przewinięciu strony w dół lub kliknięciu przycisku „Kup teraz” odwiedzający został przekierowany do produktów.

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

A teraz do najbardziej niesamowitej rzeczy, przełącznika języka. Znajdziesz go na dole strony, a po kliknięciu pokaże Ci aktualne ustawienia sklepu z rozwijanymi menu z alternatywami.

I to jest coś, o czym mówiliśmy już wcześniej w artykule o typach 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 w swoim kraju. Ta strona internetowa jest doskonałym przykładem dobrze wykonanej pracy lokalizacyjnej. Skontaktuj się z zespołem ConveyThis, aby uzyskać więcej informacji na temat tego, jak możesz sprawić, aby Twoja strona internetowa była bardziej przyjazna dla użytkowników z całego świata!

Cyfrowa mennica

Przede wszystkim, oszałamiająca praca. Świetne decyzje wszędzie, nie uważasz? I fantastyczne wykorzystanie koloru do ustanowienia kontrastu i obszarów skupienia. Wypiszmy wszystkie dobre rzeczy na tej stronie: negatywna przestrzeń, czcionki o różnych rozmiarach, niestandardowa grafika, kolor i odcień.

Układ elementów różnej wielkości wskazuje, od czego zacząć czytanie, a biała przestrzeń daje czytelnikowi czas na zatrzymanie się.

Oto wyraźny przykład hierarchii wizualnej:

Od najmniej do najbardziej znaczących: partnerzy biznesowi w jaśniejszych odcieniach, napis „Make it happen” w małej czcionce, przycisk „let's talk” z czarnym tłem i białymi literami, napis „Evolutionary digital” w dużej i pogrubionej czcionce oraz napis „marketing” w tej samej czcionce co poprzednio, ale wyróżniony na zielono.

Dodatkowo, komendy „Zrób to” i „Porozmawiajmy” również pomagają odwiedzającym w przeglądaniu witryny.

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

Przyciski językowe znajdziesz na dole strony. Są małe, ale wszystkie opcje są widoczne. Ich kolory są jaskrawe 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 wolnej przestrzeni, a kolorowe figury są animowane, co wzbudza ciekawość u odwiedzających! Przeciętni użytkownicy na pewno zostaną i obejrzą resztę strony internetowej, aby dowiedzieć się więcej o Yogang. Genialny projekt.

Yogang to zabawna gra dla dzieci, która łączy aktywność fizyczną, relaks, dzielenie się i kreatywność, a ich strona główna to odzwierciedla. Animacja różnych postaci wykonujących pozycje jogi nie polega na popisywaniu się umiejętnościami programowania, ale na odzwierciedleniu ducha produktu.

Jednocześnie urocze i wzywające do działania, aby Yogang stał się częścią dzieciństwa Twoich dzieci. Odwołują się do kupujących impulsywnie za pomocą przycisku „Kup”, a także pomagają potencjalnemu klientowi dowiedzieć się więcej o produkcie, kierując go do samouczków.

Dłuższy pasek menu jest uzasadniony tym, że sprzedają produkty B2B i B2C, więc mają różnych użytkowników, którzy szukają 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 wyraźnie zidentyfikowali swoje największe rynki i mocno skupili się na zapewnieniu jak najlepszego doświadczenia dla użytkownika.

Granatowy lub szary

Wiele niestandardowych grafik na tej liście, wiemy. To tak wszechstronny element, a te strony internetowe wykorzystują je tak dobrze, aby stworzyć konkretny wygląd i styl.

Navy and Grey to ostatni przykład na tej liście, ma również cechy, które chwaliliśmy wcześniej, czy Ty też je zauważyłeś? To bardzo wyrafinowane doświadczenie, jest urzekające. Sprawia, że czuję spokój, widząc całą tę negatywną przestrzeń, wcale nie jestem przytłoczony myślą przeglądania tej strony, a przejrzysty pasek menu zapewnia mnie, że znajdę to, czego szukam, bez żadnego wysiłku.

Doceniam to, że w menu rozdzielono „Koszule” i „Garnitury”. To dobra decyzja dla firmy krawieckiej. Wiele innych sklepów utworzyłoby podstrony dla tych produktów. To również rozsądna decyzja. W przypadku Navy lub Grey przyczynia się to do dopracowanego wyglądu.

Ta strona internetowa w szczególności umieściła przycisk języka w prawym górnym rogu, a wybrana czcionka jest taka sama jak w reszcie strony. 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ć, a powodem może być obszar działalności, w którym działają, ale może to być również grupa docelowa. Pamiętaj więc, aby podczas podejmowania decyzji mieć na uwadze tożsamość, ideały i grupę docelową swojej firmy.

Kluczem jest zastanowienie się, w jaki sposób uprościć wyszukiwanie i doprowadzić użytkownika do tego, czego szuka, przy najmniejszej liczbie kliknięć.

Krótko mówiąc, przekaż odwiedzającym Twoją stronę internetową wezwanie do działania od razu po wejściu na nią, wykorzystaj pustą przestrzeń do stworzenia kontrastu i podkreślenia ważnych rzeczy, np. Twojego przekazu. Na koniec dodaj proste menu i przycisk wyboru języka.

Wyglądasz na gotowego do sprzedaży międzynarodowej i prawdopodobnie wpadłeś na mnóstwo fantastycznych pomysłów podczas czytania tego artykułu. Dowiedz się więcej o ConveyThis i zwiększ sprzedaż online!