Wskazówki dotyczące projektowania wielojęzycznych stron internetowych z ConveyThis

Wskazówki dotyczące projektowania wielojęzycznych witryn internetowych z ConveyThis: Zwiększ komfort użytkownika i globalny zasięg dzięki praktycznym strategiom projektowania.
Przekaż to demo
Przekaż to demo
wielojęzyczne wskazówki dotyczące projektowania

Wiele stron internetowych ma obecnie wiele opcji językowych, dzięki czemu ich odwiedzający z całego świata mogą wygodnie przeglądać. Internet sprawił, że rynek stał się globalnym doświadczeniem, więc posiadanie strony internetowej otworzyło drzwi do Twojej firmy każdemu, kto ma połączenie z Internetem. Jeśli jednak nie rozumieją języka, nie zostaną. Wielojęzyczna witryna internetowa – to proste.

Na szczęście proces zmiany wersji witryny na wielojęzyczną jest dość prosty. ConveyThis może utworzyć przetłumaczoną wersję Twojej witryny w ciągu kilku minut, a następnie dostosować wygląd i położenie przełącznika języka, wprowadzić pewne zmiany w układzie, aby dostosować się do języków bardziej wyrazistych lub od prawej do lewej, a także zmienić kolory i obrazy w takich przypadkach gdzie oryginały są nieodpowiednie dla kultury docelowej.

Proces nie jest w pełni zautomatyzowany, musisz wcześniej przeprowadzić badania. W tym przewodniku wyjaśniono niektóre aspekty projektowania witryn internetowych, aby pomóc Ci wygodnie wejść w świat wielojęzycznych witryn internetowych i wspaniałego projektu.

Spójny branding

Doświadczenie użytkownika musi być spójne niezależnie od odwiedzanej wersji językowej. Wygląd i styl powinny być bardzo podobne we wszystkich wersjach, pewne różnice mogą być konieczne ze względu na różnice językowe lub kulturowe, ale jeśli przełączasz się między językami, nie powinieneś czuć się, jakbyś został przekierowany na zupełnie inną stronę.

Dlatego elementy projektu, takie jak układ i szczególny styl promowania marki Twojej firmy, powinny pozostać takie same we wszystkich językach.

Jest to bardzo łatwe w WordPressie z ConveyThis, który doskonale identyfikuje tekst niezależnie od wybranego motywu (nawet jeśli jest dostosowany!) i automatycznie go tłumaczy, nawet jeśli pracujesz z innymi wtyczkami.

Pomoże Ci to mieć globalny szablon z tym samym motywem dla wszystkich języków, a co za tym idzie, ten sam komfort użytkowania.

Jako przykład świetnie sprawdza się strona główna Airbnb, spójrzmy na wersję australijską:

Wielojęzyczny

A tutaj wersja japońska:

BFG3BDujbVIYhYO0KtoLyGNreOFqy07PiolkAVvdaGcoC9GPmM EHt97FrST4OjhbrP0fE qDK31ka

Bez wątpienia jest to ta sama witryna. Tło jest takie samo, podobnie jak funkcja wyszukiwania. Ujednolicony projekt pomaga zachować tożsamość marki oraz oszczędza czas i wysiłek podczas dodawania nowych języków lub aktualizacji.

Wyczyść przełączniki językowe

Wybierz widoczne miejsce dla przełącznika języka, na przykład dowolny z czterech rogów witryny, i umieść go na każdej stronie, nie tylko na stronie głównej. Musi być łatwy do znalezienia, nikt nigdy nie chce szukać ukrytego przycisku.

Zdecydowanie zaleca się, aby nazwy języków były w ich własnym języku. Na przykład „Español” zamiast „Spanish” zdziała cuda. Asana to robi, ich strona ma rozwijane pole z dostępnymi opcjami językowymi.

Bez tytułu3

W ten sposób pomaga odwiedzającym poczuć się mile widzianym. Jeśli Twoja witryna jest przetłumaczona, lista języków powinna to odzwierciedlać. Czytanie „niemiecki, francuski, japoński” na anglojęzycznej stronie nie ułatwia nawigacji i sprawia wrażenie, że wersja angielska jest najważniejsza.

"Języki" jest lepszy niż "Regiony"

Wiele dużych międzynarodowych marek zmusza Cię do zmiany regionu, aby móc czytać stronę internetową w Twoim języku. To okropny pomysł, który utrudnia odwiedzającym przeglądanie. Strony te działają z założeniem, że przeglądasz region, w którym mówi się językiem, więc otrzymujesz tekst w swoim języku, ale możesz nie otrzymywać treści dla regionu, który Cię interesuje.

Poniższy obraz został pobrany ze strony Adobe:

vXH8q9Ebaz0bBmsIjXwrrdm FLGBdOQK86pf3A3xU6r BZB0hL5ICjrxSiv67P vOTNbP2pFSp17B530ArONrjgjryMZYqcQl5 WQuEAYvm6LArZbXFsMD9AiSX mEzsJilUu4a

Języki nie powinny być nierozerwalnie związane z ich regionami. Weźmy na przykład wszystkie te kosmopolityczne miasta, takie jak Nowy Jork, Londyn i Paryż. Być może Belg mieszkający w Wielkiej Brytanii chce kupować na brytyjskiej stronie, ale przegląda po francusku. Muszą wybierać między kupowaniem na belgijskiej stronie w swoim języku a kupowaniem na brytyjskiej stronie w języku angielskim i nie chcą robić żadnego z nich. W ten sposób przypadkowo stworzyłeś barierę. Przyjrzyjmy się stronie internetowej, która pozwala osobno określić język i region, stronie internetowej Uber.

mbauMzr80nfc26dg2fEg0md0cxau0Hfp

To jest doskonały projekt. W tym przypadku opcja zmiany języka została umieszczona w stopce po lewej stronie, a zamiast rozwijanego pola masz modal ze względu na liczne opcje. Nazwy języków są również podane w ich własnym języku.

1l3Vpc9jCrtXorq3xIhcXx9cl8L svuH9FBeMcNHNJ4A8j6dgnjXJgkfloLwmWyra1FstnQSvXR8C9ccnAGE Us2dCg4qSqnGzjbxDMx

Jako bonus możesz „zapamiętać”, który język wybrał użytkownik, więc od pierwszej wizyty nie musi już zmieniać.

Automatyczne wykrywanie lokalizacji

Ta funkcja jest bardzo przydatna, aby Twoi goście nie uzyskiwali dostępu w niewłaściwym języku. I aby zaoszczędzić czas ze strony użytkownika, aby nie musiał szukać przełącznika języka. Oto jak to działa: strona identyfikuje język, w którym znajduje się przeglądarka lub ich lokalizację.

Ale bądź ostrożny, jeśli użytkownik jest turystą i nie zna lokalnego języka, ponieważ będzie potrzebował przycisku języka, aby móc zmienić, z tego powodu narzędzie nie zawsze jest dokładne.

Projektując witrynę wielojęzyczną, nie wybieraj pomiędzy automatycznym wykrywaniem języka a funkcją przełączania języków, ta druga jest obowiązkowa, a pierwsza opcjonalna.

Flagi nie są odpowiednimi zamiennikami nazw języków

Istnieje 21 krajów hiszpańskojęzycznych i 18 krajów anglojęzycznych, aw Chinach istnieje 8 podstawowych dialektów, więc flagi nie są dobrymi substytutami nazw języków. Ponadto flagi mogą nie być użytecznymi wskaźnikami, ponieważ mogą wprowadzać w błąd tych, którzy ich nie rozpoznają.

Bądź elastyczny z przestrzenią tekstową

Może to stanowić wyzwanie, ale nie można zaprzeczyć, że tłumaczenia nie zajmują tej samej przestrzeni co tekst oryginalny, niektóre mogą być krótsze, inne dłuższe, a niektóre mogą nawet wymagać więcej miejsca w pionie!

wsEceoJKThGv2w9Qzxu gim H YPX39kktoHXy4vJcu aanoASp V KDOu90ae7FQpaIia1YKMR0RELgpH2qiql319Vsw

Chińskie znaki zawierają dużo informacji, więc nie zajmują dużo miejsca, podczas gdy włoskie i greckie są bardziej rozwlekłe i wymagają dwa razy więcej wierszy. Dobrą zasadą jest założenie, że niektóre tłumaczenia mogą wymagać więcej niż 30% dodatkowej przestrzeni, więc bądź elastyczny w kwestii układu i przydziel odpowiednią ilość miejsca na tekst. W tych ciasnych miejscach na oryginalnej stronie internetowej może w ogóle nie być wystarczająco dużo miejsca na tłumaczenie, angielski jest szczególnie zwięzłym językiem, a jeśli uznasz, że potrzebujesz skrótu w języku angielskim, aby treść się zmieściła, na pewno napotkasz pewne problemy, gdy będzie czas na tłumaczenie.

Poza możliwością rozciągnięcia tekstu, dobrze jest mieć adaptacyjne elementy interfejsu użytkownika, dzięki którym przyciski i pola wprowadzania mogą się powiększać. Możesz także zmniejszyć rozmiar czcionki, ale nie za bardzo.

Witryna Flickr jest wielojęzyczna, spójrzmy na oryginalny przycisk „widoki”:

mi0VUOKft9BUwkwgswENaj31P2AhB2Imd8TxbekEY3tDB FbkUj14Y2ZkJEVC9Cu kifYc0Luu2W

Wygląda fantastycznie, wszystko jest super, ale „widoki” okazują się w innych językach dłuższym słowem, zajmującym więcej miejsca.

FParMQU h2KHVVvEMwFqW6LWDN9IF V89 GlibyawIA044EjbSIFY1u4MEYxoonBzka6pFDyfQztAoreKpsd33ujCAFjPj2uh EtmtZy2l

W języku włoskim zajmuje trzy razy więcej miejsca!

Wiele alfabetów innych niż łacińskie, takich jak arabski, wymaga większej wysokości, aby tłumaczenie się zmieściło. Podsumowując, układ Twojej witryny powinien być wystarczająco elastyczny, aby dostosować się do różnych wymagań językowych, aby przy zmianie dopracowany wygląd oryginału nie został utracony.

Kompatybilność czcionek internetowych i kodowanie stron internetowych

Według W3C zdecydowanie zaleca się kodowanie strony internetowej przy użyciu UTF-8 , który dopuszcza znaki specjalne.

To całkiem proste, deklaracja UTF wygląda tak

fbnRHXPPyY2OPijzOvFkH0y Ke

Upewnij się również, że czcionki są zgodne z różnymi językami, w przeciwnym razie tekst może skończyć się nieczytelnym wyglądem. Zasadniczo, przed podjęciem decyzji o dowolnej czcionce, sprawdź jej zgodność ze wszystkimi skryptami, których potrzebujesz. Jeśli chcesz wejść na rynek rosyjski, sprawdź, czy skrypt cyrylicy jest obsługiwany.

Poniższy obraz został zaczerpnięty z Google Fonts i jak widać, możesz pobrać dowolne wersje skryptów, których potrzebujesz. Te języki z większą liczbą znaków tworzą większe pliki czcionek, więc weź to pod uwagę podczas wybierania i mieszania czcionek.

tqld4w0nWjQGM9wtgp14c lhZSHppXp rYBRGFVjGTTcs8ghcedYxQUBqqWHLnt9OgAY 0qbDnNpxlclU

Odnośnie języków od prawej do lewej

W miarę rozwoju rynku Bliskiego Wschodu możesz rozważyć utworzenie wersji swojej witryny, która przyciągnie odwiedzających z tego regionu, co oznacza dostosowanie układu strony do ich języka. Cechą charakterystyczną większości języków Bliskiego Wschodu jest to, że czyta się je od prawej do lewej! To duże wyzwanie, a rozwiązanie zaczyna się od stworzenia kopii lustrzanej interfejsu.

To jest projekt Facebooka dla języków od lewej do prawej, takich jak angielski.

T538ZEA t77gyTvD EANq7iYfFuZEpJdCNZSqODAjCjtiSQFk0Dyii ZVWBXy0G3gAaTKFFYDJ LjK4czPyFPbrIpV2

A to jest odwrócony projekt dla języków od prawej do lewej, takich jak arabski.

EVTgCyVWk1ncmoRJsUrQBPVs6yF Et1WGOdxrGcCYfD5o6QVXSPHR16RamvBSIOLcin3qlTmSBZGyuOI7izJ6DlTo3eeFpU rQchvaz332E5dsCl9R T0by f2qOI9CQz2CfwdRj

Przyjrzyj się uważnie, rozmieszczenie wszystkiego w projekcie zostało odzwierciedlone.

Sprawdź artykuł Roberta Dodisa na temat projektowania dla języków od prawej do lewej, aby uzyskać więcej informacji o tym, jak to zrobić.

Niektóre języki od prawej do lewej to arabski, hebrajski, perski i urdu, a ConveyThis nie ma problemów z dostosowaniem Twojej witryny internetowej do wymagań językowych i zapewnieniem doskonałej obsługi użytkownika. A najlepsze jest to, że możesz dostosować wygląd każdego języka i wprowadzić zmiany w rodzaju czcionki lub jej rozmiarze, a jeśli to konieczne, edytować wysokość linii.

Wybierz odpowiednie ikony i obrazy

Wizualizacje mają bardzo duży komponent kulturowy i są kluczowymi elementami prawidłowego projektu strony internetowej. Każda kultura przypisuje znaczenie różnym obrazom i ikonom, niektóre interpretacje są pozytywne, a niektóre są zupełnym przeciwieństwem. Niektóre obrazy odzwierciedlają doświadczenia ideałów jednej kultury, ale w innym kontekście wywołają u użytkowników poczucie wyobcowania.

Oto przykład obrazu, który musiał zostać zastąpiony, ponieważ nie był odpowiedni kulturowo. Pamiętaj, że nie wszystkie obrazy będą obraźliwe dla innych, może tylko wywołają apatię, gdy chcesz, aby ludzie byli ciekawi i zainteresowani Twoim produktem.

To jest strona domowa Clarin w języku francuskim, przedstawiająca kobietę rasy kaukaskiej. A oto wersja koreańska, z Koreanką jako ambasadorką marki.

I0XpdO9Z8wCAyISgVJtZVhwOOehAR1BYLkEKpzL1Cw7auye4NVvt7S YIgE30VXOxYqOXilRDqLAMyJzCJc tecDWVsRpE4oyyj9QFvOB0 dTzQkZjUKogNMo2sQnJD0UTAdAeIe

Tego rodzaju wizualizacje, które mogą obrażać, to te, które mogą wydawać się niewinne dla niektórych kultur, ale w oczach innej kultury, wyświetlają zachowania, które są nielegalne lub tabu, na przykład, obrazy homoseksualizmu lub upodmiotowienia kobiet.

Dotyczy to również ikon, podczas gdy w USA ikona z dwoma kieliszkami szampana toast symbolizuje świętowanie, w Arabii Saudyjskiej picie alkoholu jest nielegalne, więc ikona będzie musiała zostać zastąpiona odpowiednią kulturowo.

TsA5aPbhznm2N vv qL
(Źródło obrazu:UkradnijKiwi)

Dlatego wymagane będą badania, aby upewnić się, że wybrane ikony są odpowiednie dla rynku docelowego. Jeśli nie jesteś pewien, zawsze możesz grać bezpiecznie.

Na przykład te trzy ikony przedstawiające Ziemię, pierwsza została zaprojektowana dla publiczności australijskiej; drugi dla afrykańskiej publiczności; a ostatnia jest odpowiednia dla większej i globalnej publiczności, ponieważ nie ma określonego obszaru.

cx90RYDHGTToiC uMNKG9d8QM JDZzP0SFaSBobQduZ14CZwpuuKrgB1eUothyoAHsoxd77nQVgvnaocQm3oW R6X3bRxeHdjJ

I wreszcie, ConveyThis może przetłumaczyć dowolny tekst, o ile nie jest on osadzony w obrazie. Oprogramowanie nie będzie w stanie zidentyfikować tego, co jest na nim napisane, więc pozostanie w oryginalnym języku, więc unikaj osadzania tekstu.

Wybór kolorów

Jak wspomniano w poprzedniej sekcji, kultury różnie interpretują obrazy i to samo dzieje się z kolorami. Ich znaczenie jest subiektywne.

Na przykład w niektórych kulturach biały jest kolorem niewinności, ale inni nie zgodziliby się, że jest to kolor śmierci. Podobnie jest z czerwienią, w kulturach azjatyckich jest używana podczas uroczystości, ale w niektórych krajach afrykańskich nie ma tak pozytywnej konotacji, ponieważ kojarzy się z przemocą.

Wydaje się jednak, że niebieski jest najbezpieczniejszym ze wszystkich kolorów, powszechnie kojarzonym z pozytywnymi znaczeniami, takimi jak spokój i spokój. Wiele banków używa koloru niebieskiego w swoich logo, ponieważ może on również oznaczać zaufanie i bezpieczeństwo.

Ten artykuł przedstawia różnice w znaczeniach kolorów na całym świecie , co jest bardzo przydatne przy rozpoczynaniu badań nad najlepszymi kolorami dla Twojej wielojęzycznej witryny.

Korekty formatu

Rozważ unikanie używania samych liczb podczas wpisywania dat, ponieważ istnieje wiele różnych sposobów ich zapisywania. W USA oficjalnym formatem jest mm/dd/rrrr, a jeśli widzisz tylko liczby, niektórzy użytkownicy z innych krajów używają różnych systemów (np. dd/mm/rrrr) mogą być zdezorientowane. Masz więc do wyboru: upewnić się, że przetłumaczone wersje mają dostosowany format daty lub wpisać miesiąc literami, aby ConveyThis zawsze wpisał prawidłową datę.

Co więcej, podczas gdy w Stanach Zjednoczonych używany jest system imperialny, większość krajów używa systemu metrycznego, więc musisz zdecydować, czy odpowiednie byłoby przekształcenie miar w Twojej witrynie.

Najlepsza wtyczka do tłumaczenia dla WordPress

Istnieje wiele opcji dodania wtyczki tłumaczeniowej do witryny WordPress i nie wszystkie działają w ten sam sposób, a wyniki będą się różnić. Dzięki ConveyThis masz gwarancję doskonałej integracji niezależnie od projektu Twojej witryny.

ConveyThis to najlepszy wybór do tłumaczenia stron internetowych z dostępnymi 92 językami. To niezawodna wtyczka WordPress, która pozwoli Ci szybko uzyskać solidną, wielojęzyczną wersję Twojej witryny. Potrafi zrozumieć układ witryny, wykryć cały tekst i go przetłumaczyć. ConveyThis zawiera także intuicyjny edytor umożliwiający dostosowywanie tekstu.

ConveyThis zawiera uniwersalny przycisk zmiany języka, który domyślnie działa z każdą witryną, ale możesz go także edytować według własnego uznania. Postępujemy również zgodnie z zasadami projektowania określonymi w tym artykule:

  • Spójny branding we wszystkich wersjach językowych serwisu.
  • Wyczyść przełącznik języka i opcję wyboru preferowanego języka.
  • Strony internetowe są automatycznie kodowane przy użyciu UTF-8.
  • Właściwe interfejsy dla języków zapisywanych od prawej do lewej

ConveyThis: wielojęzyczne rozwiązanie internetowe, któremu możesz zaufać

Powszechnie uważa się, że tłumaczenie stron internetowych to złożony proces. Ale nie ma potrzeby odkładać tego na później, bo nie chcesz męczyć się z bólami głowy. To wcale nie jest zniechęcające! Dzięki ConveyThis staje się to prostą konwersją. Jest płynny i szybki.

Po szybkiej instalacji całą zawartość można teraz przetłumaczyć bez wpływu na formatowanie, w tym treści wygenerowane przez inne aplikacje i proces realizacji transakcji. ConveyThis to łatwe narzędzie do tłumaczenia wielojęzycznych stron internetowych, które nie spowoduje bałaganu w kodzie, jak robią to inne.

Dostępna jest również opcja zamawiania profesjonalnych tłumaczeń witryny! Pomogą Ci one całkowicie przekształcić swoją wielojęzyczną stronę internetową w wielokulturową, drastycznie poprawiając wrażenia twoich klientów. Pamiętaj, że jeśli przetłumaczysz stronę internetową, musisz mieć również obsługę klienta w języku nowego klienta. Rozważ inwestowanie w lokalizację treści i adaptację, aby zagwarantować wspaniałe wrażenia użytkownika dla odwiedzających.

Komentarze (4)

  1. Koniec w zasięgu wzroku dla Tłumacza Google dla stron internetowych! – ConveyThis
    8 grudnia 2019 r Odpowiadać

    [...] tekst związany z komputerem w języku szwedzkim. Elementy takie jak te pomogły projekt-zespół sformułować ścieżkę dla klientów odwiedzających platformę, do łatwego doświadczenia tłumaczenia i unikanie indeksu drop-scroll, jak poprzednio [...]

  2. Globalna optymalizacja wyszukiwarek dla wszystkich platform językowych – ConveyThis
    10 grudnia 2019 r Odpowiadać

    [...] pomysły wokół wielojęzycznej platformy i klienta bazy być sformułowane, poniżej byłoby spojrzenie na tekst-składnik do języka [...]

  3. Zmień swój WooCommerce na wielojęzyczny – ConveyThis
    19 marca 2020 r Odpowiadać

    […] i poproś lingwistę z zespołu ConveyThis, aby rzucił okiem i edytował go, abyś miał pewność, że sformułowania i ton są odpowiednie do wartości Twojego sklepu i […]

  4. Jak konfigurowalny jest WooCommerce? – ConveyThis
    23 marca 2020 r Odpowiadać

    [...] że wizualizacje są zawsze bardzo ładowane z kulturalnym znaczeniem, a różni odbiorcy mają różne oczekiwania, w jaki sposób sklepy powinny wyświetlać swoje [...]

Zostaw komentarz

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