Почему без UX-дизайнеров не обойтись
Десять лет назад в русскоязычном сегменте поднялась яростная волна негатива по поводу смены дизайна страниц Вконтакте. Пользователи были недовольны тем, что администрация соцсети ввела новую систему микроблогов. Страницы стали выглядеть иначе, использовать соцсеть стало непривычно и неудобно.
Лозунг «Дуров, верни стену!» превратился в мем, но навсегда остался свидетельством того, насколько важен для людей их пользовательский опыт. А еще — насколько серьезно воспринимается смена расположения элементов на странице.
Для того, чтобы пользователям было комфортно и приятно использовать ваш продукт, мало отрисовать красивый дизайн с анимацией, всплывающими окнами и другими фишками. Нужно задуматься об опыте взаимодействия пользователей с продуктом, так как удобство — один из важных факторов успеха и популярности приложения среди пользователей. Ответственны за этот опыт взаимодействия UX дизайнеры, которые продумывают пути, по которым будут вести пользователя к желаемому результату. Они определяют, где и как будут располагаться кнопки, какое окно будет открываться при их нажатии, формируют всю логику интерфейса. Поэтому, если не хотите, чтобы пользователь запутался, «нажал что-то и все закрылось», а потом ушел разочарованным, придется обратиться к UX дизайнерам.
Единое определение UX дизайна выделить сложно. Индустрия сходится во мнении, что UX дизайн — это процесс, методология проектирования продукта, цель которой — максимально учесть все потребности пользователя и сделать взаимодействие с продуктом интуитивно понятным, полезным, простым. То есть, чтобы человек не только мгновенно разобрался, что продукт делает и зачем он нужен, но и получил удовольствие от его использования.
Задуматься о создании UX дизайна нужно уже на уровне разработки MVP. Чтобы создать продукт, который будет отвечать всем требованиям конкретно ваших пользователей, UX дизайнер участвует в анализе целевой аудитории, изучает ее проблемы и желания. Это помогает спланировать процесс UX дизайна и избежать ошибок в визуальном дизайне, которые придется исправлять в будущем. Например, таких, как сложная навигация, отсутствие «обучения» нового пользователя, особенно в приложениях для людей старшего возраста.
В Purrweb UI/UX дизайнер включается в разработку проекта сразу, начиная с базового исследования. Участвует в процессе анализа конкурентов, определении потребностей клиентов, продумывает майндмэп и выстраивает навигацию.
Итак, мы разобрались, что UI/UX дизайнеры должны начать работу над проектом после проработки концепции MVP. Как найти «своего» специалиста или команду на рынке аутсорсинга и фриланса? Давайте разбираться.
Как выбрать специалиста для разработки UX дизайна
Если ввести в поисковике запросы вроде «процесс UX дизайна», «портфолио UX дизайнеров» и все в этом духе, страница результатов выдаст много студий, которые предлагают свои услуги по созданию программных продуктов и MVP, включая продуманный UX UI дизайн. Чтобы выбрать именно ту команду, которая способна воплотить вашу идею, лучше выбирать поэтапно.
- Просмотреть и оценить опыт и портфолио
- Посмотреть отзывы на сторонних ресурсах
- Созвониться с командой, узнать, как выстроен процесс работы
Если с отзывами все более-менее понятно, то анализ портфолио вызывает вопросы. Что может сказать портфолио UX дизайнеров, кроме того, что много кейсов — это круто? Если анализировать с умом — очень многое. При отсеве претендентов обратите внимание на следующие критерии:
- Оформление. Спрос с дизайнеров в этом плане жестче, чем с других специалистов. Если команда презентует себя как эксперта в разработке UX дизайна с большим стажем, плохо настроенный сайт с неудачным UX UI дизайном выглядят подозрительно.
- Разнообразие. Дизайнеры, которые успели создать приложения для разных целевых аудиторий и платформ, гибче и компетентнее, чем команда с опытом разработки только мобильных, или только веб-приложений. Разнообразное портфолио демонстрирует, какие задачи способна решать команда и что они могут сделать для вас.
- Релевантный опыт. Хотите сделать приложение-маркетплейс? Проверьте, работали ли специалисты с похожими сервисами. Задумали финтех-стартап? Посмотрите, занимались ли дизайнеры с проектами из этой сферы.
Внятное описание кейсов. Если агентство UX дизайна выставляет в портфолио одни скрины интерфейсов разработанных приложений без описания, вам просто не из чего будет составить свое мнение о команде. В кейсе должна быть отражена проблема, которую специалисты решили, чтобы у заказчиков сложилось как можно более полное представление о работе.
Хорошее портфолио UX не только знакомит с визуальным результатом, но и объясняет ход мыслей и логику специалистов при принятии решений
Бывает, что в портфолио встречаются изображения не очень хорошего качества. Маленькие картинки, которые невозможно развернуть, или большие в плохом разрешении. Это тоже выставляет студию в плохом свете — если команда так относится к презентации проделанной работы, это говорит и о качестве результата. Мы стараемся много внимания уделить визуалу, поэтому некоторые кейсы похожи на полноценный лендинг.
Чтобы еще больше облегчить ваш поиск, мы собрали компании и фрилансеров с качественными портфолио и проанализировали их, обозначив плюсы и минусы. В оценке нам помогал стартапер Максим.
Он вымышленный, но от этого не менее придирчивый, недоверчивый и объективный. Он поможет нам обратить внимание на детали, которые легко упустить. Итак, анализ самых интересных специалистов в сфере UX.
Разбираем и оцениваем портфолио UX дизайнеров
Purrweb
Мы крутые! Дальше можно не читать.
Конечно, это шутка: для нас важно критически оценивать свою работу, чтобы постоянно совершенствоваться. Мы занимаемся разработкой мобильных и веб-приложений, а также созданием UI UX дизайна для разных проектов.
В чем фишки
Индивидуальный подход — для Purrweb не просто слова: для каждого кейса мы создаем специальное оформление, исходя из особенностей проекта. Мы детально расписываем все этапы создания и разработки продуктов: рассказываем про суть задачи, заказчиков и их цели, аудиторию проекта, объясняем каждое наше решение по ходу работы. Все это дело мы иллюстрируем интерфейсами для наглядности. В конце мы говорим, чего добились и показываем результат.
Если говорить о главной странице, то здесь мы постарались сделать все для удобства заказчиков. Плашки проектов сразу дают понять, что за продукт описан внутри. Навигация по темам позволяет просмотреть кейсы из той области, в которой вы хотите запустить свой стартап. Конечно, нам все еще есть, куда расти: мы стараемся регулярно обновлять портфолио и добавлять новые развернутые кейсы.
Главная страница портфолио
Пример оформления кейса
Максим размышляет
Не все кейсы на странице оформлены полноценно. В более старых отсутствует рассказ о процессе работы над проектом, только короткое описание и презентация готового визуала.Переход к развернутым кейсам показывает прогресс, но что, если меня интересует один из ранних кейсов? Возможно, с добавлением новых кейсов старые сместятся вниз, но пока они заметны, и заказчик будет учитывать при выборе и их тоже.
Agente
Agente специализируется на UX UI дизайне, разработке мобильных приложений и брендинге.
В чем фишки
Из портфолио сразу видно — агентство успело поработать со многими брендами, в том числе известными, из разных областей. Каждый кейс имеет как демонстрацию конечного результата, так и описание работы над проектом. Agente тоже подбирает индивидуальное оформление для каждого кейса, чтобы полностью раскрыть его специфику. В портфолио присутствует и навигация, с помощью которой можно отфильтровать ключевые направления, по которым работает агентство.
Общий вид портфолио
Пример оформления кейса
Максим подмечает
Agente ориентируются и на русскоязычную, и на англоязычную аудитории. Но кейсы при этом написаны только на русском или только на английском. Если ребятами заинтересуется кто-то, кто не знает английский на высоком уровне, это вызовет у него раздражение. В остальном портфолио крутое.
SimbirSoft
Компания разрабатывает и тестирует программы для бизнеса. SimbirSoft предлагает как создание IT-продукта «под ключ», так и возможность нанять своих специалистов на аутсорс.
В чем фишки
Оформление портфолио довольно простое, но даже на первый взгляд понятно, что опыт у SimbirSoft обширный. Сильная сторона их портфолио — навигация, которая разделена по технологиям и отраслям. Заказчик легко сможет посмотреть кейсы по двум критериям. Например, если стартапер задумал приложение для врачей, можно ознакомиться с разделами «Android и iOS» и «Медицина».
Если перейти в один из кейсов, можно увидеть, сколько человек работало над проектом, сколько длилась разработка и какого результата удалось достичь. Описание подробно раскрывает, какая задача стояла перед командой, какое решение было найдено и что получилось в итоге. Еще можно увидеть, какие ключевые технологии были использованы при разработке. Довериться компании на основе такого портфолио UX легко, сомнений в качестве работы нет.
Общий вид портфолио
Пример оформления кейса
Максим недоумевает
Читаю о кейсах. Круто! Но где можно увидеть результат? К сожалению, нет ни ссылки на готовые проекты, ни демонстрации созданных интерфейсов. Одного описания недостаточно, когда выбираешь команду, которая будет разрабатывать визуальный продукт. Короче, интересно, но я бы отдал предпочтение другим кандидатам, которые покажут конечный результат.
roob.in
Ребята из roob.in занимаются веб-разработкой, UX UI дизайном и маркетингом одновременно. Создав лендинг или промо-страницу, они могут разработать эффективную стратегию для ее продвижения в интернете.
В чем фишки
Несмотря на то, что в портфолио UX roob.in не так много работ, они стараются оформить каждый кейс в индивидуальном стиле, показав его особенности. Они почти отказались от описаний, но зато показали этапы работы на визуальном уровне. В кейсах можно посмотреть вайрфреймы, которые были разработаны для приложения, увидеть его иконки, конечный вид, несколько вариантов концептов. Навигация в портфолио отсутствует, но, возможно, по мере загрузки новых работ, агентство UX дизайна добавит ее, чтобы заказчику было легче ориентироваться.
Общий вид портфолио
Пример оформления кейса
Максим раздумывает
А здесь, наоборот, не хватает описания. Непонятно, какая задача стояла перед командой, почему они выбрали именно такое решение. Мне действительно нравятся несколько работ дизайнеров, но я не знаю, сколько времени ушло на разработку проекта, как проходил процесс работы. Поэтому я не могу сделать вывод, справились ли они с поставленной заказчиком задачей. Вполне возможно, что цели у клиента были совершенно другие. Это меня бы насторожило, и я бы отдал предпочтение команде с более подробными кейсами.
Junto
Junto разрабатывает функциональные веб сайты, десктопные и мобильные приложения.
В чем фишки
У Junto — одно из самых удачных и понятных портфолио UX дизайна. На плашках кейсов — названия брендов, с которыми им удалось поработать, а при наведении появляется категория (дизайн, фронтенд, разработка для Android и iOS). Работ достаточно, чтобы познакомиться с командой.
Они не создают слишком длинные страницы для своих кейсов, обходясь визуалом и небольшим текстовым описанием задачи и результата. По итогу заказчик получает достаточное представление об опыте команды, чтобы принять решение.
Общий вид портфолио
Пример оформления кейса
Максим присматривается
Портфолио UX у Junto неплохое, но есть ряд минусов. Например, стоковые обложки для карточек кейсов, по которым не совсем понятно, что за проект спрятан внутри и из какой он сферы. Также странице не хватает навигации по категориям, чтобы я мог сразу отфильтровать проекты, которые интересны мне с технической точки зрения. А в некоторых кейсах, например, «Москва в кино», не хватает визуала. На странице висят всего несколько изображений экранов, которые плохо отражают сложность проекта.
insaim
Insaim — digital агентство, которое создает UX UI дизайн сложных интерфейсов.
В чем фишки
Кейсов с разной спецификой в портфолио достаточно: здесь и социальные проекты, и образовательные порталы для вузов, и онлайн-галереи. Оформлено портфолио понятно и со вкусом — на карточках есть название проекта, его описание, перечисление категорий работ, которые были выполнены (UX, UI, front, landing). Плашки с работами разбавлены описаниями скиллов команды.
Общий вид портфолио
Максим пытается разобраться
Оформление страницы действительно приятное, но увидеть кейсы мне так и не удалось. Ссылки карточек ведут не на страницу с описанием проекта, а на готовые сайты. То есть, заказчик сразу видит результат работы. С одной стороны демонстрация «живого» результата — это интересный прием, который дает возможность пользователю оценить интерфейсы. Но с другой — совершенно неинформативный способ, который не дает вообще никакого представления о команде и ее работе. Есть ли гарантии, что проекты, на которые агентство дает ссылки, разработало именно оно? Нет. Я не могу увидеть и оценить методы работы команды, этапы создания проекта. А значит, даже не могу сравнить агентство с конкурентами.
SoftVoya
Компания предлагает множество услуг по созданию IT-решений для бизнеса. В числе их скиллов — разработка сайтов, программ, приложений, дизайна. А еще — поддержка и развитие своих IT-продуктов.
В чем фишки
Работ в портфолио не очень много, но кейсы разнообразные. Есть и сфера услуг, и здравоохранение, туризм, маркетинг, и даже космическая отрасль. Из текста плашек сразу понятно, что за проект находится внутри. Классное решение — кратко сформулированное «что сделано». Заказчик сразу понимает, продемонстрирует ли кейс те умения команды, которые нужны ему, или нужно посмотреть другие работы.
В кейсе присутствуют и описания и скриншоты результата. Есть информация о том, сколько человек работало над проектом, в какие сроки выполнена работа. Отдельный плюс — демонстрация результата «в жизни» (через ссылку на проект) и на behance.
Общий вид портфолио
Пример оформления кейса
Максим сомневается
Если ребята дали подробный рассказ о задаче и решении, то процесса работы практически нет. С какими сложностями столкнулась команда при разработке дизайна? Почему был выбран именно такой вариант дизайна, принято именно такое решение? Ответов нет, а ведь это повысило бы доверие клиента. Для меня такой рассказ о кейсе суховат. Если у меня будут другие кандидаты с более подробным текстом, из которого можно узнать детали, я скорее сделаю выбор в пользу других портфолио.
Gloria Lo
Глория — дизайнер из Сиднея, который специализируется на создании UX UI-дизайна для программных продуктов.
В чем фишки
Специфика личного портфолио UX дизайна немного отличается от презентации кейсов компании. У фрилансеров, в отличие от студий, меньше возможностей завоевать внимание и впечатлить. Создавая портфолио, фрилансер должен привлечь интерес буквально с первой строчки главного экрана, и у Глории это получается. Она сразу говорит о себе по существу, не перегружая страницу информацией, и сразу переходит к кейсам.
Помимо своей роли в каждом проекте, Глория освещает каждый этап своей работы не только с помощью прототипов и готовых интерфейсов, но и с помощью фотографий. Она фотографирует доски с вариантами решений задач, множество стикеров — короче, рабочую рутину, которая помогает создать представление о том, как она работает. Классный вариант для того, чтобы дать заказчику проникнуться «кухней» проекта!
Главная страница портфолио
Пример оформления кейса
Максим протестует
У Глории хорошее описание кейсов, но их слишком мало. Я могу сделать вывод о качестве работы, но не могу понять, работал ли дизайнер с нужной мне сферой, знает ли он ее специфику. А еще меня немного смутило обилие личного. Ссылка на блог — ок, но зачем выкладывать в портфолио UX дизайна видео с собственными каверами? Это ненужная заказчику информация, вызывающая только недоумение. Я хочу знать, может ли человек справиться с моей задачей, и меня не очень интересует то, чем он занимается в свободное время.
Vera Chen
Вера Чен — дизайнер с интересным опытом стажировок и работы в больших компаниях. Она создает интерфейсы для программных продуктов.
В чем фишки
С первых же строк Вера производит впечатление дизайнера, для которого важна польза его работы для клиентов. Работ в портфолио немного, но среди них есть несколько крупных брендов, что вызывает интерес. Для удобства клиента плашки помечены категориями — CRM, Mobile app, Design System.
Для описания своей работы Вера пользуется всеми эффектами на полную катушку. Она разбавляет описание кейса интересными цитатами с места событий, добавляет фотографии чертежей, анимацию, видео. В итоге складывается ощущение, что была проделана кропотливая и вдумчивая работа над проектом.
Главная страница портфолио
Пример оформления кейса
Максим скучает
Детальный рассказ с визуальными эффектами — это круто. Но здесь с подробным перечислением этапов работы немного переборщили, и вышел лонгрид, на прочтение которого уходит много времени и сил. Редкий заказчик окажется действительно настолько дотошным, что дойдет до конца. Если честно, я бы бросил на середине или просто промотал бы до результатов, чтобы принять решение.
Tom Parkes
Том Паркс — UI/UX дизайнер с опытом работы в сфере около 10 лет. За это время он был занят в проектах как небольших стартапов, так и известных компаний.
В чем фишки
Портфолио Тома — это не только выполненные кейсы, но и полноценное резюме с перечнем навыков и инструментов, которыми он владеет. Дизайнер дает только сведения, которые будут полезны заказчику, не тратя время на лишнюю информацию. Отдельный плюс — контакты людей, с которыми работал Том, чтобы потенциальный клиент мог связаться с ними и разузнать все о дизайнере как о специалисте.
Кейсы располагаются прямо на главной странице, чуть ниже первого экрана. О каждом проекте Том пишет несколько слов в заголовке, чтобы его клиент сразу понял, какие кейсы ему интересны. Внутри кейса дизайнер описывает, какую роль занимал в проекте и показывает интерфейсы приложений в качестве конечного результата. А еще на странице есть ссылка на готовый сайт, и можно посмотреть, как это работает «вживую».
Главная страница портфолио
Пример оформления кейса
Максим рассуждает и подытоживает
Весь кейс посвящен скорее итогу работы, а не процессу создания дизайна. Опущена проблема, специфика проекта, творческие поиски. Тут тоже присутствует распространенная ошибка большинства портфолио выше — нет баланса между визуалом и сторителлингом. Описания очень мало. Хотя мне нравятся визуальные решения, я не знаю, как этот дизайнер строит свою работу, сможем ли мы наладить рабочий процесс. Просматривая портфолио, я понял, что для меня очень важно хорошее соотношение между подробным рассказом о работе и демонстрацией результата. Эти составляющие могут дать полное представление и об опыте команды, и о скорости выполнения задач, и о методах работы специалистов, что важно мне как заказчику.
Делаем правильный выбор
70% клиентов не завершают заказ и уходят с сайта из-за плохого UX. А 25% мобильных приложений используются только один раз в том числе из-за нелогично выстроенного дизайна. Теперь вы знаете, как выбрать дизайнера по портфолио так, чтобы не потерять пользователей из-за неудачных интерфейсов. Если после отбора вы все еще сомневаетесь, можете попробовать связаться с предыдущими клиентами команды. Расспросите о том, доволен ли заказчик итогами сотрудничества, возникало ли недопонимание, уложилась ли команда в срок.
Все портфолио UX, представленные выше, объединяет несколько особенностей:
- интересные проекты в разных областях;
- понятный и удобный интерфейс страницы;
- подробные кейсы (описанные, проиллюстрированные, или все вместе).
К сожалению, эти факторы не являются стопроцентной гарантией того, что специалисты выполнят ваш проект хорошо. Но вероятность выбора крутых дизайнеров повысится. Особенно если в портфолио есть детальное описание каждого этапа работы, которое снимает сомнения в компетентности дизайнеров.
Хотите заказать разработку UX дизайна? Обращайтесь в Purrweb. Мы предоставим готовый прототип вашего продукта всего через две недели после обсуждения деталей с вами. На каждом этапе работы мы подробно расскажем, что делаем, и покажем промежуточный результат.
Purrweb — не просто digital агентство, а компания полного цикла от идеи до релиза в сторах. Привлекательный визуал мы дополним продуманной логикой, и в результате создадим эффектный интерфейс, который будет легко реализовать с технической точки зрения.
Оставляйте заявку, и мы свяжемся с вами для обсуждения деталей проекта.
