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

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?

Wspaniała wiadomość! Możesz się zrelaksować, tworzenie wielojęzycznej strony internetowej nie jest męką, jest tak proste, jak dodanie małego przycisku językowego do jednego z narożników układu witryny za pomocą ConveyThis. Prowadzenie działalności online na arenie międzynarodowej nigdy nie było łatwiejsze.

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

Crabtree & Evelyn

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.

I to jest coś , o czym rozmawialiśmy wcześniej w artykule na temat rodzajów przycisków językowych , to fantastyczne, że mają dwie opcje, jedną dla obszaru, a drugą dla języka, ponieważ wiemy, że nie każdy przegląda w swoim języku lub w swoim kraj. Ta strona jest doskonałym przykładem dobrze wykonanej pracy lokalizacyjnej. Skontaktuj się z zespołem ConveyThis , aby dowiedzieć się więcej o tym, jak sprawić, by Twoja witryna była bardziej przyjazna dla użytkowników z całego świata!

Cyfrowa mennica

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:

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.

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

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 gotowy do sprzedaży na arenie międzynarodowej, i prawdopodobnie wymyślił wiele fantastycznych pomysłów podczas czytania tego artykułu. Dowiedz się więcej o ConveyThis i zwiększ sprzedaż online!