«У меня получилось»: 500 попыток попасть в UX-дизайн
Инсаф за год из инженера автоматизации стал инженером интерфейсов. Теперь он работает в престижной компании и мечтает о своей дизайнерской школе.
Россия, г. Казань
Устроился дизайнером интерфейсов в IT-компанию Neti.
Проводит интервью со студентами и выпускниками Skillbox. Интересуется лингвистикой и психологией. Мечтает стать крутым SMM-щиком.
В интервью Инсаф рассказывает:
- как учился дизайну после смен на стройке;
- почему важно делиться опытом с коллегами;
- как угодить и заказчику, и пользователям;
- зачем пошёл на второе высшее.
— Ты с детства мечтал проектировать машины. Почему сейчас ты проектируешь интерфейсы?
— Поступая в университет, я хотел создавать внешний облик автомобилей. А в реальности я изучал автоматизацию работы заводов — уже на втором курсе понял, что мне это не интересно и на завод идти не хочу.
Потом я заинтересовался UX -дизайном и начал сам изучать его основы. Когда немного разобрался в теме, понял, что знания, полученные в университете (навыки автоматизации и оптимизации), я могу применять и в интерфейсах, чтобы максимально упрощать взаимодействие пользователей с разными сервисами.
«Приехал на стройку, почувствовал запах цемента, уехал»
— Где ты работал до того, как пришёл в UX?
— В студенческие годы я хотел зарабатывать на жизнь сам, а не просить у родителей. Работал бариста, грузчиком, охранником на тусовках. Снимал видео. На стройке поработал, трудился на шиномонтаже. А за 2-3 месяца до приглашения на работу в UX я был таксистом.
— А как ты вообще оказался в дизайне?
— У меня были свои Telegram-каналы: один с краткими пересказами книг, другой — личный блог. Я рисовал для них баннеры и картинки в Photoshop. Мне нравилось. Ещё я общался с другими администраторами каналов. Писал им и предлагал свои услуги, вроде: «Хотите, баннер вам обновлю? Или логотип сделаю». Некоторые соглашались. И я также рисовал им, но тогда всё это было криво-косо.
Однажды, когда я работал бариста в кофейне, к нам зашёл мужчина. Мы разговорились, и он рассказал, что его жена продаёт фруктовые букеты. Я предложил сделать для неё визитки, хотя сам ничего в этом не смыслил. Мы договорились. В тот же вечер после работы я открыл Illustrator, включил видеоуроки в YouTube и начал делать визитку. Я не знал, что из этого выйдет, но в итоге всё получилось.
— То есть ты работал днём, а вечером учился? Сложно было?
— В этом есть своя романтика. Конечно, я чувствовал, что жизнь уходит и моё время никто не вернёт. Винил себя в этом. Но даже если оставалась капля свободного времени, я посвящал его дизайну. Хотел стать дизайнером и шёл к этому.
Летом прошлого года я почти каждый день работал на стройке. Возвращался домой весь в пыли и уставший садился за курс Skillbox. Но это было продуктивное время, потому что я чувствовал, что учусь чему-то новому. Параллельно с курсом я читал статьи по дизайну, прокачивал свою технику. Каждый день я видел свой рост, хоть поначалу не верилось, что я смогу всему этому научиться и что мне за это будут платить.
— Ты отправил более 500 откликов на вакансии дизайн-студий, прежде чем нашёл работу. Как ты себя чувствовал?
— Ежедневно целый месяц я открывал Tagline — список самых крутых дизайн-студий, смотрел компании и писал им письма. На hh.ru делал то же самое. С утра до ночи я сидел за ноутбуком и отправлял отклики — в неделю на порядка
100–200 вакансий. И когда спустя месяц я посмотрел на количество проделанной работы, начали опускаться руки. Думал, что это я что-то неправильно делаю.
Я отчаялся. Опять поехал на стройку за город, хоть и обещал себе никогда больше не работать в подобных местах. Приехал туда, снова почувствовал запах цемента и через двадцать минут уехал. А на следующий день мне позвонили из Neti и пригласили на собеседование.
— Расскажи, что было дальше?
— Я сначала даже не поверил, что меня пригласили. Посмотрел отзывы о Neti — все положительные. В этот же день поехал на собеседование. Мне задавали разные логические вопросы. Тестового задания не было. Когда я уходил из офиса, мне сказали, что у них есть ещё кандидаты и что мне перезвонят.
По пути домой я зашёл в магазин, и как раз мне позвонили из Neti и сказали, что решили не собеседовать других, а берут меня. Я был в почти шоковом состоянии, потому что уже начал думать, что меня вообще никуда не возьмут.
«Иду в офис, если хочется сыграть в настольный футбол»
— Чем ты занимаешься в Neti?
— В Neti я делаю дизайн мобильных приложений. Сейчас я веду 4-5 проектов. Три из них я сделал в прошлые месяцы, сейчас их поддерживаю, дорисовываю дополнительные страницы. И ещё я разрабатываю два новых приложения.
— Твои прошлые работы не назовёшь сидячими. А сейчас ты работаешь в офисе?
— Neti — удалённая компания. Только 50 человек работают в офисе в Казани, а остальные 200 из разных городов России. И хоть мне до офиса идти минут двадцать, я работаю из дома. Иду в офис, только если хочется с ребятами поиграть в настольный футбол.
— Не бывает одиноко на удалёнке?
— Мы хорошо общаемся с коллегами, руководителями и сотрудниками. У нас действует система кругов ответственности: есть круг дизайнеров, есть круг мобильной разработки. В каждом свои лид-линки — руководители. Жёсткой иерархии нет, и все друг с другом на «ты».
Иногда бывают всякие мероприятия. Однажды мы с ребятами из дизайн-круга договорились поехать на картинг, прямо на обеде. Покатались час и разошлись обратно по домам, работать. Было прикольно.
— Вы делитесь лайфхаками внутри команды, или всё же каждый сам за себя?
— Делимся. Нам даже доплачивают, если мы делимся каким-то интересным опытом. Я недавно изучил композиционное проектирование и на основе этих знаний сделал кейс для Behance. Обещал рассказать об этом ребятам, им интересно послушать. Ещё наш арт-директор недавно показывал, как делать крутые презентации. Тоже интересно. Всё это очень прокачивает мои скиллы. Будь я на фрилансе, за те же самые полгода я вряд ли получил бы такой объём опыта. И лучше учиться на чужом опыте, чем каждый раз ошибаться самому.
«Не верилось, что я смогу сам придумывать крутые интерфейсы»
— Ты учился и самостоятельно, и на курсах. В чём разница?
— На курсах информация всегда структурирована и подаётся поэтапно. Тебе не приходится тратить время на поиск и проверку информации. Ещё один плюс — наставничество. Преподаватели всегда тебе укажут на ошибки. Это очень помогает вырасти на начальных порах.
— Что давалось труднее всего?
— Мы изучали веб-дизайн в Photoshop. Программу я уже тогда более-менее знал, освоить было нетрудно. А вот изобретать что-то новое — да. Мне не верилось, что через год я уже смогу сам придумывать красивый, цельный интерфейс сайтов. Я думал, что для этого нужно быть суперумным. Но такие мысли прошли после месяца работы в Neti. Там уже появились задачи посерьёзнее, но они дали мне уверенность.
— Существует ли формула идеального интерфейса? Как угодить заказчику и будущим пользователям сайта?
— Когда отрисовываешь интерфейс, у тебя много ограничений. С одной стороны — бизнес со своими требованиями к «упаковке» товара. С другой — мы не должны разочаровать пользователя предложениями бизнеса: товар нужно преподносить максимально нативно и приятно.
Моя задача как UX-дизайнера — уметь продать бизнесу своё решение. Если клиент хочет видеть в интерфейсе какой-то элемент, а я понимаю, что он там лишний и даже может как-то навредить бизнесу, мне нужно это дипломатично объяснить.
— А бывает так, что приходится идти на компромиссы?
— Да, конечно, я должен искать их. Не все до конца знают, чего именно хотят. Сначала клиент представляет один замысел, а потом подсматривает какую-то деталь у конкурентов и предлагает уже другой. Я же по максимуму стараюсь понять его, учесть пожелания и посоветовать, что будет работать хорошо, а что не очень.
«Хочу открыть свою школу»
— Образование инженера-конструктора как-то помогает тебе в UX-дизайне?
— Да, у меня есть знания, благодаря которым я быстрее решаю интерфейсные задачи. Образование помогает мне в работе с дизайн-системами — в них я определяю необходимые базовые компоненты своих будущих проектов. И в зависимости от сферы, для которой делаю мобильные приложения, я могу их менять.
— А какие свои проекты ты бы хотел разработать?
— Ещё во время учёбы я узнал от Сергея Попкова и Артёма Геллера про проект изменения системы государственных сайтов. Они хотели прийти к единому стилю оформления таких онлайн-ресурсов, сделать их максимально удобными для пользователей. Мне это стало интересно, и я решил сделать свой концепт по их дизайн-системе. Создал проект изменения сайта госуслуг Татарстана и выложил его на Behance. Я его ещё на собеседовании в Neti показывал — им понравилось.
— А у тебя бывает такое, что ты смотришь на сайт или приложение и тебе хочется их улучшить, сделать по-другому?
— Спустя полгода обучения в Skillbox я хотел переделать кучу разных сайтов, но сейчас эти мысли всё реже приходят в голову. Я больше сфокусирован на прокачке своих навыков на реальных проектах. Если бы у меня заказали переделку сайта, я бы, конечно, занялся этим.
— А как ты ещё прокачиваешься?
— Я поступил на второе высшее в сфере информационных технологий. Мне интересно, как правильно построить дистанционное образование. В будущем хочу открыть свою образовательную школу вроде Skillbox, но с уклоном в дизайн. Надеюсь, эти знания мне помогут.
— С чего начать в UX, чтобы тебя заметили компании?
— Перерисовывать успешные сайты и мобильные приложения — неплохой старт в UX. Так появится насмотренность, в голове отложатся какие-то базовые знания. И только тогда, когда у вас будет большая база перерисованных интерфейсов, нужно делать собственные.
Учебные кейсы Skillbox — это классная практика и опыт, но их лучше не выкладывать на Behance. Там много плюс-минус одинаковых проектов, с которыми работодатели уже знакомы. Лучше придумать концепцию собственного мобильного приложения или сайта и сделать из этого кейс. Так больше шансов, что вами заинтересуются.
— Фриланс для тебя — хорошая площадка для получения опыта или трата времени?
— Скорее второе. На фрилансе человек всегда один. Ему не на кого равняться и негде искать помощи. Вряд ли так можно получить больший опыт, чем на работе в компании или дизайн-студии.
— С кем хотел бы поработать?
— Я бы поработал с Сергеем Попковым и Сергеем Гуровым . А если брать компании, то это AIC.
— Что читаешь по дизайну?
— Недавно начал «Типографику» Эмиля Рудера. Мне стало интересно, как появляются шрифты и как с ними работать. Ещё понравился «Дизайн привычных вещей» Дональда Нормана.
Источник
Как создать идеальный интерфейс
Представьте себе, что вы дизайнер и разрабатываете интерфейс какого-нибудь интернет-приложения. Чем вам может помочь наука психология? Конечно, своими исследованиями, посвященными проблеме человеческого внимания и его роли в процессе восприятия информации. Можно ли заниматься веб-дизайном, ничего не зная об этих исследованиях? Можно, но скорее всего, получится ерунда. Поэтому лучше все же ознакомиться с тем, как устроено восприятие нашего мозга.
Так можно графически представить себе метод Usability
Для начало посмотрим на общие стандартные принципы проектирования интерфейса. Немаловажным фактором в разработке веб-дизайна является учет исследований психологии восприятия информации. Частично это осуществляется с помощью методов Usability (юзабилити) и User Experience, или UX (пользовательский опыт).
Нам понадобится выявить наиболее характерные черты UX и их содержательную составляющую. Но сперва необходимо разделить понятия Usability и User Experience и соотнести полученную информацию с данными о психологии восприятия гипертекста.
Юзабилити чаще всего используется для повышения привычности и удобства использования интерфейса, увеличения скорости выполнения задачи и т.д. Другими словами, метод юзабилити исходит из вопроса: «Насколько легко пользователь решает задачу?» А его главная цель — удержать клиента на сайте или в приложении.
Цель второго метода, UX, шире простой функциональности. Он охватывает такие аспекты, как удобство восприятия, вовлеченность клиента, интересность использования. При создании интерфейсов UX-специалисты используют подход аффективного проектирования [Hassenzahl M., Tractinsky N.] — это означает, что они создают дизайны не для пользователей, а для людей, испытывающих эмоции.
Такие продукты, как игры или социальные сети, направлены на то, чтобы вызвать у пользователя определенную эмоцию, доставить ему удовольствие [Saariluoma P., Jokinen J.]. В этом случае одного удобства интерфейса уже недостаточно, он должен обладать определенной эстетической ценностью. Метод UХ стремится вызвать у пользователя положительные эмоции. Именно поэтому для наилучшего понимания визуальных предпочтений субъекта и необходимо использовать исследовательские данные психологии восприятия.
А так выглядел бы метод UX
Thank you for visiting my page / Flickr
Разобравшись с тем, чем пользовательский опыт отличается от юзабилити, вернемся к психологии и обратимся к базовым принципам восприятия информации, сопровождающим создание аффективно воздействующего интерфейса.
Опираясь на результаты эксперимента Томаса Саноки и Ноя Сульмана, посвященного выявлению связей между сочетаемостью цветов и способностью людей запомнить только что увиденное [Sanocki T., Sulman N.], можно сделать несколько полезных выводов для создания идеального сайта:
- старайтесь использовать не более трех цветов;
- создавайте контраст между фоном и воспринимаемой информацией;
- используйте гармоничные сочетания оттенков.
Все эти положения исходят из психологии восприятия цвета, насыщенности, формы, объема и т. д. Цвет влияет на подсознание человека, вызывая определенные ассоциации и эмоции. Известный швейцарский психолог Макс Люшер занимался исследованием эмоционального воздействия цвета на человека. Он выявил, что предпочтение тех или иных цветов отражает направленность испытуемого, его настроение и сложившиеся черты личности. В результате Люшер разработал цветовой тест, который является одним из основных инструментов для оценки состояния человека. Исследования по восприятию формы показывают, что закругленные, плавные линии ассоциируются с безопасностью, а острые углы и ломаные линии воспринимаются как проявление агрессии и вызывают тревожные состояния. Знание особенностей человеческого восприятия поможет дизайнеру создать продукт, который будет вызывать положительные эмоции.
Еще одним средством визуального представления текстовой информации является типографика. Экспериментальные исследования [Larson K., Picard R.] позволили выявить, что необходимо наполнять интерфейс привычным и понятным для глаз шрифтом, учитывать совместимость различных его видов друг с другом, а также соблюдать необходимое пространство между абзацами.
Для упрощения восприятия информации пользователя, то есть для обеспечения функциональной стороны интерфейса (его юзабилити, как мы помним), следует обратиться к выводам следующих психологических экспериментов.
Исходя из теории Ричарда Грегори, наше визуальное восприятие информации основывается на том, что мы делаем некие предположения об увиденном на основе предыдущего опыта, наших знаний о предмете [Gregory R.]. Таким образом, для создания рабочих интерфейсов нам поможет следующее:
- сопровождение данных подходящим дизайном;
- «говорящий» заголовок для создания ключевых ожиданий пользователя;
- сопровождение визуальной информации содержательным текстом.
Нельзя забывать и об эффекте бинокулярного соперничества [Tong, F.], из-за которого мы не способны воспринимать комбинацию различных картинок одновременно. Добавим к этому результаты исследования восприятия сути целостного образа картины в зависимости от цвета [Sanocki T., Sulman N.] и таким образом получим следующие рекомендации:
- не перегружайте интерфейс второстепенной информацией и располагайте контент в правильной последовательности;
- используйте тематические, подходящие иконки для сопровождения текста;
- выделяйте важную информацию среди текста.
Таким образом, юзабилити определяет функциональную сторону взаимодействия в паре человек-технология, а исследования UX нацелены на анализ пользовательской стороны этого взаимодействия, создают установки на конкретную эмоцию у пользователя.
Castelhano M. S., Mack M. L., Henderson J. M. Viewing task influences eye movement control during active scene perception //Journal of Vision. – 2009. – V. 9, 3. – P. 6-6.
Gregory R. L. Knowledge in perception and illusion //Philosophical Transactions of the Royal Society B: Biological Sciences. – 1997. – V. 352, 1358. – P. 1121-1127.
Hassenzahl M., Diefenbach S., Göritz A. Needs, affect, and interactive products–Facets of user experience //Interacting with computers. – 2010. – V. 22, 5. – P. 353-362.
Hassenzahl M., Tractinsky N. User experience-a research agenda //Behaviour & information technology. – 2006. – V. 25, 2. – P. 91–97.
Larson K., Picard R. The aesthetics of reading //Appears in Human-Computer Interaction Consortium Conference, Snow Mountain Ranch, Fraser, Colorado. – 2005.
Saariluoma P., Jokinen J. P. P. Emotional dimensions of user experience: a user psychological analysis //International Journal of Human-Computer Interaction. – 2014. – V. 30, 4. – P. 303-320.
Sanocki T., Sulman N. Color harmony increases the capacity of visual short term memory //Journal of Vision. – 2009. – V. 9, 8. – P. 322-322.
Tong F. et al. Binocular rivalry and visual awareness in human extrastriate cortex //Neuron. – 1998. – V. 21, 4. – P. 753-759.
Источник