Дизайнер интерфейсов что это такое


Дизайнер интерфейсов

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

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

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

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

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

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

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

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

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

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

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

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

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

Место работы

Дизайнер, специализирующийся на создании интерфейсов, сможет найти работу в таких компаниях:

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

Чаще всего эти специалисты занимаются фрилансом, ища работу на досках объявлений и специализированых сайтах.

Оплата труда

Ставка за работу дизайнера интерфейсов зависит от его опыта и профессиональных навыков.

Карьера

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

Профессиональные знания

Специалист должен уметь работать с разными инструментами, ведь именно с их помощью он достигает поставленных целей:

  • безупречное знание usability;
  • знание языков программирования;
  • умение работать с графическими редакторами.

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

www.profguide.io

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

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

Фундамент дизайнера

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

Фокус, цели и задачи

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

Как бы это работало, если бы это было просто?

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

Эстетика интерфейса

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

Переодически мы слышим об ошибках, которые совершают люди из-за сложного интерфейса. Конечно, поставить случайно лайк — не проблема, а вот ошибка при управлении самолетом или атомной станцией может привести к трагедии. Самый простой способ улучшить визуальные навыки — перенимать чужой опыт, копируя интерфейсы и читая толковые материалы. Мне в свое время очень помогли дизайн-гайдлайны Google. На русском языке можете прочитать емкий материал студии Олега Чулакова: design.chulakov.ru. Уверен, что на старте карьеры он бы мне очень помог. Еще одна очень важная вещь — взгляд со стороны. Я всегда работал в стартапах, где был одним дизайнером, что давало мне большую свободу действий, но лишало обратной связи опытных коллег. Большинство дизайнеров начинают свою карьеру дома, поэтому единственным способом получить обратную связь для них является завязать отношения с опытным дизайнером и периодически просить у него комментарий по поводу своих работ.

Что ему нужно?

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

Системность в дизайне

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

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

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

Даже хорошую идею легко убить

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

Книги для дизайнеров

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

Куда устроиться

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

Генерация удачи

[очень важная часть] Многие ограничивают свое представление о мире профессиональными навыками, хотя они являются лишь необходимым минимумом. Вы можете быть отличным дизайнером, но какой в этом толк, если о вас никто не знает (ни клиенты, не сообщество)? Некоторым везет и их карьера выстраивается благоприятным образом, но не потому что они с рождения счастливцы, а лишь потому, что они неосознанно выполняли действия, которые повышают шансы на успех. Среди этих действий есть активные и пассивные. Среди пассивных — это наличие резюме, портфолио и аккуратных профилей в соцсетях. Эти вещи повышают вероятность того, что вас могут случайно заметить и предложить интересный проект. Активные действия — отклики на чужие вакансии, публикации статей и кейсов, общение с профессионалами из разных сфер, прямые письма работодателям и создание своего сообщества. Благодаря этому, вы не ждете пока вас найдут, а своими силами повышаете вероятность перспективного предложения.

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

Популярный ныне вариант — пройти курс от известной компании или поучаствовать в конкурсе. Павел Шумаков, выиграв Russian Design Cup получил предложение от ВКонтакте, а чуть позже перебрался в лондонский офис Badoo. Некоторые ребята, пройдя курс от Skillbox получили предложение о работе в AIC. Давно известный вариант — сделать фейковый проект, вложив в него все силы и качественно опубликовать его в портфолио. Самый известный пример — редизайн Google News Георгия Квасникова, который принес ему ряд предложений от крупных компаний. Ну и последнее. Важно понимать, что за ширмой любого бренда находятся адекватные люди, которые готовы в любое время рассмотреть амбициозного кандидата. Ваша задача — лишь правильно себя преподнести. Грамотное письмо на общий ящик и аккуратное портфолио — это порой все, что нужно.

Как зарекомендовать себя на новом месте

Одна из самых главных вещей, которую я понял за свою карьеру — это умение идти вперед, несмотря на неудачи. Ошибок не избежать, поэтому нужно нормально к ним относится. Это элементарная логика:Успеха добиваются не те, кто не совершает ошибок, а те, кто несмотря на них идет вперед. Мой путь, который я описал в большой истории “Становление дизайнера”, содержал ряд неудач, которые могли стоить мне работы, но даже на старте карьеры интуиция подсказывала, что переживания никому не помогут и единственный способ чего-то добиться — просто идти вперед. Поэтому не переживайте, столкнувшись с проблемами на новой работе. Все через это проходили, включая Стив Джобса, который за первые 15 лет своей карьеры совершил ряд дорогостоящих ошибок, из-за которых в конце 90-х многие его считали неудачником. И лишь высокомерная уверенность в своем предназначении, позволила ему идти вперед и спустя десятилетие стать иконой отрасли.Будьте открытыми, налаживайте отношения с коллегами, интересуйтесь опытом других и когда вам выпадает шанс, берите на себя инициативу.

Неизбежный исход

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

Ключ ко всему

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

Сделайте эту неделю прорывной.

Теги:
  • саморазвитие
  • успех
  • карьера
  • дизайн
  • фриланс
  • осознанность
  • книги

habr.com

«Это как элитные бойцы»: чем UX и дизайнеры интерфейсов помогают бизнесу

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

В чем особенности этой профессии? На что обратить внимание компаниям и предпринимателям, которые создают собственные сайты и приложения? В рамках  спецпроекта мы поговорили об этом с одними из самых крутых специалистов в сфере дизайна интерфейсов: Юрием Ветровым (директором по дизайну Mail.Ru Group), Дмитрием Осадчуком (креативным директором Mail.Ru Group) и Андреем Малеваником (арт-директором компании Contented), которые приехали в Минск на премьерный показ «Дизайнера интерфейсов» — первого фильма из цикла «Профессиональный взгляд в будущее», который покажут в Беларуси в рамках проекта Film Talks от Silver Screen.

Дизайнеры интерфейсов — кто эти специалисты и откуда приходят в профессию

Андрей Малеваник:

— В эту индустрию приходят и «классические» дизайнеры, и специалисты по компьютерной графике, и люди из совершенно неожиданных сфер. Например, из искусства: художники, фотографы. На курсах по подготовке дизайнеров интерфейсов, которые проводит наша компания, есть даже винодел. Настоящий, со своей винокурней! То есть человек делал вино, а потом решил стать дизайнером интерфейса. Реальный кейс.

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

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

Что должен знать дизайнер интерфейсов

Юрий Ветров:

— Есть ключевые навыки:

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

2. Умение «переложить» вот это поведение на интерфейс. То есть спроектировать его.

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

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

Дмитрий Осадчук:

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

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

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

Дмитрий Осадчук:

— Уже давно дизайн интерфейсов развивается в банковской сфере, в телекоммуникациях. Эти бизнесы активно привлекают таких специалистов. Вот взять любое приложение банка. То, что мы видим снаружи — например, экран для заказа платежной карты, — это оболочка. Визуально хорошо выполненный интерфейс, который позволяет оформить эту карту в режиме онлайн. Но под таким «капотом» скрывается работа десятков внутренних ИТ-систем и продуктов: CRM, электронного документооборота и прочего. Каждая из этих систем также имеет свой собственный интерфейс, которых должен быть удобен для сотрудников.

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

Юрий Ветров:

— С чего вообще в процессе общения человека и машины возник вопрос об удобных интерфейсах? Один пример: в боевых самолетах во времена Второй мировой были не всегда удобные приборные панели. Из-за этого возникал риск аварийности. Это поняли и начали плотно работать с интерфейсами приборной доски, чтобы понизить риск гибели пилота. Могу сказать, что сегодня крупные компании из традиционного бизнеса (уровня «Сибура», «Газпрома») тоже на старте этих процессов. Госсектор сейчас активно вкладывается в создание эффективных ИТ-продуктов для граждан.

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

Для него одни из главных условий успешности — это высокий процент конверсии и повторных покупок (возвращаемости).

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

О каких трендах в дизайне интерфейсов надо знать

Юрий Ветров:

— Есть несколько групп трендов:

1. Начнем с технологических. 10−12 лет назад смартфоны превратились из дорогих и сложных устройств во всем привычные сенсорные телефоны, с помощью которых можно сидеть в интернете. Сразу выросло количество приложений — благодаря новой модели магазинов. Этот технологический рывок дал работу дизайнерам.

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

2. Есть также тренды в визуале, связанные с изменениями во внешнем виде сайтов и приложений.

3. Третья группа трендов — связанные с изменениями в поведении пользователя.

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

Дмитрий Осадчук:

— Хороший пример тренда, связанного с изменением поведения пользователя, — так называемый onboarding (онбординг). Раньше, если человек только зарегистрировался на сайте или в приложении, ему надо было рассказать о функциях. Понятно, что разработчики не могли давать инструкцию на 200 страниц, потому что ее никто бы не читал. Поэтому зачастую все сводилось к каким-то 3−4 экранам с объяснениями: здесь у нас кнопка «включи уведомление» или «настрой тему», а наверху кнопка «скачать». Это было… банальное понимание интерфейса.

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

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

Андрей Малеваник:

— Приведу пример по теме трендов. Наш партнер из Питера — компания «Куберто» — вообще разрабатывает некоторые интерфейсы для работы с мобильными устройствами для пользования одной рукой. Потому что сейчас во многих сценариях смартфоны так и используются: на бегу, с пакетом во второй руке, открывая дверь и т.д. О многих таких примерах мы рассказываем в фильмах Contented о профессиях будущего, которые будем показывать в рамках проекта Film Talks в кинотеатрах Silver Screen. Очевидно, что в ближайшем будущем мир профессий продолжит меняться и специальности, которые актуальны сегодня, завтра могут оказаться невостребованными, и мы хотим рассказать людям, чем они могут заниматься дальше. После показов будем устраивать обсуждения увиденного вместе с экспертами.

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

Юрий Ветров:

— Люди, как известно, живут «вшитыми» в них привычками. Привычки формируют некие ожидания. Я вот ожидаю, что интерфейс одного сайта сделает какую-то вещь точно так же, как это происходит на остальных сайтах. Например, всегда хорошим правилом было то, что на экране отмечались кликабельные элементы. Раньше это были ссылки, подчеркнутые синим цветом. Потом стало чуть проще: можно было кликабельные элементы так же либо другими способами выделять.

Дмитрий Осадчук:

— В дизайне интерфейсов, как и в любой другой предметной области, проводятся:

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

2. UX Research. Это юзабилити-исследования, которые как раз дают обратную связь на все то, что ты делаешь. В том числе это эксперименты с какими-то конкретными продуктами.

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

Типичные ошибки при разработке интерфейса

Дмитрий Осадчук:

— Есть две ошибки, которые я часто наблюдаю:

1. Не тестировать свои решения. Когда бизнес полагается только на свою экспертизу: «Мы знаем, что это надо сделать именно так».

2. «Выкатывать рубильником». Когда говорят: «Разработали интерфейс и с завтрашнего дня переходим на его использование. Без вариантов». Лучше «выкатывать» разработку постепенно, каждый этап сопровождая тестированием.

Юрий Ветров:

— Я назвал бы следующие:

1. Уверенность, что мы знаем что-то лучше других.

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

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

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

Например, я всем рекомендовал бы познакомиться с тезисами мастодонта юзабилити Якоба Нильсена. Он стоял у истоков современного понимания профессии дизайнера. У него есть месседжи, которые называются «10 эвристик Якоба Нильсена». Там прописаны 10 правил хорошего интерфейса. Они применимы к любым интерфейсам: и к мобильным, и к web. К каким угодно. Рекомендую прочесть.

Партнер проекта:

Сеть кинотеатров Silver Screen решила выйти за рамки классических кинопоказов и запускает новый формат встреч — Film Talks. Каждое мероприятие будет включать в себя просмотр фильма, короткие выступления спикеров и дискуссионную панель с участием зрителей.

probusiness.io

Как стать дизайнером интерфейсов: 7 ответов на все вопросы

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

Моя история

Трогать фотошоп я начал в 2010. Делал не интерфейсы, не веб-дизайн, а всякую мелкую графику для форумов: сиги, гигабары — старички вспомнят. Источником знаний были текстовые и видеоуроки, в основном, по Фотошопу и Иллюстратору. Тогда еще мое информационное поле не было набито интерфейсами, а только наполнялось разными инструментальными навыками, например, эффектами в Фотошопе.

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

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

Иногда брал заказы на фрилансе: бывало, нужно сделать логотип, а пару раз даже рисовал сайты.

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

Навыки: пока никаких.

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

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

Литература

Также, посмотрите как создают интерфейсы известные компании и люди: Студия Right, Агенство SFCD, Ony, BuroBuro, Студия Артемия Лебедева, Бюро Артема Горбунова, Илья Бирман, Данила Ковчий. Делать на уровне сразу не получится, но взять как ориентир и стремиться — хороший план.

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

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

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

Навыки: 📜 типографика и верстка, 🔨 графический редактор.

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

Мейнстримными графическими редакторами являются Sketch и Figma. Скетч все еще стандарт для индустрии, но многие команды постепенно переходят на Фигму.

Литература

  • Типографика и верстка. Артем Горбунов. Основа дизайна интерфейсов — правила типографики и верстки, потому что мобилки перекочевали из веба, а веб из печатной продукции.
  • Подборка советов «Типографика и верстка». Бесплатная версия упомянутой книги в виде нескольких советов-статей на сайте Бюро.
  • Дизайн-альманах Readymag. Подробные статьи про типографику, сетку, цвета и анимацию. Если последнее на этом уровне не так важно, то первые три темы будут очень полезны.
  • Графический интерфейс. Данила Ковчий. Достаточно абстрактная, но не менее интересная статья про системный подход к разработке интерфейсов.
  • Sketch App — Вводный курс. Первый попавшийся под руку видеокурс по Скетчу. Не смог найти никаких уроков за 2019 год, хотя Скетч сильно изменился в последних версиях. Но для понимания что происходит и как сделать базовые вещи — пойдет.
  • Figma Guide. Саша Окунев. Саша написал подробную книгу про Фигму, которой хватит, чтобы погрузиться в инструмент и начать в нем что-то рисовать.

Сейчас нужно научиться делать что-то руками. Не важно, получится ли что-то полезно, главное — процесс.

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

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

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

Чем больше рисуете — тем быстрее рисуете. На этом этапе нужно поиграться с инструментами, выбрать подходящий для своих задач, наработать руку и быть в состоянии что-то сделать. Короче, отвечаете на вопрос «Как?».

Навыки: 📮 решение задач, 🏭 дизайн-процесс.

Литература

  • § 149. Решение задач. Про суть дизайна.
  • § 167. Метод прогрессивного джипега. Метод применяются на всех этапах дизайна, и не только дизайна. Сильно помогает выдавать результат и управлять качеством работы на всех этапах дизайн-процесса.
  • Что значит «сделать». Отличие «деланья» от «сделанья». Как планировать дела так, чтобы действительно их сделать.
  • Константин Горский. Как делать дела. Лекция на аналогичную тему.
  • Максим Ильяхов. Как важно быть полезным. О продвижении продуктов через пользу для людей.
  • Не провалить задачу. Как задавать правильные вопросы, понять задачу, наметить план и решить задачу.
  • Илья Бирман. Понимание задачи. Илья рассказывает про Бюрошный документ «Понимание задачи», который ребята составляют для каждого проекта.
  • Дизайн+1. Людвиг Быстроновский. Как прокачивать себя и постепенно становиться лучше.
  • Работа над ошибками | Сергей Кулинкович | Prosmotr. Как ловить и избегать типовые ловушке в работе дизайнера.
  • Серёжа и большая красная кнопка. Даша Почекуева. Про осознанность в дизайне интерфейсов и уровни погружения в задачу. Возможно, на начальном этапе будет чересчур сложно, но это осознанность — естественный путь к развитию себя.
  • The biggest WTF in design right now. Про интерфейсные сценарии.
  • User flow is the new wireframe. Простая статья про разные степени детализации прототипов. Помогает постепенно улучшать дизайн и применять прогрессивный джипег.
  • Пиши, сокращай. Максим Ильяхов, Людмила Сарычева.Книга про текст, но подойдет и дизайнерам, так как в интерфейсах большая часть коммуникации происходит за счет слов.

Придумать себе задачу всегда сложно, потому что обычно нам помогают внешние ограничения: сделать сайт, нарисовать плакат А3 и так далее. Когда есть только полная свобода — мозг взрывается.

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

Результат может вам не нравиться в первое время. На самом деле так будет всегда и это нормально.

/

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

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

Навыки: 🔮 проектирование интерфейса, 👩‍💻 исследование пользователей.

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

  • Самой задачей,
  • Эвристиками интерфейсов,
  • Сложившимися паттернами,
  • Ограничениями среды и платформы,
  • Чувством вкуса,
  • Эмпатией,
  • Данными с исследований.

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

Литература

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

Запрототипируйте решение и покажите друзьям. Пусть потыкают в интерфейс и скажут, что они думают. Совпали ответы с вашими ожиданиями? Если нет, то у вас появятся мысли как улучшить прототип.

Навыки: 💼 понимание бизнеса, 🤖 код.

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

Хорошо дизайнит тот, кто дизайнит последним.

/

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

Литература

Попробуйте создать маленький продукт сами: придумайте идею, спросите друзей, посмотрите на аналоги, нарисуйте макеты, сверстайте на HTML/CSS/JS и попробуйте запустить в интернете, чтобы была ссылка. Для вас откроется много нового: много идей никому не нужны, ваши картинки сложно верстать, запускать продукты не очень просто и другие, кажущиеся очевидными сейчас, мысли.

Навыки: 👋 коммуникация.

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

  • Знание нужного стека инструментов,
  • Анализ задачи и проблемы,
  • Проектирование сценариев,
  • Разработка визуальной концепции,
  • Тестирование на пользователях (хотя бы коридорное),
  • Презентация решений команде и клиенту,
  • Рефакторинг и передача макетов в разработку,
  • Авторский надзор.

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

  • Sketch или Figma для дизайна интерфейсов,
  • Miro для совместного обсуждения картинок,
  • Zeplin для передачи макетов разработчикам,
  • Invision для создания интерактивных прототипов,
  • Slack для общения.

Зарегистрируйтесь, потыкайте — на работе наверняка пригодится.

Литература

  • Новые правила деловой переписки. Максим Ильяхов, Людмила Сарычева. Книга про то, как писать письма так, чтобы на них отвечали. Но не только: в работе приходится много писать, ставить задачи, описывать сценарии, общаться с разработчиками, отправлять письма клиентам, а книга как раз помогает делать это правильно.
  • 019. Школа дизайна — Взаимное доверие и уважение в команде. Лола Кристаллинская. Лола рассказывает про эффективную работу в команде.
  • 021. Школа дизайна — Как решать вопросы. Анастасия Ларкина. Анастасия рассказывает, как эффективно принимать решения в команде, где каждый отстаивает свои интересы.
  • 011. Школа мобильного дизайна — Работа в команде. Юрий Подорожный. Почему важно общаться внутри команды и «синхронизироваться».

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

Саша Бизиков был разработчиком, а потом за год стал младшим дизайнером интерфейсов в Фанбоксе. Он подошел к делу осознанно: нашел материалы, составил план изучения, сходил в школу Яндекса и выполнял тестовые. В своем блоге он рассказал, как составлял план и шел к цели: Цель, Инструмент и План.

Кстати, в блоге Саши много заметок о том, как он пробовал в себя в дизайне и какие ошибки совершал.

Выберите направление

Рядом с дизайном интерфейсов живут разные специализации.

  • Дизайн интерфейсов. Есть классические дизайнеры интерфейсов (UI/UX), которые занимаются и проектированием сценариев, и визуальным дизайном.
  • Продуктовый дизайн. Тот же дизайн интерфейсов, но больше ответственности, так как дизайнер отвечает за весь дизайн продукта и те чувства, которые продукт вызывает. В продуктовом дизайне по-другому формулируются задачи и вообще процесс работы.
  • UX-дизайн. Некоторые компании ищут узких спецов. «UX-проектировщики» — проектируют интерфейсы без оглядки на эстетику и трансляцию бренда
  • UI-дизайн. Те, кто по вайрфреймам первых готовит финальный дизайн.
  • Коммуникационный дизайн. Если у вас получается больше рисовать, чем проектировать — вам может быть ближе графический или коммуникационный дизайн. Продуктам часто требуются дизайнеры, которые будут заниматься брендом, иллюстрациями, презентациями, промосайтами и всей графикой.
  • Исследования. Посмотрите в сторону пользовательских исследований. Если в компаниях хорошо развит дизайн-процесс, часто они прибегают к помощи исследователей, которые готовят юзабилити-тестирования, проводят воркшопы, выявляют нужные фичи и находят боли пользователей. Посмотрите видео Натальи Стурза про команду UX-исследователей.

Соберите портфолио

Есть три способа оценить дизайнера при приеме на работу: портфолио, собеседование и тестовое задание. На собеседовании обычно спрашивают общие вопросы: «Какими инструментами пользуетесь?», «Как вы работаете над задачей от начала до конца?», «Как проверяете, что достигли успеха?», «Разработчики говорят, что запрограммировать интерфейс слишком дорого. Ваши действия?». Собеседование показывает, знает ли кандидат область и его ли это работы (хотя бы приблизительно).

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

Главная задача страницы проекта такая же, как у презентации интерфейса кому-нибудь: доказать, что вы справились с задачей. Вот что нужно показать на странице проекта:

  • Название продукта, сайта или приложения,
  • Задача,
  • Ваша роль,
  • Картинки с интерфейсом,
  • Небольшой пояснительный рассказ, что было сделано и почему,
  • Ссылка на результат (сайт, приложение или продукт).

А где взять первые проекты? Можно придумать задачи самому: перерисовать какой-то сайт, заредизайнить стремное приложение или закреативить новый продукт. Это сложно, но интересно.

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

Придумали крутую идею, сделали пару тестовых, оформили это всё в виде сайта и можно в бой.

Если вы прочитаете всю теорию из этой статьи, все равно не получится сделать крутой интерфейс без практики (ваш К. О.). Именно на настоящей работе статьи впитываются, навыки оттачиваются и появляется ощущение контроля процесса.

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

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

Стажировки можно найти на сайтах с поиском работы (HH, SuperJob), на сайтах больших компаний (Яндекс, JetBrains), в сообществах дизайнеров (Криэйтив Раша). Тут все просто: гуглите везде «стажировка ui ux» и проверяете информацию на адекватность.

На стажировках часто просят сделать тестовое задание. Но вы уже с этим знакомы, поэтому тестовое задание — еще один проект в портфолио!

Если вы запомните три вещи, то

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

infogra.ru

UX/UI-дизайн: что это такое?

UX (англ. user experience) — дословно означает «опыт пользователя». В более широком смысле это понятие включает в себя весь опыт, который получает пользователь при взаимодействии с вашим сайтом или приложением.

UX-дизайн отвечает за функциональность, адаптивность продукта и то, какие эмоции он вызывает у пользователей. Чем проще ваш интерфейс, тем проще пользователю получить результат и совершить целевое действие.

UX-дизайн — это проектирование интерфейса на основе исследования пользовательского опыта и поведения.

Одним из ярких примеров работы UX-дизайнеров можно назвать первый персональный компьютер компании Apple — Macintosh. Идея использовать окна вместо командной строки существовала и до1984 года, но именно инженеры и проектировщики Apple сделали графический интерфейс массово доступным.

Графический интерфейс Macintosh в 1984.

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

UX не заканчивается на красивой и понятной форме на сайте. UX — это путь пользователя от точки входа до точки выхода, из пункта А в пункт Б. 

Другими словами, UX — это впечатления, которые клиент получает от работы с интерфейсом. Опыт пользователя зависит от различных компонентов: архитектуры сайта, графического дизайна, понятного текста и отзывчивости интерфейса на конкретные действия пользователя.

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

UX-дизайнер (англ. user experience designer) — это проектировщик, который изучает потребности пользователей, строит логические схемы работы интерфейса, тестирует прототипы на целевой аудитории и составляет техническое задание для UI-дизайнера.

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

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

UI-дизайн — процесс визуализации прототипа, который разработали на основании пользовательского опыта и исследования целевой аудитории.

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

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

UI-дизайнер (англ. user interface designer) — дизайнер интерфейсов, который визуализирует рабочий прототип, отрисовывает кнопки, иконки, формы и другие его компоненты и собирает их в гармоничный работающий макет.

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

Концепция интерфейса для мобильного приложения Clean & Clear. Автор Абир Махмуд.

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

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

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

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

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

Соблюдайте постоянство для всех разделов сайта и приложения. Элементы интерфейса — меню и слайдеры — должны вести себя одинаково на любой странице.

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

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

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

Разница между UX и UI — в том, что UX-дизайнер планирует, как пользователь будет взаимодействовать с интерфейсом, какие шаги ему нужно предпринять, чтобы достичь цели. А UI-дизайнер продумывает, как будут выглядеть эти шаги и путь к цели в целом.

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

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

Пользовательский интерфейс — это конечный результат работы дизайнера, то, что увидит пользователь. UI-дизайнер визуализирует пользовательский опыт и «оживляет» интерфейс продукта. Интерфейс создается на основе пользовательского опыта — UX.

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

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

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

После прохождения курса по UX-/UI-дизайну вы получите диплом, пополните портфолио сильными работами и сможете пройти стажировку в одном из топовых дизайн-агентств России.

Курс «UX-дизайн»

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

  Что такое UX и UI — бесплатный вебинар Skillbox+AIC.

  Что такое UX-дизайн в блоге Tilda.

  Что такое UX и UI на примере средневековых профессий.

  Чем отличается UX-дизайнер и UI-дизайнер в блоге ADN.

  Зачем учить UX, или почему простые дизайнеры скоро станут не нужны.

  Как стать UX/UI-дизайнером без образования и опыта.

  Карта талантов UX-дизайнера: что стоит развивать.

  Прошлое, настоящее и будущее UX: что ждет дизайн интерфейсов в 2018 году.

  52 термина из области UX-исследований.

  Бесплатный курс «Дизайн интерфейсов для нормальных людей» Антона Жиянова.

skillbox.ru

Дизайнер интерфейсов-что это такое

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

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

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

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

Услугами специалиста пользуются:

  • Дизайнерские агентства;
  • Студии по созданию сайтов;
  • Разные компании и частные лица, имеющие свои ресурсы.

Необходимые для работы навыки

Для работы потребуются следующие навыки:

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

Профессия эта еще новая, поэтому в вузах ее не преподают.

Работать по этой специальности могут программисты, веб-дизайнеры, 3D-аниматоры, люди, получившие образование по IT-специальностям.

Найти работу можно:

  • На сайтах по поиску работы;
  • Форумах дизайнеров;
  • Разделах вакансий на сайтах рекламных агентств.

Данная профессия подходит тем людям, кому нравится рисовать, кому интересна психология и информатика.

Преимущества профессии

Она имеет ряд преимуществ:

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

Недостатки профессии:

  • В связи с тем, что профессия пока еще новая, на специалиста могут взвалить обязанности других специалистов;
  • Приходится подстраиваться под требования клиентов;
  • На свое обучение и приобретение оргтехники придется тратить свои деньги.

Специалисту необходимы такие личные качества:

  • Коммуникабельность;
  • Наличие аналитических способностей;
  • Усидчивость, терпение, т.к. работа сидячая, малоподвижная и монотонная;
  • Хороший художественный вкус.

Разработка интерфейса сайтов, игр, приложений — достаточно сложный процесс, требующий знаний в разных областях — дизайна, психологии, инженерии.

В IT-отрасли множество разных направлений, связанных с дизайном. Самые распространенные из них дизайнеры, которых отмечают аббревиатурой UX/ UI.

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

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

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

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

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

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

UX/ UI-дизайнер отвечает за то, как интерефейс будет в дальнейшем выглядеть.

Специалист должен знать:

  • Графические редакторы — самые популярные — Adode Illustrator, Adode Photoshop, Sketch, Figma;
  • Инструменты прототипирования — Mockplus, Axsure. Они являются связующим звеном между идеей и ее реализацией;
  • Психологию пользователей. Уже на этапе разработки макета надо понимать, будет ли удобно этим интерфейсом пользоваться. Продукт будет востребованным лишь тогда, когда на него имеется спрос;
  • Теорию цвета;
  • Иметь представление о типографике, композиции и юзабилити сайта;
  • В зависимости от специфики работы может понадобиться понимание языка разметки HTML , CSS (верстки), некоторых языков программирования.

Кто такой гейм-дизайнер и как им стать вы узнаете, перейдя по ссылке https://web4job.ru/kak-stat-gejm-dizajnerom/.

Посмотрим видео на тему Дизайнер интерфейсов-что это такое

Дизайн интерфейса пользователя  UI UX DESIGN

Дизайнер интерфейсов: с чего начать погружение в  UI-дизайн?

UX/ UI-дизайнер, проектировщик интерфейсов-что это такое

Заключение

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

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

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

Понравилось? Поделитесь с друзьями!

Получите высокооплачиваемую интернет-профессию!

web4job.ru


Смотрите также

Календарь

ПНВТСРЧТПТСБВС
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Мы в Соцсетях

 

vklog square facebook 512 twitter icon Livejournal icon
square linkedin 512 20150213095025Одноклассники Blogger.svg rfgoogle