Как, когда и где искать дизайнера для SaaS-приложения

Дизайн и пользовательский опыт (UX) — один из наиболее важных аспектов SaaS. Хороший дизайн поможет не только конвертировать клиентов, но и увлечь их вашим продуктом и возвращаться к нему снова и снова. <\/p>\r\n\r\n

Но как найти человека, который сможет создать потрясающий UX для ваших SaaS-клиентов? <\/p>\r\n\r\n

Прежде всего, чтобы правильно и справедливо оценить портфолио каждого дизайнера, необходимо понимать, как выглядит хороший SaaS-дизайн.<\/p>\r\n\r\n

Что особенного в SaaS-дизайне?<\/h2>\r\n\r\n

Конечная цель дизайнера — не поразить пользователей великолепным пользовательским интерфейсом SaaS-продукта, а заставить их сказать "вау" от того, насколько легко и эффективно приложение помогло им решить их проблему.<\/p>\r\n\r\n

Поэтому хороший SaaS-проект должен обладать следующими характеристиками.<\/p>\r\n\r\n

Гибкость<\/h2>\r\n\r\n

Поскольку SaaS-продукты имеют свойство быстро масштабироваться, профессиональный дизайнер должен всегда учитывать этот факт. Чтобы справиться с постоянным развитием и ростом облачного приложения, вместо того чтобы тратить все время и силы на создание компонентов, адаптированных к текущим потребностям, хороший дизайнер делает все адаптируемым и масштабируемым к будущим потребностям. Это означает, что дизайнер SaaS-продуктов должен уметь работать с системами проектирования. <\/p>\r\n\r\n

Быстрый и простой процесс регистрации<\/h2>\r\n\r\n

Следующее, что позволяет вашим клиентам быстрее понять, что ваш продукт эффективен и нужен им, — это простой процесс регистрации. <\/p>\r\n\r\n

В силу специфики модели "программное обеспечение как услуга" люди получают доступ к продукту через браузер, поэтому им обычно не очень удобно сразу вводить слишком много данных только для пробного периода (особенно биллинговые данные).<\/p>\r\n\r\n

Дизайнеры, понимающие суть SaaS, стремятся сделать процесс регистрации быстрым, понятным и коротким. Для этого они используют короткие формы, убирают всю лишнюю информацию и создают четкие кнопки призыва к действию. <\/p>\r\n\r\n

Давайте посмотрим на процесс регистрации в Trello.<\/p>\r\n\r\n

Это очень быстро и просто. Посетитель видит короткую форму заполнения, которая просит ввести только адрес электронной почты, и яркую кнопку призыва к действию с четкой надписью "Зарегистрируйтесь — это бесплатно!".<\/p>\r\n\r\n

Таким образом, посетителю нужно пройти всего один шаг, чтобы выполнить поставленную задачу.<\/p>\r\n\r\n

\"\"<\/p>\r\n\r\n

Четкие и заметные кнопки призыва к действию <\/h2>\r\n\r\n

Когда клиент использует приложение, он должен понимать, что он должен сделать и что произойдет после определенных действий. CTA помогают пользователям быстро достигать поставленных целей и легко выполнять задачи. <\/p>\r\n\r\n

Эффективные CTA, превращающие посетителей в покупателей, обычно имеют подходящий размер (достаточно большой, чтобы их можно было заметить), контрастны и имеют убедительную копию.   <\/p>\r\n\r\n

Вот пример хорошо продуманного CTA, созданного нашей командой для компании ClientJoy (бывшая Gridle).<\/p>\r\n\r\n

В заголовке представлено ценностное предложение Clientjoy, а затем внимание читателя логично переходит к контрастной кнопке призыва к действию, которая говорит о том, что можно "подписаться бесплатно". Размер и цвет CTA делают ее легко заметной. <\/p>\r\n\r\n

Интуитивная и понятная архитектура страницы<\/h2>\r\n\r\n

Такие шаблоны пользовательского интерфейса, как формы, стили кнопок, страниц, отчетов, должны привлекать пользователей. Когда паттерны последовательны и интуитивно понятны, это делает продукт привлекательным и формирует привычку. <\/p>\r\n\r\n

Минималистский и чистый дизайн — это первый шаг к устранению ненужных функций и беспорядка в облачном приложении. Он помогает пользователям сосредоточиться на основных элементах приложения и придать порядок общему оформлению.<\/p>\r\n\r\n

SaaS-продукт, который известен своей простотой и чистым минималистичным дизайном, — это Dropbox.<\/p>\r\n\r\n

Даже новички в этом приложении легко поймут, как оно работает и что от них требуется. Минималистичный дизайн и понятная навигация не оставляют места для путаницы. <\/p>\r\n\r\n

Дизайн, ориентированный на человека<\/h2>\r\n\r\n

Проектирование SaaS-продуктов требует глубокого изучения пользователей и их поведения, поскольку первая и главная задача любого облачного программного обеспечения — приносить пользу клиенту. UX-дизайн SaaS работает как инструмент, который помогает донести ценность и создать удобный и практичный продукт. <\/p>\r\n\r\n

Duolingo — отличный пример простого и интуитивно понятного приложения, ориентированного в первую очередь на пользователей. Дизайн Duolingo напоминает видеоигру. Он наполнен интерактивными визуальными эффектами, но в то же время в нем нет лишних элементов, которые могут запутать пользователя.<\/p>\r\n\r\n

Это приложение для изучения иностранных языков демонстрирует, что такое человеко-ориентированный дизайн. <\/p>\r\n\r\n

Оптимизированная приборная панель<\/h2>\r\n\r\n

SaaS-продукты помогают пользователям обрабатывать большие объемы данных. Хороший UX-дизайн SaaS позволяет быстро представить пользователям важную информацию. Наиболее часто используемые данные, обновления, ожидающие утверждения, краткое изложение ключевых событий побуждают пользователей постоянно возвращаться к ним. <\/p>\r\n\r\n

Поэтому разработчики облачных приложений должны уметь создавать понятные панели, которые предоставляют пользователям все необходимые данные.<\/p>\r\n\r\n

Исходя из перечисленных выше принципов, способствующих эффективному проектированию SaaS, можно сформулировать, какими навыками должен обладать проектировщик облачного программного обеспечения.<\/p>\r\n\r\n

\"\"<\/p>\r\n\r\n

Как нанять дизайнера SaaS<\/h2>\r\n\r\n

Если вы новичок в мире дизайна пользовательского опыта, то легко запутаться, пытаясь найти лучшего кандидата. Чтобы понять, в какую сторону смотреть, давайте разберемся:<\/p>\r\n\r\n

    \r\n\t
  • каковы обязанности UI\/UX-дизайнера; <\/li>\r\n\t
  • какими навыками, знаниями и опытом должен обладать дизайнер, чтобы справляться с этими обязанностями; <\/li>\r\n\t
  • как выявить навыки, личностные качества, сильные и слабые стороны кандидата.<\/li>\r\n<\/ul>\r\n\r\n

    Понимание обязанностей дизайнера UI\/UX<\/h2>\r\n\r\n

    Должность дизайнера SaaS требует:<\/p>\r\n\r\n

      \r\n\t
    • Понимать специфику SaaS-бизнеса<\/li>\r\n\t
    • Владеть сквозным процессом проектирования, включая пользовательские исследования, создание прототипов, тестирование идей и доработку дизайна с учетом данных и отзывов клиентов<\/li>\r\n\t
    • Четко формулировать проблемы на основе исследований и данных<\/li>\r\n\t
    • Выявление потребностей пользователей, итерация решений<\/li>\r\n\t
    • Умело и последовательно создавать\/работать с существующей системой дизайна<\/li>\r\n\t
    • Выбирать логичные модели пользовательского интерфейса. Обеспечивать отточенный визуальный дизайн и переходы<\/li>\r\n\t
    • Знать принципы проектирования, ориентированного на пользователя<\/li>\r\n\t
    • Уметь работать с современными инструментами проектирования и прототипирования (Figma, Sketch, Photoshop, Illustrator и др.)<\/li>\r\n<\/ul>\r\n\r\n

      Определите основные навыки и опыт<\/h2>\r\n\r\n

      UX-дизайнер не может быть универсалом, специалистом во всем. Однако существует ряд прикладных навыков, которые необходимы кандидату для выполнения обязанностей UI\/UX-дизайнера:<\/p>\r\n\r\n

        \r\n\t
      • UX-исследования. <\/strong>Чтобы создать отличное SaaS-приложение, дизайнеру необходимо понять, кто его пользователи, каковы их потребности и как они собираются использовать продукт. Чтобы выяснить это, UI\/UX-профессионалы должны провести исследование пользователей, прежде чем приступать к проектированию.<\/li>\r\n\t
      • Информационная архитектура. <\/strong>UX-дизайн — это не только "создание красивых вещей". Он также требует от дизайнера умения структурировать контент и функции приложения таким образом, чтобы это было удобно для пользователей.<\/li>\r\n\t
      • Картографирование (Wireframing).<\/strong> Процесс проектирования обычно начинается с черно-белых схем, чтобы сконцентрировать внимание на логике, лежащей в основе элементов. <\/li>\r\n\t
      • Визуальный дизайн. <\/strong>Внешний вид и функциональность продукта оказывают огромное влияние на восприятие интерфейса пользователем. Поэтому дизайнер должен уметь создавать пиксельно идеальные иконки, кнопки и цветовые схемы.<\/li>\r\n\t
      • Прототипирование и тестирование.<\/strong> Чтобы убедиться в том, что ваши дизайнерские решения будут понятны пользователям, дизайнер должен уметь проводить пользовательские тесты перед запуском продукта.<\/li>\r\n<\/ul>\r\n\r\n

        Оцените образование кандидата<\/h2>\r\n\r\n

        Если говорить об образовании, то многие UX-дизайнеры не имеют ученой степени в области UX или смежных областях. Вполне возможно начать карьеру в UX вообще без диплома, заменив его курсами UX и самообразованием. <\/p>\r\n\r\n

        Вместо того чтобы требовать дипломы, попросите кандидатов представить свои портфолио. Нет лучшего способа понять квалификацию дизайнера и его способность находить решения для различных дизайнерских задач, чем ознакомиться с его портфолио. Кроме того, портфолио демонстрирует отношение кандидата к работе — то, на что обращают внимание все работодатели.<\/p>\r\n\r\n

        Еще одна возможность для кандидата продемонстрировать свои знания — тестовое задание перед приемом на работу. Например, создать пользовательский интерфейс для мобильного приложения AI-мессенджера (не менее 3 экранов).<\/p>\r\n\r\n

        Общайтесь в прямом эфире<\/h2>\r\n\r\n

        Эффективный рабочий процесс и успешный конечный результат невозможны без взаимопонимания между вами и дизайнером. Поэтому очень важно убедиться в том, что вам комфортно общаться с потенциальным сотрудником. Лучший способ понять, легко ли вам общаться, — попросить о видеоинтервью. <\/p>\r\n\r\n

        Расскажите дизайнеру все о будущем приложении. Поделитесь своими мыслями о целевой аудитории, стратегии монетизации и уникальном ценностном предложении, покажите moodboard с понравившимися дизайнами приложений и т.д. Поделитесь всей этой информацией и внимательно выслушайте отзывы дизайнера, чтобы понять, хотите ли вы с ним работать.<\/p>\r\n\r\n

        Подготовьте список вопросов<\/h2>\r\n\r\n

        Прежде всего, спросите кандидата, чем отличный UX-дизайн отличается от плохого.<\/strong> Зрелые профессионалы имеют собственное определение хорошего дизайна и могут сформулировать четкий и конкретный ответ на этот вопрос.<\/p>\r\n\r\n

        Знать, что такое хороший UX, — это одно. Знать, как создать хороший UX, — совсем другое. Это подводит нас к вопросу о знании кандидатом лучших практик UX. <\/strong><\/p>\r\n\r\n

        Технические вопросы <\/strong>призваны оценить уровень профессионализма дизайнера в данной области. Здесь вы хотите узнать, как кандидат строит свой процесс проектирования и какие методы использует в своей работе. Например, можно попросить кандидата рассказать о последнем проекте в его резюме.<\/p>\r\n\r\n

        Если кандидат серьезно настроен на построение своей карьеры SaaS-дизайнера, это всегда хороший знак для любого работодателя. Поэтому нелишним будет расспросить собеседников о том, как они стали дизайнерами и как видят свой профессиональный рост.<\/strong><\/p>\r\n\r\n

        Вот примерный список вопросов для интервью с SaaS-дизайнерами:<\/p>\r\n\r\n

          \r\n\t
        • Расскажите о себе.<\/li>\r\n\t
        • В чем разница между UX и UI?<\/li>\r\n\t
        • Что отличает хороший UX от плохого UX?<\/li>\r\n\t
        • Расскажите мне о некоторых из ваших любимых примеров хорошего UX. <\/li>\r\n\t
        • Расскажите мне о процессе разработки данного проекта.<\/li>\r\n\t
        • Как вы видите свою будущую карьеру в области UX-дизайна?<\/li>\r\n\t
        • Есть ли у вас вопросы?<\/li>\r\n<\/ul>\r\n\r\n

          \"\"<\/p>\r\n\r\n

          Не забывайте об адаптации после найма дизайнера<\/h2>\r\n\r\n

          После найма дизайнера уделите время его адаптации и налаживанию правильного рабочего процесса. В противном случае вся затея будет обречена на провал.<\/p>\r\n\r\n

          Вот несколько советов о том, как помочь дизайнерам создавать высококачественные продукты.<\/p>\r\n\r\n

            \r\n\t
          • Ознакомьте дизайнеров с вашим продуктом<\/strong><\/li>\r\n<\/ul>\r\n\r\n

            Любой дизайнер, нанятый для разработки продукта, должен прекрасно понимать, как этот продукт работает. Очевидно, да? Однако разобраться с таким объемом информации за короткий срок — задача не из легких. Помогите своим дизайнерам, задокументировав все руководства, демонстрационные ролики и интервью с клиентами в одном месте.<\/p>\r\n\r\n

              \r\n\t
            • Объясните свой рабочий процесс<\/strong><\/li>\r\n<\/ul>\r\n\r\n

              Проведите нового сотрудника через весь рабочий процесс, объясните, как все устроено и почему работает именно так. Подробно опишите, какие правила являются гибкими, а какие — неизменными. В первые дни новичку может быть полезно побыть "тенью" опытного дизайнера.<\/p>\r\n\r\n

                \r\n\t
              • Выделите время на обучение​<\/strong><\/strong><\/li>\r\n<\/ul>\r\n\r\n

                Где искать дизайнера<\/h2>\r\n\r\n

                Понимая специфику SaaS-дизайна, проще просматривать резюме и портфолио. <\/p>\r\n\r\n

                Давайте рассмотрим некоторые места, где можно найти дизайнера для своего приложения.<\/p>\r\n\r\n

                Upwork<\/h2>\r\n\r\n

                Upwork — это глобальная платформа для поиска работы, которая предлагает помощь работодателям, желающим нанять удаленных специалистов и управлять ими. Здесь можно найти фрилансера или фриланс-агентство, провести собеседование и начать сотрудничество. <\/p>\r\n\r\n

                Здесь можно найти профили дизайнеров приложений с их опытом работы, отзывами и ссылками на портфолио.<\/p>\r\n\r\n

                Designhill<\/h2>\r\n\r\n

                Designhill — это популярная творческая площадка, которая помогает компаниям и частным лицам найти профессиональных дизайнеров для выполнения проектов различной сложности и масштаба. Вам достаточно описать свои потребности, заполнить техническое задание и дождаться ответа от профессионалов, чтобы выбрать наиболее понравившегося.   <\/p>\r\n\r\n

                Behance<\/h2>\r\n\r\n

                Еще один способ найти хорошего специалиста — поиск на Behance. На сайте представлены списки портфолио различных дизайнеров. Вы можете найти понравившиеся образцы, узнать, кто их создатель, и связаться с ним.<\/p>\r\n\r\n

                Dribble<\/h2>\r\n\r\n

                Подобно Behance, Dribble предоставляет список работ различных дизайнеров и креативщиков. Отфильтруйте нужную вам специализацию ("SaaS-приложение", "веб-дизайн", "интерактивный дизайн", "SaaS-дашборд", "b2b-дашборд" и т.д.), найдите понравившиеся вам работы и свяжитесь с их создателями.<\/p>\r\n\r\n

                Clutch<\/h2>\r\n\r\n

                Clutch — это платформа для принятия решений о найме в сфере B2B. Там можно найти дизайнерские агентства, отсортированные по объективным отзывам клиентов, опыту работы, списку клиентов и т.д.<\/p>\r\n\r\n

                Word of mouth<\/h2>\r\n\r\n

                Обращение за советом к друзьям и знакомым может показаться несколько устаревшим методом, но не стоит им пренебрегать. Поговорите со знакомыми, спросите, нет ли у них контактов дизайнеров, которые могут быть вам полезны. Кто знает, может быть, кто-то из ваших знакомых сталкивался с такой же проблемой и может дать вам полезные рекомендации.<\/p>\r\n\r\n

                Google<\/h2>\r\n\r\n

                Не знаете, где найти что-то? Просто запустите Google! Думаем, вы прекрасно знаете, как пользоваться этим инструментом. Google дает доступ к огромному количеству информации, но не забывайте тщательно проверять агентства или фрилансеров, которых вы там найдете.<\/p>\r\n\r\n

                Заключение<\/h2>\r\n\r\n

                Выбор дизайнера для своего приложения — сложная и ответственная задача. Важно найти дизайнера, который не просто слепо следует вашим указаниям, а работает как ваш идейный партнер, помогая вам преодолевать сложные проблемы.<\/p>\r\n\r\n

                 <\/p>\r\n\r\n

                 <\/h2>\r\n