Кем статьЯ хочу стать проектировщиком интерфейсов
— что дальше?
Профессионалы о том, как приобрести необходимые навыки
Текст
Ксения Кандалинцева
Профессия проектировщика интерфейсов позволяет собственноручно устранять несовершенства мира. Это можно делать по-разному: создавая интерфейс паркомата, мобильного приложения или сайта, — в любом случае ты становишься ответственным за взаимодействие людей с окружающей средой. Нельзя объяснить на пальцах, как создать хороший интерфейс. Можно читать книги, ходить на конференции, слушать курсы, работать интерном рядом с гуру, но так никогда этому и не научиться. Главное — любить дизайн, уметь заглядывать в будущее и анализировать человеческое поведение.
Где учиться
General Assembly
Онлайн-курсы, мастер-классы и воркшопы по UX-дизайну для начинающих и профессионалов.
Мастер-класс Антона Уткина
Мастер-класс Антона Уткина по скоростному проектированию и прототипированию проектов и продуктов. Будет проводиться регулярно.
Курс Ильи Бирмана
Трёхдневный практический курс Ильи Бирмана, проектировщика интерфейсов и арт-директора «Дизайн-бюро Артема».
Coursera
На Coursera есть множество бесплатных курсов, например, Стэнфордский курс Human-Computer Interaction, Gamification, Design: Creation of Artifacts in Society и др.
Джон Лакс о том, с чего начать проектирование интерфейсов и что в этом деле главное
Если хочешь проектировать интерфейсы, нужно выучить одно важное правило: ты должен хотеть делать вещи, которые люди будут хотеть использовать. Ты должен быть одержим тем, как эти вещи функционируют, а не только тем, как они выглядят. Начать — проще простого. Просто сделайте что-нибудь: сайт, мобильное приложение, софт, — не важно. Потом улучшите это. Постепенно, продумывая, как улучшить продукт, придумывайте вещи, которых ещё не существует. Не бойтесь создавать новое и экспериментировать.
Но для экспериментов вам понадобится база. Я считаю, что хорошее фундаментальное образование необходимо. Мне очень нравятся мультидисциплинарные программы в Hyper Island. Я слышал действительно много хорошх отзывов о Rochester Institute of Technology. Хотя я не очень люблю конференции и редко их посещаю, думаю, что новичкам для расширения кругозора можно ходить иногда, например, на The Smashing Magazine Conferences и Future of Web Apps. Но всё это, конечно, не сделает из вас талантливых UI или UX дизайнеров. Самое главное — видеть и осознавать разницу между «хорошим» и «плохим» интерфейсом. Хороший интерфейс — тот, которым люди пользуются. Есть много эстетически красивых интерфейсов, но никто ими не пользуется — зачем они тогда нужны? Для дизайнера важно держать перед глазами данные, чтобы понимать, как они вписываются в UI. Проектируйте инстинктивно, но всегда сверяйтесь с реальными данными.
Что читать
Любая из этих книг подойдёт для того, чтобы начать читать специализированную литературу.
Джеф Раскин «Интерфейс: новые направления в проектировании компьютерных систем»
Классика для проектировщиков интерфейсов.
Алан Купер
«Об интерфейсе. Основы проектирования взаимодействия»
Тоже классика, с более техническим уклоном.
Эдвард Тафти «Envisioning Information» Настольная книга любого визуального дизайнера.
Дитер Рамс
«As Little Design as Possible»
Книга человека, который первым понял, что дизайн — это не создание формы, а проектирование её сути.
Beautiful Visualization Романтическая книга, про то, как что устроено и как это можно визуализировать.
Куда ходить
Антон Уткин о взаимодействии живой и неживой природы, об умении видеть будущее и инструментах проектирования интерфейсов
Интерфейс — это взаимодействие. Люди, которые занимаются разработкой интерфейсов, разрабатывают принципы взаимодействия какой-то системы (не обязательно компьютерной) и человека — неживой и живой природы. Это не новая специальность, но на поверхность общественного сознания она начала всплывать с появлением персональных компьютеров. Стартовой точкой существования UI/UX design, как отдельной профессии, принято называть разработки лаборатории Xerox PARC в калифорнийском Пало-Альто, где в 70-е изобрели первый графический интерфейс пользователя и компьютерную мышь. Однако в массы эти продукты пошли десятилетием позже, так что проектирование интерфейсов — это во многом предугадывание будущего, довольно специфическое занятие на стыке дизайна, инженерных специальностей и психологии.
Мы с моим партнёром Митей как раз занимаемся вещами, которые могут случиться или не случиться в будущем. Например, для одной крупной международной компании мы делаем интерфейс компьютера, встраиваемого в автомобиль. Как выглядит интерфейс в автомобиле? Очевидно, что там необходимо предусмотреть распознавание речи, потому что человек находится за рулем и не должен отвлекаться. Разумеется, во время остановок можно пользоваться сенсорным экраном, а во время движения экран блокируется. В общем, нужно хорошо представлять проблему и искать пути её решения, учитывая разницу ситуаций и устройств.
Интерфейс — это взаимодействие. Люди, которые занимаются разработкой интерфейсов, разрабатывают принципы взаимодействия.
Наши основные инструменты в работе — OmniGraffle Pro для прототипирования и Adobe Illustrator для рисования; в ближайшее время мы задействуем и входящий в моду Sketch.app. Мы, конечно же, поигрались в специальные сервисы и инструменты и продолжаем это делать, но в какой-то момент пришли к пониманию, что чем специальней инструмент, тем удобнее с его помощью решать какую-то одну задачу (например, спроектировать интерфейс приложения для iOS), но тем он бесполезней для решения других задач, возникающих по ходу работы. Ведь зачастую нужно спроектировать интерфейс, которого ещё нет в природе, приходится придумывать много вещей, которых ещё нет. Инструментов для их создания тоже нет.
Чтобы наглядно показать, как происходит процесс проектирования и как мы во время него думаем, мы написали пост, о том, как одним утром опробовали прокат велосипедов в Москве, а к вечеру переделали интерфейс его сайта. В этом вся суть процесса — ты каждый день замечаешь несовершенство того, что тебя окружает, и думаешь, как это можно исправить. Отличная разминка для ума. А само по себе прототипирование — дело практики.
Полезные сайты
Проектирование интерфейсов
Группа в Facebook с регулярными обзорами статей по теме проектирования интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов.
Советы
Дизайнер и проектировщик интерфейсов Илья Бирман еженедельно отвечает на вопросы и даёт советы.
Пётр Моргорский о проектировании интерфейсов мобильных приложений и о том, почему дизайнеры — лучшие проектировщики
Проектировка интерфейсов со стороны выглядит дичайше скучной рутиной. Но проектировщик как раз и создаёт скелет всего приложения, логику, последовательность и делает так, чтобы пользователь мог и хотел использовать это приложение. Даже в самом простом, на первый взгляд, приложении всегда есть последовательность действий, связка экранов, путь, который за пользователя продумал проектировщик. Последовательность действий, которые может совершить пользователь, и результат, который он получает на выходе, — это забота проектировщика.
Если вы нарисовали у себя в блокнотике несколько прямоугольников, связали их стрелочками, поставили пару пометок — поздравляю, вы уже проектировщик. В России ничего толкового про UI-дизайн я не видел, это слишком свежая специализация, да и нет бешеного запроса, на мой взгляд. Так что в проектировщиков приложений обычно растут на собственном опыте. Чаще всего люди идут из веба, хотя, несомненно, тут есть некоторые проблемы с перестройкой на новые рельсы. Мобильные сервисы решают гораздо меньший объём задач, чем сайт, всё намного сильнее завязано на взаимодействии с пользователем, его привычками, возможностями технологий и готовностью других модулей. Довольно часто сталкиваешься с этим в работе, когда участник процесса подсознательно проталкивает, казалось бы, очевидные решения.
Если вы нарисовали у себя в блокнотике несколько прямоугольников, связали их стрелочками, поставили пару пометок — поздравляю, вы уже проектировщик.
Проектировщик мобильных игр — это мультидисциплинарная профессия, необходимо анализировать бизнес-требования, предложить варианты развития. В то же время нужно быть в курсе технологических возможностей программистов, каких-то новых фич, решений, которые кто-то сделал и теперь их можно усовершенствовать под себя. Всё это нужно держать в рамках примерного визуального решения, которое будет реализовано позже. Всё это зачастую подкрепляется отсутствием аналитики на входе, и многие решения принимаются эмпирически. Я не верю в тестирование прототипов, просто потому что пока они не облачены в визуальное, анимированное решение, результат такого процесса мало чем будет полезен. Поэтому перед началом визуального проектирования я пользуюсь максимально абстрактными пометками, схемами и связями, чтобы с самого начала не вгонять себя в рамки. Затем происходит утрясание, формирование общей картины, и когда ты её уже держишь в голове, то можешь выкладывать на лист. Чем больше отраслей знаний захвачено проектировщиком, тем лучше, так что дизайнеры зачастую самые правильные проектировщики, если они, конечно, не художники.
Комментарии
Подписаться