Здесь нет ограничений для возможностей!
Как стать UI/UX дизайнером?
дневники
Как стать UI/UX дизайнером? Если мы такой вопрос зададим нашим родителям, то скорее всего, повергнем их в шок или получим неоднозначную реакцию (за исключением очень продвинутых). Если на вторую часть вопроса большинство из них смогут ответить, то первая часть поставит их в тупик. Постараемся разобраться сообща, что означает UI/UX дизайн.
Фразу «все течет, все меняется» древнегреческого философа Гераклита, по отношению к сфере IT-технологий и дизайна можно перефразировать в высказывание «Все очень быстро течет и еще быстрее меняется». Сейчас никого не удивишь мобильным устройством, планшетом, смартфоном, ноутбуком. Однако фишка заключается в том, насколько удобно и быстро можно его использовать. И в частности насколько понятен и прост в использовании интерфейс приложения или сайта. Это первое с чем сталкивается любой пользователь.
В переводе с английского «interface» означает «взаимодействие». Это средство взаимодействия пользователя с программой, устройством, играми, приложениями. Этими инструментами зачастую являются кнопки, галочки, текстовые поля и т.д.
Представьте, например, что вам необходимо найти информацию или совершить покупку на сайте. У такого сайта есть различные интерфейсы: поиск, отображения результатов, ввода личных данных, оплаты и т. д. Чем удобнее интерфейс на каждом этапе вашего поиска или покупки, тем легче им пользоваться и тем довольнее покупатель и, следовательно, популярнее сам сайт. Таким образом, интерфейс обеспечивает связь между вами и системой. Идея пользовательского интерфейса была впервые сформулирована Дональдом Норманом еще 1993 году, а с ростом популярности мобильных устройств это понятие вошло в моду и теперь активно используется повсеместно.
“
Опыт взаимодействия охватывает все аспекты взаимодействия пользователя с компанией, ее услугами и продуктами.
Теперь разберемся, кто же такой UI/UX дизайнер. Прежде всего, это специалист, который занимается проектированием пользовательских интерфейсов. Тех самых сайтов и приложений, которые вы используете в повседневной жизни. Считается, что проектированием UX и UI должны заниматься разные специалисты, но зачастую задачи по обоим направлениям тесно связаны между собой и необходимо иметь навыки в обеих сферах.
Аббревиатура UI расшифровывается как «User Interface». Его задача - сделать приложение, сайт или другой продукт интуитивно понятным, привлекательным и максимально простым в использовании. Какой размер шрифта выбрать, чтобы текст хорошо читался? Как оформить сообщение об ошибке, чтобы оно привлекало внимание, но не раздражало пользователя? Какие цветовые решения использовать? Ответы на эти вопросы помогает найти UI-дизайн интерфейсов.
Аббревиатура UX означает «User eХperience» и подразумевает, какой опыт и впечатление получает пользователь от работы с продуктом. Основная задача UX-дизайнера – сделать продукт удобным и логичным. Где лучше разместить вход в личный кабинет? Сколько шагов должен пройти пользователь, чтобы найти нужную информацию? Как подписаться на рассылку или сделать заказ? Как понять, что операция прошла успешно? Именно такие вопросы решает UX-дизайнер.
Аббревиатура UI расшифровывается как «User Interface». Его задача - сделать приложение, сайт или другой продукт интуитивно понятным, привлекательным и максимально простым в использовании. Какой размер шрифта выбрать, чтобы текст хорошо читался? Как оформить сообщение об ошибке, чтобы оно привлекало внимание, но не раздражало пользователя? Какие цветовые решения использовать? Ответы на эти вопросы помогает найти UI-дизайн интерфейсов.
Аббревиатура UX означает «User eХperience» и подразумевает, какой опыт и впечатление получает пользователь от работы с продуктом. Основная задача UX-дизайнера – сделать продукт удобным и логичным. Где лучше разместить вход в личный кабинет? Сколько шагов должен пройти пользователь, чтобы найти нужную информацию? Как подписаться на рассылку или сделать заказ? Как понять, что операция прошла успешно? Именно такие вопросы решает UX-дизайнер.
“
В настоящее время процесс работы дизайнера интерфейсов значительно упростился. Если, еще в начале, середине и даже конце нулевых сайты представляли из себя красивые коллажи с авторскими элементами управления, которые создавались на усмотрение и внутреннее ощущение дизайнера, то сейчас все изменилось.
Я постараюсь изложить несколько правил, которые помогут начинающим специалистам.
Прежде всего, я хотела бы рассказать о стандартизации подхода к разработке дизайна интерфейсов. После появления первых рекомендаций по блочному проектированию веб-интерфейсов и адаптивному веб-дизайну процесс работы значительно упростился. В 2014 году компания Google анонсировала Material Design, а также документ с рекомендациями по проектированию. Сейчас компания предлагает большой набор новых инструментов. Подробную информацию о Material Design можно посмотреть на этом сайте Material.io.
Вы можете уточнить: «A как же индивидуальность?». Она никуда не делась, но пока вы не станете гуру в дизайне интерфейсов, то лучше всего использовать уже существующую структуру. На мой взгляд, одна из наиболее частых ошибок новичков в UI/UX дизайне это то, что они стараются «изобрести велосипед» создавая новые графические элементы на свое усмотрение, не обладая достаточным опытом. У пользователей по всему миру уже есть стойкие представления, как должен выглядеть и работать интерфейс при том, или ином действии пользователя. Используя уже устоявшуюся структуру, вы избавите пользователей от необходимости ломать голову над тем, какую клавишу нажать, чтобы получить желаемый отклик программы. Всё сводится к тому, что нужно следить за правилами, хорошо использовать гайды. Гайд, от английского слова «guide», что переводится как инструкция, справочник. Это руководство, описывающее порядок действий, которые нужно выполнить для достижения цели.
Необходимо определиться, чем именно вы хотите заниматься в дизайне. Если вам нравится работать над визуальной частью дизайна, возможно вам подойдет UI дизайн. Если вам ближе продумывать логику работы продукта с пользователем, делать интерфейс удобным, анализировать, тестировать, то следует погрузиться в среду дизайнеров (UX).
Знание необходимых для работы инструментов особенно важно. Если вы новичок в сфере дизайна интерфейсов, то я бы порекомендовала вам сразу начать учиться работать в таких программах как Sketch или Figma. Свой путь в UI/UX дизайне я начинала с изучения программы Adobe experience design и уже после перешла на использование Figma.
Начните обращать внимание на дизайн, структуру и содержание сайтов, мобильных приложений, а также используемые цвета и шрифты. Начинайте задавать себе вопросы: а почему логотип поставили сюда, а не сюда? А почему кнопка в конце, а не в начале страницы? Задавая себе подобные вопросы и отвечая на них, вы начнете не просто использовать сайт, а оценивать его с профессиональной точки зрения. Каждый день смотрите чужие работы в сфере дизайна интерфейсов. Это полезно не только для вдохновения, но и для большего понимания работы в выбранной сфере. От себя могу посоветовать несколько хороших сайтов-портфолио, таких как Dribble, Behance и Awwwards. Просмотр чужих работ поможет вам войти в колею и видеть то, что делают другие. Вы сможете быть в курсе современных тенденций и получите хороший источник вдохновения.
Прежде всего, я хотела бы рассказать о стандартизации подхода к разработке дизайна интерфейсов. После появления первых рекомендаций по блочному проектированию веб-интерфейсов и адаптивному веб-дизайну процесс работы значительно упростился. В 2014 году компания Google анонсировала Material Design, а также документ с рекомендациями по проектированию. Сейчас компания предлагает большой набор новых инструментов. Подробную информацию о Material Design можно посмотреть на этом сайте Material.io.
Вы можете уточнить: «A как же индивидуальность?». Она никуда не делась, но пока вы не станете гуру в дизайне интерфейсов, то лучше всего использовать уже существующую структуру. На мой взгляд, одна из наиболее частых ошибок новичков в UI/UX дизайне это то, что они стараются «изобрести велосипед» создавая новые графические элементы на свое усмотрение, не обладая достаточным опытом. У пользователей по всему миру уже есть стойкие представления, как должен выглядеть и работать интерфейс при том, или ином действии пользователя. Используя уже устоявшуюся структуру, вы избавите пользователей от необходимости ломать голову над тем, какую клавишу нажать, чтобы получить желаемый отклик программы. Всё сводится к тому, что нужно следить за правилами, хорошо использовать гайды. Гайд, от английского слова «guide», что переводится как инструкция, справочник. Это руководство, описывающее порядок действий, которые нужно выполнить для достижения цели.
Необходимо определиться, чем именно вы хотите заниматься в дизайне. Если вам нравится работать над визуальной частью дизайна, возможно вам подойдет UI дизайн. Если вам ближе продумывать логику работы продукта с пользователем, делать интерфейс удобным, анализировать, тестировать, то следует погрузиться в среду дизайнеров (UX).
Знание необходимых для работы инструментов особенно важно. Если вы новичок в сфере дизайна интерфейсов, то я бы порекомендовала вам сразу начать учиться работать в таких программах как Sketch или Figma. Свой путь в UI/UX дизайне я начинала с изучения программы Adobe experience design и уже после перешла на использование Figma.
Начните обращать внимание на дизайн, структуру и содержание сайтов, мобильных приложений, а также используемые цвета и шрифты. Начинайте задавать себе вопросы: а почему логотип поставили сюда, а не сюда? А почему кнопка в конце, а не в начале страницы? Задавая себе подобные вопросы и отвечая на них, вы начнете не просто использовать сайт, а оценивать его с профессиональной точки зрения. Каждый день смотрите чужие работы в сфере дизайна интерфейсов. Это полезно не только для вдохновения, но и для большего понимания работы в выбранной сфере. От себя могу посоветовать несколько хороших сайтов-портфолио, таких как Dribble, Behance и Awwwards. Просмотр чужих работ поможет вам войти в колею и видеть то, что делают другие. Вы сможете быть в курсе современных тенденций и получите хороший источник вдохновения.
“
У меня часто спрашивают, как начать работать дизайнером интерфейсов, не имея опыта и образования. Мой первый совет «копируйте лучших». Выберите сайт или приложение, которое вам понравилось и постарайтесь скопировать его. Этот совет я даю не для того чтобы вы потом показывали работу, выдавая ее за свою. А для того, чтобы научиться замечать детали и видеть работу других, набить руку и хоть как-то начать. Вспомните, как вы учились писать в младшей школе. Сначала вам давали переписать одно и несколько слов, потом 1-2 предложения, потом короткие рассказы. Однако мысли, выдать переписанное произведение известного автора за свое собственное не возникала!
У профессионалов в сфере очень мало свободного времени, тем более для новичков. Здесь я хотела бы сделать акцент на тех дизайнерах, кто делится своим опытом в блогах и социальных сетях. Найдите тех, чьи работы вам нравятся. Посмотрите, что они читают, в каких программах работают, на какие конференции ездят. Курсы также могут помочь вам лучше изучить сферу дизайна. Это уже зависит от вас. Лично я предпочитаю онлайн-курсы такие как Lynda или Coursera, а так же специализированную литературу. Главный плюс курсов в том, что они дают возможность обрести новые знакомства, единомышленников, возможность попасть в творческое окружение и атмосферу. Только выбирайте курсы основательно, посмотрите комментарии и отзывы, а также проверьте насколько популярна школа.
ОЦЕНИТЕ МАТЕРИАЛ
ЧИТАЙТЕ ТАКЖЕ
