и
IT 12.08.2020

Проектирование пользовательских интерфейсов: что это такое и зачем его заказывать

14 мин.

Какие задачи решает дизайнер интерфейсов

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

alt

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

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

Дизайнер интерфейсов — кто это простыми словами

Для начала давайте определимся с понятием «интерфейс». Интерфейс — это некий «посредник», через которого 2 системы взаимодействуют друг с другом. В дизайне под «системами» обычно подразумевают человека и компьютер. То есть интерфейс «помогает» человеку взаимодействовать с компьютером. Это если говорить совсем простым языком.

Самый простой пример интерфейса — это сайт с элементами управления. Например, всем известный сайт Avito. На нем присутствует поиск, фильтрация по нужным параметрам, добавление в «Избранное» и многое другое. Всё это и есть интерфейс сайта Avito.

Стало быть, дизайнер интерфейсов — это специалист, занимающийся разработкой дизайна всех этих элементов управления (интерфейса). Но что есть понятие «Дизайн» в этой профессии? Если вы подумали, что дизайн — это про красоту, то вы ошибаетесь. Точнее сказать это НЕ ТОЛЬКО про красоту, но и про УДОБСТВО и ПРОСТОТУ.

Если вы хотя бы раз заходили на Avito, то могли заметить, что сайт достаточно удобен в использовании. Там все интуитивно понятно и просто. Таким образом мы подобрались к более глубокому определению профессии.

Дизайнер интерфейсов — это специалист, который разрабатывает УДОБНЫЕ И ПОНЯТНЫЕ интерфейсы для конкретных площадок, при этом ПРЕДУГАДЫВАЯ поведение пользователей на них. Это тот человек, который обеспечивает простую и понятную навигацию, благодаря которой вы быстро можете найти нужную вам информацию.

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

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

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

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

Краткое описание

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

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

Особенности профессии

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

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

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

Важные личные качества

  • Отличные аналитические способности.
  • Не конфликтность.
  • Склонность к монотонной и малоподвижной работе.
  • Знание иностранных языков и языков программирования.
  • Хорошо развитый художественный вкус.
  • Умение рисовать, используя современные программы.
  • Знание основ маркетинга, дизайна и программирования.

Плюсы и минусы профессии

Плюсы

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

Минусы

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

Обязанность интерфейса — обеспечение взаимодействия

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

Роль UI дизайна сегодня?

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

Творчество разработчиков пользовательских интерфейсов ограничено определенным устройством и операционной системой. Их работа часто должна соответствовать рекомендациям производителя операционной системы (Google для Android, Apple для iOS). Apple публикует, что можно, а чего нельзя для пользовательского интерфейса, а также подробный список рекомендаций для UI. У Google также есть собственные стандарты материального дизайна.

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

Вот некоторые особенности пользовательских интерфейсов нашего времени

Многие элементы пользовательского интерфейса мы воспринимаем как приглашения к взаимодействию с приложением или устройством:

Поле для ввода текста и курсор предлагают пользователю ввести текст, а кнопка «Подтвердить» — кликнуть или коснуться ее, чтобы продолжить:

Переключатель, представленный здесь в виде ползунка, приглашает пользователя включить или отключить опцию:

Иконка приглашает пользователя кликнуть по ней, чтобы запустить приложение или функцию:

При нажатии по кнопке-гамбургеру…

…появляется меню, которое приглашает пользователя выбрать дополнительные варианты:

Ползунок приглашает пользователя коснуться/кликнуть и перетащить его, чтобы изменить настройки, например, яркость экрана:

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

Это лишь некоторые примеры элементов дизайна интерфейсов приложений. Но все они объединены идеей повысить эффективность взаимодействия с пользователем.

Интерфейс: хороший, плохой и ужасный

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

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

Хороший пользовательский интерфейс

Разработан с учетом глубокого понимания пользователя, его потребностей и того, как он будет перемещаться по приложению или сайту. Поэтому мы и говорим, что дизайн UI является одним из аспектов UX-дизайна (UX = User eXperience, опыт взаимодействия).

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

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

Плохой интерфейс

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

В таком интерфейсе очень много мелкого текста, который трудно читать. Кроме этого, плохому интерфейсу присуще использование жаргона (в том числе профессионального) вместо понятного языка. Например, написано: «Плохие данные». А нужно — «Неверные логин и пароль». К плохому интерфейсу также можно отнести применение назойливых диалоговых окон вместо панели уведомлений:

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

Ужасный интерфейс

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

Но успех компании Amazon, наоборот, доказывает эффективность их UI. Почему? Один из секретов кроется в том, что внешний вид страницы улучшался постепенно, и поэтому не заставлял пользователей приспосабливаться к резким изменениям интерфейса. Посетителям сайта это удобно.

Дизайнер интерфейсов — востребованность профессии

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

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

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

Как по мне, гадать о далеких перспективах — это пустая трата времени. Сейчас есть факт того, что дизайнер интерфейсов — это востребованная специальность. Если вам она импонирует, то берите и изучайте её, становитесь в ней профессионалом. Вас не должно волновать, что будет через 10-20 лет. Всё может в корне измениться. Но это ведь не повод не заниматься любимым делом, верно?

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

Многие говорят, что дизайнеров скоро заменит «искусственный интеллект». От части возможно и да, но полностью заменить человека я думаю невозможно. У нас (людей) есть то, что у искусственного интеллекта полностью отсутствует. Я говорю сейчас про креатив.

Более того, интерфейс «искусственного интеллекта» тоже должен кто-то проектировать.

Как стать дизайнером интерфейсов с нуля

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

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

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

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

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

Для того, чтобы набраться минимального опыта, принимайте участие в различных стартапах. Частенько в них принимают новичков. Либо зарегистрируйтесь на фриланс биржах и пробуйте самостоятельно выполнять заказы.

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

Всегда помните, дорогу осилит идущий.

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

Сколько зарабатывает дизайнер интерфейсов и какие требования выдвигают к кандидатам

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

Итак, в результатах выдачи у нас появились вакансии. Если взглянуть на диапазон зарплат, то он варьируется примерно от 60 до 200 тысяч рублей в месяц, что вполне неплохо согласитесь?

Кстати, вакансии вы можете искать не только по запросу «дизайнер интерфейсов», но и по запросу «UX/UI дизайнер». По сути, это одно и тоже, только разные названия должности.

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

Как видите, в обязанности в первую очередь входит разработка УДОБНЫХ и ФУНКЦИОНАЛЬНЫХ интерфейсов. Это как раз то, о чем я говорил выше. Далее по списку — проектирование сценариев работы пользователя. Другими словами, это ПРЕДУГАДЫВАНИЕ поведение пользователей. Всё сходится с нашим определением профессии.

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

Подобный «контроль» называется «UX/UI тестирование». Вам дают готовый продукт, и вы самостоятельно его изучаете (кликаете, скролите, проверяете отступы и т.д.) и сопоставляете с тем, что было заложено в дизайне. Если всё реализовано как надо, то хорошо. Если нет — то пишите замечание с прикрепленными скриншотами дизайна (как есть и как должно быть).

Также от кандидатов обычно требуется знание «дизайнерских» программ и определенной теоретической базы. Из программ — это обычно Figma, Sketch, Adobe XD, Photoshop, Illustrator, а из теории — знание гайдлайнов Material и iOS и базовых основ дизайна (композиция, компоновка, типографика, различные правила дизайна).

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

Заключение

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

Источники

  • https://academy.yandex.ru/posts/chem-zanimaetsya-dizayner-interfeysov-i-kak-im-stat
  • https://georgytim.ru/dizajner-interfejsov-kto-eto/
  • https://www.profguide.io/professions/interface_designer.html
  • https://habr.com/ru/post/147003/
  • https://www.internet-technologies.ru/articles/dizayn-polzovatelskogo-interfeysa.html
[свернуть]
Оцените статью
Понравилась статья?
Комментарии (0)
Комментариев нет, будьте первым кто его оставит

Комментарии закрыты.