Бизнес-план по разработке мобильного приложения. Разработка мобильных приложений: как мы делаем это в Лайв Тайпинг Этапы разработки дизайна мобильного приложения

Как вы приступаете к созданию интерфейса? Насколько сильно вы ориентируетесь на web-интерфейсы? Помните о 5 самых важных аспектах проектирования UI для мобильных приложений.

1. Правила взаимодействия с пользователем не отменяются

Вспомним 4 ключевых правила интерактивного дизайна:

- Исследования
Отслеживайте поведения пользователей для корректировки работы приложения. Задайте пользователям цели и выявите препятствия на пути к их достижению.
- Учет пользовательских привычек и анатомических особенностей
Правильный интерфейс - не головоломка. В идеале пользователь не должен думать над тем, что нужно сделать, чтобы получить нужный результат, и не вынужден отгадывать, зачем нужен тот или иной элемент.
Помните, что у человека по пять пальцев на двух руках, и что со времен раннего html подчеркнутый текст синего цвета означает не что иное как ссылку.
- Возможность обучаться
Новое и непривычное в интерфейсе должно выглядеть и вести себя дружелюбно. Всегда оставляйте возможность отменить действие и вернуться назад. Тогда новые модели поведения можно будет легко изучить и принять.
- Обратная связь
Оповещайте пользователя о том, что его задача была выполнена: это может быть звуковой сигнал, небольшое модальное окно или всплывающее оповещение.

2. Понимание пользователей

Есть пара тактик, позволяющих понять поведение пользователей и проектировать интерфейс с его учетом:

- Внедрение персонажей
Результатом небольшого брейнсторма становятся один или несколько персонажей, являющихся классическими представителями вашей аудитории. Этот метод очень подробно описывал А. Купер, и даже рекомендовал давать имя этим персонажам и придавать им личные характеристики, чтобы приблизить их к реальным людям.
Соответственно, вы проектируете интерфейс только для них, а не для абстрактного "пользователя".

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

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

3. План потоков

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

Пример: банковское приложение. Сценарий: настройка пополнения депозитного счета.

Автоматическое пополнение депозита
[Установить]
Выберите частоту пополнения
[Раз в месяц] [Два раза в месяц] [Раз в несколько недель] [Каждую неделю]
Один раз в месяц
[Выберите дату]
Подтвердить
Введите сумму
[Введите сумму]
[Установить автоматическое пополнение счета]

Эскизы и прототипы помогают изучить одну из наиболее важных составляющих хорошего приложения - содержание. Вот несколько инструментов, которые помогут сделать это online:

4. Ориентация на поведенческие шаблоны, привычки и неписанные стандарты. Учет движений

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

По этой причине навигационные кнопки, как правило, находятся в нижней части экрана:

В книге "Шаблоны мобильных интерфейсов", выпущенной UXPin, рассматриваются два вида взаимодействия: жесты и анимация.

Пользователи уже привыкли к возможности использовать разные жесты для различных ситуаций:

Учет движений
Анатомический фактор - очень важный элемент проектирования. Учитывайте строение тела человека и статистику использования мобильных устройств при проектировании. Левый верхний угол подходит для размещения важной информации, в то время как нижняя граница экрана - для навигации.

Именно так выглядят схемы наиболее удобных для человека жестов.

94% времени пользователи держат смартфон в вертикальном положении.

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

И большинство пользователей используют смартфоны с диагональю экрана в пределах 4-5,5 дюймов.

5. Использование итеративного подхода

Говоря просто, лучше всего начинать с малого функционала, анализируя его важность, необходимость и качество исполнения, постепенно дополняя нововведениями. Это не только ускорит запуск проекта, но и сократит риски. А главное - позволит избежать перегруженности интерфейса.

Бонус: web-помощники для проектировщика интерфейсов приложений

1. Как подобрать хорошо сочетающиеся цвета для мобильного приложения? Используйте эти сервисы:
getuicolors.com
www.coleure.com
bootflat.github.io/color-picker.html

2. Изучите готовые примеры отличных интерфейсов , чтобы лучше понять необходимый уровень:
www.mobile-patterns.com/

3. Используйте готовые мокапы:
www.premiumpixels.com/tag-index/
uispace.net/all-psd
dbfreebies.co/mobile

Тем, кто хочет разрабатывать под мобильные устройства, рекомендуем профессию .

Артджокер

Рынок мобильных приложений показывает динамический рост — эта тенденция актуальна и для Украины, и для зарубежных стран. Весомый сегмент занимают игры, однако бизнес-аппы не отстают и показывают положительную динамику. Уже в ближайшие два-три года можно будет с уверенностью заявить, что каждая компания будет представлена в интернете не только сайтом, но и обзаведется собственным мобильным приложением — всё ради трафика и прибыли. Если вы не хотите упустить момент и быть в числе первых в бизнес-гонке, то запланируйте разработку аппа. И действуйте!

Что вам нужно?

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

На смену традиционному каскадному подходу предлагают использовать энергоемкий и экономически выгодный SCRUM. В выборе разработчика ориентируйтесь на экспертизу, портфолио и опыт работы в вашей специфике, наличие проектных менеджеров и QA-команды с технопарком (тестировка приложений занимает большую часть времени разработки), а также юридически оформленных договоренностей — последнее будет гарантией вашей безопасности.

После краткого экскурса в команду, расскажем о классификации приложений:

• Нативное - написанное на языках программирования, ориентированных только на конкретную платформу Android или iOS . Это позволяет им быстро устанавливаться и легко работать, полностью взаимодействовать с техническими возможностями гаджета и не зависеть от интернет-соединения. Создание нативного приложения отличается высокой ценой, а потому считается дальновидным стратегическим шагом;
• Кроссплатформенное - приложение, которое создается сразу для нескольких мобильных платформ. В кроссплатформенных инструментах разработки используется не HTML5, а сторонние языки программирования, код которых компилируется в нативное для каждой платформы приложение. Кроссплатформенная разработка подходит для некастомных проектов, и может быть эффективной и менее затратной в ресурсах.

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

• Развлекательные (игры, обработка изображений, аудио и видео форматов);
• Помощники (поиск информации, приложения погоды и т.д.);
• Социальные сети;
• I-commerce (возможность покупки через приложения);
• Приложения B2B в структуре (внутренние системы контроля и организации процессов внутри компании).

У каждого есть свои преимущества и недостатки, способы монетизации и конверсионный потенциал — чтобы сделать правильный выбор, для начала обратитесь к бизнес-аналитику и техническому специалисту, которые проведут аудит и выдадут рекомендации. От общей картины перейдем к процессу создания приложения и команды, которая в этом участвует.

Этапы разработки мобильного приложения

Мы в Artjoker отдаем предпочтение методу SCRUM, который позволяет реализовывать проект не последовательно (этап за этапом с длительными согласованиями и доработками за отдельную плату), а гибко — одновременно выполняются разные задачи, которые позволяют собрать готовый к запуску продукт как Lego-конструктор быстро и за заранее оговоренную сумму. Разработка делится на три этапа, в рамках которого параллельно осуществляются следующие работы:

1Этап 1: Подготовительный

• Составление ТЗ по разработке приложения. Для шаблонных решений этот этап проходит быстро, а для чего-то уникального может понадобиться время. Если вы планируете в дальнейшем монетизировать приложение, то пригласите бизнес-аналитика для мониторинга рыночных предложений, а также специалистов по продвижению — правильная реклама позволит быстро и эффективно привлечь внимание к аудитории.
• Разработка UX (User eXperience — опыт взаимодействия) прописываем сценарии поведения пользователей, схемы перемещения по приложению и функционал. Юзабилити-специалист оперативно выдаст рекомендации — намного проще рассказать, как надо, чем неоднократно переделывать структуру.
• Разработка “скелета” приложения: навигационные элементы, списки, кнопки, которые будут дополняться основным кодом.
• Разработка дизайна .

Команда: менеджер проекта, UX-специалист, дизайнер

Сроки разработки: от 60 до 90 дней.

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

• В среднем, на разработку аппа на iOS уходит около 400 часов, а на Android — около 350. 20% всей работы уходит на QA (проверка), остальные 80% распределяются на саму разработку, дизайн и др.
• Если приложение подразумевает поддержку сервера и API-интеграцию, то срок увеличивается в среднем на месяц-два.

Стоимость:

В среднем по Европе (с учетом стран СНГ) стоимость приложения это — 80-100$ за час работы опытного специалиста (крутые разработчики берут от 150-200$ и это считается приемлемой ценой например в Великобритании). В этом же диапазоне работает Австралия. В среднем за всю работу у европейских разработчиков (в том числе и в Украине) — это 7000 — 9000$.

Самые дорогие разработчики в США — их минимум 50$ за час, а максимум доходит до 250-300$. Для сравнения возьмем индусов, у которых максимальная цена за час разработки — 80$. Откуда такой разлет цен? Все дело в экспертизе, которая подтверждается не только количеством работ, репутации (статьи, выступления на конференциях), а также знании английского.

Резюме

Самое главное в разработке приложения вовсе не реклама и даже не уникальное торговое приложение. Главное — это команда, которой вы доверите свою идею и которая доработает и качественно реализует задумку. Что для этого надо:

• выбрать квалифицированную команду;
• заполнить детально бриф со всеми пожеланиями;
• провести бизнес-аудит существующих приложений на рынке (ваши конкуренты);
• согласовать ТЗ с этапами работ, сроками и бюджетом;
• регулярно давать фидбек.

Выбирайте лучших!

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

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

ПОДГОТОВИТЕЛЬНЫЙ ЭТАП

Перед тем как создать мобильное приложение, стоит определиться в следующих моментах:

• Есть ли у меня конкретное видение того, что будет представлять собой готовый продукт и каким будет его функционал?
• Какие задачи программа призвана решать и какова будет польза для конкретного пользователя?
• На каких платформах будет работать готовый программный продукт (iOS, Android, Windows Phone)?
• Потребуется ли ежедневный контроль за его функционированием?
• Какую сумму я готов потратить?
• Буду ли я создавать приложение самостоятельно или же обращусь к разработчикам-профессионалам.

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

СПОСОБЫ И СТОИМОСТЬ СОЗДАНИЯ ПРИЛОЖЕНИЯ

В создании приложений для мобильных устройств есть два пути. Первый подразумевает самостоятельное формирование программ для электронных устройств на основе Андроид или IOS по шаблонному типу при помощи специальных сайтов-конструкторов. Второй путь, более затратный, однако в результате позволяющий получить серьезные и функциональные продукты, - обратиться за помощью к частным лицам или компаниям, занимающимся написанием программного обеспечения. Второй вариант подходит, если речь идет о создании серьезных программных продуктов с конкретными характеристиками, которые выходят за пределы готовых наборов, доступных на сайтах-конструкторах. Следует учитывать также, что профессиональная разработка для iOS или Android требует значительных расходов. Какова стоимость создания приложения для платформ Android и IOS на российском рынке? Диапазон цен достаточно широкий - от нескольких сотен до десятков тысяч долларов - все зависит типа программного обеспечения и его функционала. Однако такие серьезные вложения с лихвой окупаются в перспективе. При планировании конечной стоимости также стоит учесть и расходы на размещения нового продукта в AppStore и Android Market. Если Вы ограничены небольшим бюджетом и у Вас совсем нет времени, тогда можно попробовать сконструировать приложение для электронных устройств самостоятельно. Для этого не нужно быть программистом. О том как это легко сделать, читайте далее.

КАК СОЗДАТЬ ПРИЛОЖЕНИЕ БЕСПЛАТНО

На сегодняшний день в сети доступно достаточно отечественных и зарубежных платформ, которые позволяют самостоятельно условно бесплатно сконструировать приложение по готовому типу. На сайтах-конструкторах размещены сотни готовых вариантов аппликаций, рассортированных по различным категориям: малый бизнес, образование, развлечения, спорт, блоги и тому подобное. На таких ресурсах бесплатно создаются программы со стандартным и ограниченным набором функций. Ограничения касаются количества установок и просмотров Вашего приложения, количества позиций в каталоге, возможности публикации в магазинах, наличия системы приема платежей, присутствия сторонней рекламы и возможности доработки функционала под Ваши нужды. Для снятия ограничений на сайтах можно выбрать определенный пакет с фиксированной месячной платой, размер которой определяется в зависимости от количества включенных опций. Примеры сайтов-конструкторов условно-бесплатных мобильных приложений для Андроид, iPhone, iPad.

1. Appsgeyser.com (appsgeyser.ru - русскоязычный вариант).

А теперь рассмотрим, как за несколько минут осуществляется разработка мобильного приложения на примере сайта ibuildapp. Мы выбрали именно эту площадку, так как она очень проста и понятна в использовании. Кстати, ресурс iBuidApp имеет и русскоязычную версию, что еще больше облегчает пользование конструктором. Перед началом работы регистрируемся на сайте. Далее на главной страничке кликаем вкладку “Создать” и выбираем подходящий нам шаблон.

ВЫБОР ШАБЛОНА И КАТЕГОРИИ

Данная площадка предлагает достаточно большой выбор стандартных вариантов, ознакомиться с которыми можно в каталоге категорий в левом меню странички сайта. Для примера мы выбрали категорию “Фотография” и шаблон “Фотостудия”. После выбора дизайна и соответствующей категории, начинаем редактирование пунктов меню.

РЕДАКТИРОВАНИЕ КОНТЕНТА

Административная панель конструктора открывает широкие возможности для редактирования элементов меню. Можно изменить фон, добавить логотип, настроить навигацию главного и нижнего меню на экране электронного устройства, редактировать содержимое внутренних страниц. Кстати, в правой части экрана можно увидеть, как внесенные изменения будут выглядеть на экране электронного устройства. Конструктор позволяет также протестировать ваше приложение на планшете или смартфоне. Также готовую программу можно публиковать в Appstore или в Google Play, однако эта функция доступна только для платных версий. Сайт предлагает 3 платных пакета стоимостью 490 руб., 2400 руб., 3700 руб. в месяц.

ПЛАТНЫЕ ПАКЕТЫ

Если вас не устраивает внешний вид доступных на сайте шаблонов, вы можете создать собственный дизайн, нажав в учетной записи вкладку “Мои шаблоны”. Возможности индивидуального конструктора достаточно ограничены, они позволяют наделить программный продукт только самыми необходимыми элементами.
Теперь Ваша очередь взяться за создание приложений и установить его на свой смартфон. Попробуйте, это достаточно просто!

В этой статье попробуем раскрыть основные этапы разработки программы, написанной на любом языке программирования.

Спецификация (определение требований к программе):

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

Разработка алгоритма:

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

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

Результат данного этапа разработки программы - подробное словесное описание алгоритма программы, либо блок-схема алгоритма. Подробно узнать о том, как разработать алгоритм любой программы, можно, изучив эту статью.

Кодирование:

После проведения спецификации и составления алгоритма решения, используемый алгоритм в итоге будет записан на необходимом языке программирования (Pascal, Delphi, C++ и др.). Результатом этапа кодирования является готовая программа.

Этапы разработки программы. Отладка:

На данном этапе программист занимается отладкой программы, то есть поиском и устранением ошибок. Последние делятся на две группы: алгоритмические и синтаксические (ошибки в тексте исходной программы). Из этих двух групп ошибок наиболее легко устранить синтаксические ошибки, тогда как алгоритмические ошибки определить достаточно трудно.

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

Тестирование:

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

Создание справочной системы:

Если программист разрабатывает программу, чтоб ею впоследствии пользовались другие, то программисту необходимо разработать справочную систему и установить для пользователя легкий быстрый доступ к этой справочной системе при работе с программой. Современные программы обладают справочной информацией, имеющей форму CHM- или HLP-файлов.

Кроме справочной информации справочная система содержит необходимые инструкции по инсталляции программы. Обычно их представляют в виде файла Readme разных форматов: *.doc, *.txt, *.htm. Более подробно рассматриваемый этап разработки программы будет описан позже.

Создание установочного диска (CD-ROM):

Инсталяционный диск (CD-ROM) разработчики создают для того, чтобы пользователи могли самостоятельно, без помощи программиста, проинсталировать данную программу на свой ПК.

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

Перед вами - набор типичных этапов в создании мобильного приложения с нуля, которые студия Componentix практикует к своей деятельности.

Бизнес-анализ целевого рынка

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

• Каких целей вы планируете достичь посредством создания и релиза собственного мобильного приложения?
• Планируются ли продажи / конверсия переходов в продажу товаров и услуг в рамках приложения?
• Кто ваша целевая аудитория и за счет кого она может пополниться?
• Насколько высока конкуренция в сфере, в которой вы планируете работать (в том числе - с приложением)?
• Какими приложениями пользуется ваша аудитория и аудитория ваших конкурентов, пересекаются ли они между собой? Готовы ли они пользоваться вашим приложением вместо приложений-аналогов?
• Каков бюджет на разработку и продвижение полученного приложения?

Выработка согласованного решения

Перед началом разработки необходимо получить от заказчика техническое задание (ТЗ) или предоставить ему бриф для заполнения и дальнейшей работы по этому документу.

После получения заполненного брифа и / или ТЗ можно приступать к прототипированию и составлению пользовательских профилей для оценки возможностей итогового продукта.

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

Прототипирование

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

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

Написание кода и внедрение технологий

С готовым дизайном приложение переходит к разработчикам: им предстоит на основе языков программирования, фреймворков и различных технологий создать мобильное приложение в соответствии с ТЗ, брифом и утвержденным прототипом.

Тестирование

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

Создание предрелизной версии

В результате серии тестов и доработок приложения должна быть получена рабочая версия приложения. Именно эту версию и предстоит добавить в магазин приложений: Apple App Store, Google Play, магазин приложений Windows Phone (в зависимости от того, для какой платформы ведется разработка) или любой аналогичный сервис для дистрибуции приложений.

Добавление приложения в магазин

Финальный этап работы студии - добавление приложения на ревью в один из указанных выше магазинов приложений (в случае Componentix речь идет об App Store или о Google Play).

Необязательный этап: дальнейшая техническая поддержка и маркетинговое продвижение приложения

Поскольку эти услуги предоставляются отдельно от основного пакета услуг, то и оплачиваются отдельно. Помимо маркетинга и техподдержки возможно также размещение приложения в App Store или Google Play от имени заказчика (услуга White Label), обеспечение серверной поддержки для приложения.

Если вы готовы заказать пакет основных и / или дополнительных услуг по разработке нативного приложения - пишите: мы обсудим с вами сроки, стоимость, поможем составить ТЗ и заполнить бриф . И уже спустя месяц-другой у вас появится собственное мобильное приложение для iPhone, iPad или Android-смартфонов и планшетов.