блог
22
/06
/16

Как сделать эффективный дизайн мобильного приложения

Русский

Полезные советы о том, как добиться от дизайнера качественного результата, соответствующего вашим целям. Процесс, стоимость и методики — все это в нашем новом посте.

Все мы видели примеры того, как дизайн становился причиной успеха того или иного мобильного приложения. Вокруг средненьких проектов поднималась шумиха благодаря свежему дизайну, а некоторые прекрасные идеи были похоронены под слоем ужасного интерфейса. В этой статье мы разложим по полочкам процесс создания дизайна для мобильных приложений. Итак, с чего начать?

1

определить целевую аудиторию
приложения и свои бизнес-цели

Как директор компании или руководитель проекта вы отвечаете за то, чтобы ответить на эти ключевые вопросы, прежде чем приступить к созданию самого приложения. Кто ваша целевая аудитория? Что ей нравится? Какие приложения она использует каждый день? Для чего? Подумайте и о своих целях. Как вы будете монетизировать приложение? Какую бизнес-модель выберете?
Не приступайте к проектированию дизайна приложения, не определившись с ответами по всем этим пунктам.

2

найти дизайнера

Если вы читаете эту статью, скорее всего, у вас нет дизайнера в штате. Дизайнеры-фрилансеры обитают на Dribbble и Behance. Выбирайте такого специалиста, чье портфолио соответствует вашим вкусам.

Хорошим решением будет нанять целую команду, состоящую из дизайнеров, разработчиков, тестировщиков и менеджера проекта. Так вы получите не только дизайн, а целое работающее приложение. Нанимая компанию, а не фрилансера, вы получаете дополнительные навыки: аналитику, UI/UX-дизайн, мобильную и веб-разработку и т. д. Они — команда, так что у них есть устоявшийся бизнес-процесс, это сэкономит вам время по сравнению с набором незнакомых друг другу фрилансеров. Команды тоже размещаются на платформах, так что попробуйте Upwork.

Также обращайте внимание на отзывы клиентов и рейтинг. Отсутствие рейтинга не обязательно означает, что команда плохая, они просто могли только зарегистрироваться на платформе. Но риск в этом случае, конечно, будет выше.

3

рассказать дизайнеру все

Простой, но очень важный пункт — расскажите своему дизайнеру все о будущем приложении. Все ваши мысли о целевой аудитории, какой образ вы хотите создать, какова стратегия монетизации, какие приложения нравятся вам с точки зрения дизайна, чем вы собираетесь выделяться среди конкурентов и так далее. Поделитесь вдохновением и внимательно выслушайте обратную связь от дизайнера.

Старайтесь договориться по всем пунктам заранее. Если специалист отказывается следовать принципам «плоского дизайна» для Android-приложения, попрощайтесь и найдите другого. Не забудьте снабдить дизайнера всеми актуальными руководствами по стилю, использующимися вашей компанией. Даже если они для веба, могут пригодиться в работе над приложением.

4

получить прототип

Хороший дизайнер всегда начинает с прототипа — рабочей модели будущего приложения. Создает все экраны приложения, располагает элементы и устанавливает связи элемента. С помощью такого прототипа можно «пощупать» будущий проект, найти и устранить ошибки в UI/UX. Опробуйте прототип на друзьях или фокус-группе, чтобы понять, так ли они используют приложения, как вы предполагали.

Прототипирование стоит денег и на него нужно время, но это очень важный этап. Благодаря прототипу можно точно определить стоимость дизайна приложения, так что вы точно будете знать, сколько потратите. Самым лучшим инструментом для демонстрации прототипов мы считаем InVision — там есть возможность комментировать дизайн, что очень удобно.

5

получить дизайн

Когда оговорены сроки и стоимость, дизайнер может приступать к творчеству. Договоритесь, что будете смотреть экраны по мере готовности и направлять обратную связь. Если вы работаете с фрилансером, обращайте внимание на то, в каком виде вы получаете материалы. Все исходники должны быть упорядочены в папках в соответствии со структурой проекта, у папок должны быть понятные имена, чтобы разработчиком не пришлось тратить время на разгадывание шифров. В идеале дизайнер должен оставить комментарии для разработчиков, особенно в сложных местах и сделать файл с нарезкой поведения всех элементов (interface guidelines, GUI).

В течение десятилетий самой популярной программой для создания графики был Adobe Photoshop и его товарищи по Creative Suite. Теперь же большой популярностью пользуется Sketch, так как он был создан специально для дизайнеров интерфейса. Мы в «Культпросвете» используем оба: выбираем в зависимости от типа графики.

6

тестировать и развивать приложение

Нельзя сделать успешный проект раз и навсегда. Вам придется добавлять новый функционал, изменять что-то, руководствуясь статистикой и обратной связью от пользователей. Так что, выбирая дизайнера или команду, обсудите вопрос дальнейшей поддержки приложения.

Нативное или кросс-платформенное
приложение — что выбрать?

Если у вас грандиозные планы и есть бюджет, всегда выбирайте нативные приложения. Они лучше работают и отлично выглядят. Поведение пользователей на Android и iOS несколько отличается, так что это нужно учитывать. Интерфейс приложения должен быть выполнен в соответствии с установленными гайдлайнами, например material design для Android. Так вы обеспечите высокий уровень удержания пользователей и будете довольны показателями когортного анализа.

Однако иногда кросс-платформенное приложение будет лучшим решением. Речь идет о случаях, когда нужно сделать MVP (продукт с минимальным функционалом) в сжатые сроки и с ограниченным бюджетом. Преимущество этого решения в том, что вам не нужно нанимать программистов для каждой отдельной платформы — одного будет достаточно.

Сколько стоит разработка мобильного
приложения?

Дизайн мобильного приложения не может стоить дешево, но это важная инвестиция в его будущий успех. Стоимость работы зависит от страны. Например, «Культпросвет» базируется в Украине, стоимость часа дизайна у нас начинается от 25 долларов. Вот стоимость некоторых наших работ:

1

Aegle

Aegle — это кросс-платформенное приложение, которое помогает пользователю оставаться в форме. С его помощью можно планировать сложные тренировки, смотреть видеоуроки с упражнениями и отслеживать съеденное за неделю. Есть также счетчик калорий и режим «Отрыв», где можно записывать весь съеденный фастфуд. Мы делали дизайн этого приложения для iOS, потратили 57 часов на 13 экранов. Общая стоимость — $1430.

2

FlyMyCard

FlyMyCard — сервис, который позволяет создавать красивые виртуальные открытки и отправлять их друзьям, а также находить новых друзей из других стран. Можно выбрать фото, добавить рамку и текст и переслать результат близкому человеку или новому знакомому. Клиент хотел иметь и Android-, и iOS-версию приложения, так что нам понадобилось 73 часа, чтобы создать 18 экранов, и цена составила $1840.

3

WaysGo

WaysGo — довольно сложный проект: социальная сеть, которая позволяет знакомиться с новыми людьми, основываясь на том, какие вещи вы любите и какие места посещаете. Пользователям доступны разные роли, а в самом приложении есть множество функций: можно искать заведения и места, читать истории о них и создавать собственный контент. Мы создали 32 экрана для iOs- и Android-приложений, потратили 120 часов, а стоимость составила $3000.

А вот приблизительная стоимость создания дизайна известных всем приложений:

1

Clear

Clear — популярное приложение для ведения списка дел и создания напоминаний. Оно очень удобное и красивое, часто попадало в списки приложений с лучшим дизайном. 5 экранов, $600.

2

PayPal

В приложении PayPal все просто и понятно, а все благодаря понятному UX/UI-дизайну. 17 экранов, $1765.

3

Pinterest

У Pinterest есть отличное Android-приложение, пользователи высоко оценили удобный дизайн. 25 экранов, $2500.

Как понять, правильного ли дизайнера
вы нанимаете

Вот небольшой проверочный список, чтобы вы могли быть уверены, что отдаете дизайн проекта в надежные руки:

  • дизайнер спрашивает вас о целевой аудитории, стратегии и целях;
  • дизайнер делает прототип, обсуждает его с вами и вносит правки;
  • дизайнер заботится об исходниках и помогает разработчикам разобраться;
  • дизайнер готов поддерживать проект в будущем.

У нас в «Культпросвете» все происходит именно так. Мы создаем дизайн и разрабатываем прекрасные мобильные приложения в течение нескольких лет. Посмотрите наше портфолио и расскажите нам об идее. А мы обеспечим вас дизайном, который будет работать на ваши цели.