Почему японские сайты выглядят так необычно

скрин японского сайта
Предыдущая

QR-коды в бизнесе: преимущества и недостатки

Следующая

Ребрендинг стартапа: Лучшие практики и ошибки

Все статьи

Сталкиваясь с японскими веб-сайтами — будь то изучение визовых требований, планирование путешествий или просто онлайн-покупки. Вам потребуется много времени, чтобы привыкнуть к обилию текста, щедрому использованию ярких цветов и более чем 10 различным шрифтам, которые сайты, подобные этому, бросают вам в лицо.

A banner ad promoting professional leaflet designs with a similar approach to displaying information

Hankoya — сайт, посвященный японским печатям, которые используются для подписания всевозможных официальных документов. (https://www.hankoya.com/)

Хотя существует множество примеров сайтов с более минималистичным и простым для навигации дизайном, привычным для пользователей западных сайтов, стоит разобраться, почему этот более запутанный стиль остается преобладающим в Японии.

И, чтобы внести ясность, это не пережитки прошлого, а поддерживаемые сайты, которые — во многих случаях — обновлялись в 2023 году.

Rakuten — often called the Japanese Amazon

Rakuten — часто называют японским Amazon (https://www.rakuten.co.jp/)

Существует несколько точек зрения, с которых мы можем проанализировать этот подход к дизайну:

  • Шрифты и ограничения фронтенд-разработки сайтов
  • Технологическое развитие и застой
  • Институциональная цифровая грамотность (или ее отсутствие)
  • Культурное влияние

Как и в большинстве тем, вероятно, не существует единственно верного ответа, скорее, дизайн этого веб-сайта является результатом взаимодействия различных факторов с течением времени.

Шрифты и ограничения фронтенд-разработки веб-сайтов

В то время как создание новых шрифтов для латинизированных языков может быть приятной задачей, за которую может взяться каждый, кто обладает базовым пониманием типографики, подходящей программой и свободным временем, то же самое для японского языка — это задача совершенно другого уровня.

Чтобы создать шрифт с нуля на английском языке, вам понадобится около 230 глифов — глиф — это отдельное представление данной буквы (A a a считаются 3 глифами) — или 840 глифов, если вы хотите охватить все языки, основанные на латинском алфавите. Для японского языка, из-за трех разных систем письма и бесчисленных кандзи, вам легко потребуется 7 000–16 000 глифов или даже больше. Таким образом, создание нового шрифта на японском языке требует как организованных командных усилий, так и гораздо больше времени, чем его латинские аналоги.

Поэтому неудивительно, что аналогичная рабочая нагрузка возникает и для китайских и (ханча) корейских шрифтов, что приводит к тому, что эти языки часто охватываются так называемыми CJK-шрифтами.

А поскольку все меньше дизайнеров берутся за эту конкретную задачу, при создании веб-сайта выбор шрифтов становится меньше. Добавьте к этому отсутствие заглавных букв и использование японских шрифтов, сопровождающееся увеличенным временем загрузки из-за обращения к более объёмным библиотекам, и вы придёте к необходимости применять иные методы для создания визуальной иерархии.

Рассмотрим американскую и японскую версии главной страницы Starbucks в качестве примера:

Starbucks US

Starbucks US — домашняя страница встречает посетителей крупными блоками красочных изображений и текста, последний из которых включает в себя различные размеры шрифтов, начертания и кликабельные кнопки. Поскольку текст можно выделить (синим цветом) и скопировать, мы знаем, что используется настоящий шрифт. (https://www.starbucks.com/)

Starbucks Japan

Starbucks Japan — то, что на первый взгляд может показаться похожим, на самом деле является изображениями. Шрифты не выделяются, и вместо кликабельных кнопок вы обнаружите, что каждая картинка сама по себе является кнопкой, перенаправляющей на соответствующую веб-страницу. В зависимости от разрешения экрана вы также заметите, что многие из более уникально выглядящих заголовков немного размыты, поскольку они являются растровыми изображениями, а не настоящими шрифтами. (https://www.starbucks.co.jp/)

Именно так мы получаем объяснение, почему многие японские сайты склонны представлять категории контента с помощью изображений с большим количеством текста. Иногда вы даже можете увидеть, что каждая плитка использует свой собственный уникальный шрифт, особенно если это ограниченное по времени предложение.

Doutour, a popular cafe chain

Doutour, популярная сеть кафе (https://www.doutor.co.jp/dcs/)

Технологическое развитие/застой и институциональная цифровая грамотность 

 Несмотря на многочисленные дискуссии о «потерянных десятилетиях» и отношениях Японии с технологическим прогрессом, мне больше всего нравится такое обобщение:

Япония, живущая в 2000 году с 1985 года. (спасибо Reddit)

Если вы интересуетесь Японией, то, возможно, знакомы с поразительным контрастом между передовыми и совершенно устаревшими технологиями, которые сосуществуют во многих местах. Страна, являющаяся одним из мировых лидеров в области робототехники, установившая статую Гандама в натуральную величину на искусственном острове Одайба, также является одним из лидеров по использованию дискет и факсимильных аппаратов, паникуя перед лицом закрытия Windows Explorer в 2022 году.

thenextweb.com

В Германии бывший канцлер Ангела Меркель стала объектом насмешек по всей стране после того, как в 2013 году назвала интернет «неизведанной территорией» (оригинальная цитата на немецком: «Das Internet ist für uns alle Neuland»). Это легко превзошел бывший министр кибербезопасности Ёсида Сакурада, который в 2018 году заявил, что ни разу не пользовался компьютером и, цитирую, «[…] был озадачен концепцией USB-накопителя, когда его спросили об этом в парламенте».

Как ни странно это может показаться тому, кто еще не имел возможности заглянуть за кулисы иллюзий, Япония серьезно отстает от графика обновлений, когда речь идет о технологической грамотности. Следовательно, можно сделать вывод, что эти проблемы также сыграли свою роль в сдерживании развития японского веб-дизайна. И именно японский веб-дизайн сталкивается с этой трудностью — достаточно поискать японский дизайн плакатов в Google или Pinterest, чтобы увидеть совершенно иной, современный уровень графического дизайна.

Japanese Exhibition Poster

Японский выставочный плакат: Легенда механического дизайна: Кунио Окавара. Тэцуя Гото (Out Of Office Projects), Кунио Окавара. 2013

Влияние культуры

Культурные обычаи, склонности, предубеждения и предпочтения не следует недооценивать при анализе дизайнерских решений любого рода. Тем не менее, объяснение «это культура» рискует чрезмерно упростить тему и использоваться как оправдание для обоснования всевозможных различий. И избавиться от собственной предвзятости восприятия сложно, а возможно, и вовсе невозможно.

Итак, с нашей точки зрения, легко взглянуть на этот веб-сайт…

Loft Japan

Loft Japan (https://www.loft.co.jp/)

… почувствовать себя о overwhelmed, оценить его как плохо оформленный и закрыть вкладку. Потому что кто вообще будет пользоваться этим хаотичным нагромождением, называемым веб-сайтом?

И именно здесь интересные идеи смываются в унитаз из-за невежества. Сейчас я не могу сказать вам, как именно японская культура повлияла на этот вид дизайна. Однако я нахожусь в удачном положении, поскольку могу опираться на беседы с коренными японцами, а также на опыт работы в Японии и проживания в этой стране.

Один из моих диалогов, связанных с этим исследованием, касался не веб-сайтов, а миниатюр на YouTube, которые порой могут быть столь же перегружены информацией.

A video about awful American commercials by Kevin’s English Room

Видео о неудачных американских рекламных роликах от Kevin’s English Room: https://youtu.be/6Ye2MEP_L8A

Для человека, привыкшего к минималистичному и элегантному дизайну, используемому многими западными каналами — с одним заголовком, повторяющимися цветовыми палитрами и ограниченным количеством шрифтов — вышеупомянутая миниатюра может показаться избыточной. Однако японец, которого спросили о том, почему многие миниатюры чрезвычайно популярных каналов оформлены таким образом, был удивлен тем, что этот дизайн может восприниматься как запутанный. Он чувствовал, что японский подход делает видео более интригующими, предоставляя несколько крупиц информации, за которые можно зацепиться, что, в свою очередь, позволяет принять взвешенное решение о том, будет ли видео интересным. Английские миниатюры видео, которые показали ему для сравнения, показались ему крайне расплывчатыми и скучными.

И, возможно, именно эта нацеленность на поиск информации является первопричиной столь сильного расхождения наших взглядов. В Японии уровень неприятия риска, двойной проверки и нерешительности в принятии быстрых решений заметно выше, чем в западных странах. Эта особенность тесно связана с более коллективистским общественным сознанием. Например, двойная (или даже тройная) проверка документа перед отправкой деловому партнеру может занять немного больше времени, но значительно снижает риск пропустить ошибки, предотвращая таким образом потерю репутации всех участников процесса.

Конечно, можно утверждать, что это справедливо только для достаточно важных ситуаций, к которым, по-видимому, не относится ситуация с дезориентированными иностранными туристами – просто поищите термин «Engrish» и поблагодарите меня позже.

Возвращаясь к веб-дизайну, этот культурный аспект помогает понять, почему интернет-магазины, новостные и государственные сайты часто кажутся «наихудшими нарушителями» с точки зрения стороннего наблюдателя. В конце концов, именно в этих случаях большое количество деталей напрямую связано с принятием правильного решения о покупке, эффективным получением актуальной информации или уверенностью в том, что у вас есть все необходимые сведения о конкретной процедуре.

Примечательно, что существует также значительный объем исследований о том, как американцы и китайцы/японцы по-разному воспринимают информацию. Результаты нескольких исследований, кажется, показывают, что японцы, например, воспринимают информацию более целостно, в то время как американцы склонны выбирать одну точку фокусировки, на которую направляют свое внимание (источник). Это может дать нам еще одну подсказку, почему у жителей Запада возникают трудности с такими типами сайтов, даже при высоком уровне владения японским языком. 

Заключение

В завершение стоит отметить, что веб-сайты не существуют в изоляции от остального онлайн-мира. Разнообразные медиа, от брошюр и журналов до рекламы в метро, также используют макеты, стремящиеся вместить максимум информации в минимальное пространство. Возможно, люди настолько привыкли к такому повсеместному подходу, что никому и в голову не приходило усомниться в его обоснованности. 

A banner ad promoting professional leaflet designs with a similar approach to displaying information

Баннер, рекламирующий профессиональные дизайны листовок, использует аналогичный подход к представлению информации. 

Короче говоря, это не попытка найти исчерпывающий ответ на вопрос, вынесенный в заголовок, и не стремление укрепить представление об уникальности японцев в духе «нихондзинрон» (日本人論). Напротив, особенно после изучения многочисленных дискуссий, фокусирующихся на одном объяснении как на «истинном ответе», мы хотели продемонстрировать спектр технологических, исторических и культурных факторов, которые в конечном итоге формируют подобные различия. 

Хотите, чтобы ваш бренд выделялся среди конкурентов и оставался запоминающимся для клиентов? Обратитесь в нашу в студию дизайна и маркетинга PUZINAS. Мы специализируемся на разработке уникального дизайна сайта, который подчеркнет вашу индивидуальность и привлечет внимание клиентов. Кроме того, мы предлагаем услуги по разработке логотипа компании, который который станет визуальным олицетворением вашего бренда. Свяжитесь с нами уже сегодня и начните путь к успеху с PUZINAS!

Стиль и дизайн японских сайтов отражают не только технологический прогресс, но и культурные ценности страны, создавая уникальный и неповторимый опыт для пользователей в мире веб-дизайна