Полезное

7 способов создать «облом»-дизайн

Автор Freelance.Today

Что сейчас произошло? Почему не работает? Да вы издеваетесь?!

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

Мы изучим несколько неожиданных сценариев, чтобы вы могли спланировать их заранее.

Упс: темный режим

Количество пользователей, переходящих в темный режим для просмотра сайтов, приложений и электронной почты, постоянно растет. Пользователи Android, скорее всего, сделают переход — его предпочитают 81% пользователей, — а количество пользователей Apple растет, и 37% людей используют темный режим для просмотра веб-страниц.

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

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

Упс: устаревшие браузеры

Хотя вы, возможно, не знаете никого, кто до сих пор — так или иначе — установил и использует Internet Explorer, такие люди есть.

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

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

  • Делайте свой код простым
  • Используйте сброс CSS
  • Включите DOCTYPE в кодирование
  • Сделайте тест на совместимость

Упс: плохие обратные ссылки

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

Если вы видите странные всплески веб-трафика или странные источники переходов в своей аналитике, это может быть признаком того, что что-то не так.

Чтобы решить эту проблему, периодически запускайте инструмент проверки ссылок на своем веб-сайте. Запросите удаление ссылок, которые вы считаете неприемлемыми, а также создайте и отправьте запрос на отклонение в Google, чтобы игнорировать эти ссылки.

Упс: проблемы с переводом

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

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

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

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

Упс: сверхмедленный Интернет

Это случалось со всеми. Вы открываете браузер на компьютере или телефоне, но ничего не загружается. Скорость интернета упала.

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

  • Сжимайте и уменьшайте изображения, где можете.
  • Включите замещающий текст для изображений и видео, объясняющий, что там, если оно не загружается.
  • Используйте кеширование или хостинг со встроенной оптимизацией производительности.
  • Уменьшите количество перенаправлений на необходимые страницы.
  • Используйте асинхронную и отложенную загрузку для CSS и JavaScript.
  • Удалите плагины и инструменты, которые вы не используете.

Упс: путаница в местоположении

Использует ли ваш веб-сайт информацию о местоположении для отображения контента? Путаница в местоположении может произойти по ряду причин — от отключения пользователем настроек местоположения до перенаправленных IP-адресов.

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

Пользователям нравится контролировать данные и информацию, которыми они делятся, а также то, как работает это взаимодействие. Предоставьте такую ​​возможность.

Упс: не тот путь пользователя

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

Если только это неожиданное использование не станет приятным сюрпризом.

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

Вы несете ответственность за то, чтобы посетители делали то, что вам нужно, когда они взаимодействуют с дизайном.

Заключение

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

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

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

Источник

 
  • 1171