Когда вы разрабатываете сайт, то либо решаете проблему пользователя, либо нет. Будет это эффективный инструмент для бизнеса, приносящий прибыль, или это будет еще один сайт в сети Интернет? Это зависит от множества факторов…

Web-дизайн или «встречают по одежке»

По статистике, 95% пользователей не будут пользоваться сайтом с плохим дизайном.

Что сейчас актуально? Набирает популярность сочетание 3D-графики и покадровой анимации, а также микро-анимации – небольшие изменения интерфейса с визуальным или звуковым эффектом, которые служат подсказками пользователям. Микро-анимации существенно улучшают пользовательский опыт за счет геймификации, но упор должен делаться на продуманный и понятный интерфейс.

От красоты к удобству или «провожают по уму»

По статистике, 60% пользователей уйдет с сайта, если он покажется им непонятным.

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

А что насчет мобильных устройств?

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

Трендовыми стали такие технологии, как SPA и PWA. PWA-сайт дает набор возможностей, присущих полноценному нативному приложению: для быстрого захода на сайт можно установить значок сайта на свой гаджет, с сайтом можно взаимодействовать даже без интернета, повторный заход на сайт происходит с мгновенной загрузкой, приложение может отсылать push-уведомления пользователям.

Следующий шаг в плане развития бизнеса – разработка полноценного мобильного приложения.

Performance Optimization

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

В чем сложность делать Performance Optimization для веб-приложений? Очень медленный DOM. Компьютеру приходится делать большое количество вычислений при любом изменении DOM.

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

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

В качестве вывода

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

В наших силах приложить свои умения и разработать решение, учитывающее все грани User Experience.

Комментарии (7)


  1. lesskop
    07.03.2022 17:16
    +11

    Преисполнился в познании.


    1. acsais-com Автор
      07.03.2022 18:54
      -6

      Это только первая статья, информационно-познавательная, из серии статей по грамотному подходу к Frontend-разработке.


      1. nin-jin
        07.03.2022 21:17
        +8

        Если остальные будут столь же содержательны, то лучше не надо.


  1. wifftees
    08.03.2022 01:06

    Как web-дизайн относиться к frontend разработке? Разве этим не должен заниматься ux-дизайнер?


    1. acsais-com Автор
      08.03.2022 01:33
      +1

      Веб-дизайн - это часть процесса frontend-разработки. Веб-дизайнер обязан разбираться в Ui\Ux. Также в его обязанности входит обеспечение адаптивности сайта для разных устройств. Фронтендер отвечает за программирование пользовательских интерфейсов. В небольших проектах роль веб-дизайнера и фронтенд-разработчика выполняет один человек. В больших проектах, безусловно, идет четкое разделение задач и ответственности. Вообще в статье рассмотрены общие концепции.


  1. Dimon2022
    10.03.2022 10:09

    Автор, такие утверждения "По статистике, 95% пользователей..." требуют пруфов на серьезные исследования, без них это лапша на уши


    1. acsais-com Автор
      10.03.2022 13:57

      Согласен. К следующей статье подойду более серьезно.