Как сделать сайт более «юзерфрендли»?🫶🏻

Поговорим про «user experience» или, проще говоря, про UX. Чтобы сайт был эффективным и продающим, то он должен ориентироваться на пользователя и его потребности.

Начнём с самого главного принципа, который стоит во главе любого проекта — сайт должен быть простым и понятным. Исследования о первичной реакции пользователей говорят о том, что люди реагируют рефлекторно и зачастую бессознательно, поэтому хороший UI/UX дизайнер всегда учитывает это и заботится о юзере.

Как упростить жизнь пользователю?

➡️ Навигация

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

➡️ Структура информации

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

➡️ Цвета

Цвет важный помощник для дизайнера, так как он способен даже без текста интуитивно показывать роль элементов на сайте. Например, зелёный это чаще всего цвет с позитивным откликом, а красный это цвет отрицательного значения.

➡️ Мобильная версия

Многие не уделяют ей достаточно внимания и не приспосабливают сайт под удобный мобильный формат, что, согласитесь, странно, ведь больше половины всех пользователей заходит на сайты именно с мобильных устройств. При разработке дизайна адаптация сайта под разные форматы устройств – необходимость.

Желаем твоему сайту стать максимально юзерфрендли, а тебе – большого количества интересных проектов и идей для их реализации!

Зачем вообще нужен пользовательский код?

Нам поступает много вопросов про добавление кастомных шрифтов, анимаций и различных пользовательских элементов и стилей. Чтобы расширить возможности своего проекта на Taptop тебе точно пригодится кастомный код.

Добавить свой код ты можешь двумя способами:

1) Через виджет Пользовательский код (Embed), который находится в панели Элементы. Работа с кодом происходит через графу Code editor, где ты можешь добавлять или редактировать данные.

2) Разместить его внутри элементов head или body в настройках страницы или всего проекта.

Для чего его можно применять?

✅Добавить кастомный CSS-стиль

✅Подключить live-чат с оператором

✅Создать интеграцию с CRM системой

✅Настроить счётчик для аналитики сайта

✅Вставить специальные мета-тэги для повышения SEO характеристик

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

❕Кастомный код позволяет значительно увеличить возможности сайта, получать больше лидов, коммуницировать напрямую с клиентом и добавлять интерактивные элементы❕

Важные уточнения:

📎Результаты добавления кода не будут отображаться на этапе редактирования. Их можно увидеть только после публикации проекта.

📎Виджет Embed доступен только на тарифе хостинга Basic или команды Team Pro.

📎Для пользовательского кода можно использовать только HTML, CSS и JavaScript.

Чтобы оставаться на связи с нашей командой, предлагать новые идеи и самым первым узнавать об обновлениях — ты можешь следить за нашим Roadmap.

Ждём в комментариях вопросы по кастомному коду и его внедрению в проект💙

Как пользоваться Taptop на полную?💡

Достаточно подключить один из наших платных тарифов: тариф хостинга Basic или тариф команды Team Pro. Чтобы у тебя точно не осталось вопросов, мы сняли новое видео, где подробно расскажем:

⚡️Какие плюшки будут доступны при полном функционале?
⚡️В чём разница хостинга и командного тарифа?
⚡️Как их подключить?
⚡️Какая скидка будет при подключении годовых тарифов?

Посмотреть видео ты можешь по ссылке, переходи скорее в наш ламповый канал на youtube, где мы собрали множество уроков и лайфхаков🫶🏻

Закон Миллера в UX дизайне🔍

Число семь, чанкинг и UI/UX дизайн… Как это всё связано?

В 1956 году американский психолог Джордж Миллер выяснил, что внимание человека может воспринимать за раз в среднем 7️⃣ элементов. Это исследование значительно повлияло на взаимодействие с пользователем в дизайне.

Чанкинг — это процесс группировки информации. Сравни большой объем сплошного текста и этот же текст разбитый на отдельные смысловые блоки. Конечно же второй вариант будет восприниматься лучше и читабельнее. Тут вспоминается популярный стиль раскладки бенто.

Закон Миллера в дизайне направлен на то, чтобы пользователь мог сразу разобраться в навигации сайта и понять основной посыл продукта. Для этого требуется:

👉🏻 Структурированный текст с акцентами

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

👉🏻 Иерархия информации

Например, выделять наиболее важные пункты, а также делать их больше и заметнее. Так человеку будет понятен порядок и что нужно прочитать сразу.

👉🏻 Группировка элементов по смыслу

Эта расстановка интуитивно понятна и ускорит процесс выбора и восприятия посылов на сайте.

👉🏻 Не добавлять больше семи элементов в одну область

Обилие элементов не только не даст пользователю дополнительную информацию, но и помешает усвоению основной.

Чем понятнее пользователю интерфейс, тем быстрее он выбирает и совершает целевые действия. Поэтому Закон Миллера можно смело называть ключевым в UI/UX дизайне😎