Евгений Кравцов: «Интерфейс должен быть безопасным и доступным для всех категорий пользователей»

Элегантный 3D минимализм, дерзкий брутализм, экологичные фактуры и элементы виртуальной реальности. Такими дизайнеры видят тренды пользовательского интерфейса на 2024 год.^[1]

С одной стороны, их определяет развитие инновационных технологий, прежде всего искусственного интеллекта, с другой - глобальные явления, вроде заботы об экологичности и развития инклюзивности. И хотя все чаще звучат слова о том, что ИИ скоро будет играть ключевую роль не только в UI/UX-дизайне, но и в генерации кода интерфейса, пока это остается делом будущего. Так что оживлять дизайн, обеспечивая комфортное пользование сервисом, предстоит фронтендерам. О том, что нужно сегодня уметь, чтобы воплощать в жизнь дизайнерские проекты, чего на самом деле хотят пользователи и зачем программистам ходить в музеи, рассказал член жюри международных хакатонов, фронт-разработчик крупного российского банка Евгений Кравцов.

Евгений Кравцов

Евгений, все мы любим, когда на сайте или в приложении все просто и понятно. За это отвечают фронт-разработчики. Вы этим занимаетесь много лет, работали в командах таких гигантов, как маркетплейс Ozon и киносервис Start.ru, и точно знаете, чего на самом хотят пользователи. Какие новые требования к интерфейсам выдвигаются сейчас?

Я бы назвал два ключевых аспекта – доступность и безопасность. И я рад, что сегодня мы заботимся не только и стилистике и графике, но и вещах, куда более значимых. Сегодня сайты должны быть доступными для всех категорий пользователей, включая людей с ограниченными возможностями. Это означает учет потребностей слепых, слабовидящих, глухих или слабослышащих пользователей, а также людей с другими физическими ограничениями. Важно создать такой интерфейс, который обеспечит легкий доступ к информации и функциям сайта для всех пользователей, независимо от их индивидуальных особенностей. Поэтому разработка сайтов должна включать в себя специальные элементы - использование альтернативного текста для изображений для слабовидящих пользователей или предоставление субтитров для видео контента для слабослышащих.Дмитрий Бородачев, DатаРу Облако: Наше преимущество — мультивендорная модель предоставления облачных услуг

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

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

В разработке интерфейса понимание потребностей и предпочтений пользователей является ключевым. Поэтому мы постоянно ведём анализ пользовательского опыта, используем A/B-тестирование и собираем отзывы, чтобы понять, что именно ценят пользователи в интерфейсе. С командой я каждую неделю обсуждаю новые веяния в разработке. Также стараюсь посещать интересующие меня конференции и читать популярные ресурсы о фронтенд-разработке. Обязательно нужно следить за технологическими инновациями – новые возможности для создания более сложных и интерактивных интерфейсов появляются постоянно. Так, развитие фреймворков и библиотек JavaScript, таких как React, Vue.js и Angular, позволило создавать более динамичные и отзывчивые веб-приложения. Ну и тренды в веб-дизайне тоже нельзя упускать из вида. От нас зависит первое впечатление. А качественный UX-дизайн увеличивает вовлеченность, улучшает удержание пользователей и способствует развитию положительного имиджа бренда. Поэтому важно быть в курсе всего.

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

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

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

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

Вообще, конечно, трафик сайтов с работой фронтенд-разработчика связан лишь косвенно – он может повлиять на SEO-оптимизацию. И задач по достижению определенных показателей по числу пользователей перед нами не ставят. Но бывает и так, что обеспечивая доступность и удобность интерфейса, мы выделяем проект среди конкурентов, а это влечет рост числа пользователей. Так и произошло на маркетплейсе. Я работал на проекте Ozon Travel, который нужно было внедрить на большой сайт. Мы нашли, как сделать заказ билетов удобным и простым. В итоге все получилось очень успешно. Пришли новые клиенты. И мне до сих пор приятно, если я слышу, как кто-то пользовался этим сервисом.

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

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

Автор: Анатолий Сычев

Примечания