2.3 Написание ненативного приложения

2.3.1 Определение минимального функционала

Была составлена «дорожная карта» приложения:

Минимальный объем жизнеспособного продукта (MVP — Minimal Viable Product) в который вошли функции, позволяющие совершить полный цикл поиска работы. Это поиск и просмотр лекционных материалов, просмотр медиа файлов, тестирование, просмотр результатов тестирования и прохождения учебных курсов, push-уведомления о новых курсах и покупках, добавление покупок в корзину, автопоиск.

Цели продукта. До конца года(2013) это выпуск MVP.

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

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

Из MVP я вывел следующие первостепенные задачи (минимальный функционал):

1. Поиск

2. Просмотр тем курсов

3. Просмотр информации по курсам и содержания курсов(лекций, тестов, презентаций и инфографики)

4. Просмотр зачётки (текущих курсов)

5. Просмотр диплома (законченных курсов)

6. Авторизация

7. Закладки

8. Профиль пользователя

9. Помощь

10. Настройки

2.3.2 Первый прототип интерфейса

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

2.3.3 Отрисовка экранов и настройка интерактивности

Экраны авторизации и регистрации были максимально упрощены. Объём данных для регистрации сокращён до минимального уровня.

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

Если пользователь не имеет аккаунта на образовательном портале, то он, при наличии синхронизации с сервером, имеет возможность пройти регистрацию и получить свою учётную запись.

Если пользователь не имеет желания регистрироваться, то он может зайти «как гость» - функционал приложения при этом будет жёстко ограничен, будут недоступны:

1. Поиск

2. Личный кабинет(соответственно статистика и покупки)

3. Курсы по специальностям

В итоге будут доступны свободные курсы с уровнем «Для всех» и доступом «Свободно».

Для навигации по меню я принял решение использовать swipe– навигацию, при которой панель откидывается вправоtoch-событиемswipe-rightи возвращается в исходное положение событиемswipe-left.

После введения закладок и тестирования стало понятно, что внедрять закладки в меню неудобно т.к. к ним требуется максимально быстрый доступ(80% пользователей начинают работу с приложением именно со своих закладок). Было принято решение использовать вторую swipe-панель. С этого момента понадобилось хранение трёх состояний экрана, эффект «прилипания» блока и отслеживание последовательности событий (подробнее в коде).

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

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

Иконки нужны для интуитивного понятия смысла пунктов меню и выдержки общего дизайна.

В итоге меню было реализовано следующим набором элементов:

1. Минимальный набор информации из профиля (аватар, имя, фамилия, статус (дизайнер, программист и др.))

2. Моё портфолио (доступ к просмотру, редактированию и удалению отдельных частей или всей учётной записи)

3. Зачётка

4. Курсы

5. Дипломы

6. Помощь

7. Поиск (по всем, доступным донному пользователю) темам, курсам и лекциям

8. Журнал покупок (сводка о потраченных на обучение средствах, а так же корзина)

9. Топ лучших (просмотр профилей наиболее преуспевающих в учёбе пользователей)

10. Ваша статистика (просмотр успехов пользователя и сравнение их с успехами других пользователей)

11. Настройки

12. О приложении

Курсы подаются в виде списка, в котором указанно:

1. Тип курса (смотрится по иконке)

2. Название

3. Уровень требуемой подготовки

4. Ограничения по доступу

5. Требуемая специальность

Все курсы делятся на 4 типа:

1. Курс текстового формата – текстовой файл(pdf)

2. Курс видео формата – видео файл с возможностью воспроизведения на мобильном устройством (mp4)

3. Инфографика – файл изображения (png)

4. Презентация – реализуется сторонним плагином, просмотр не возможен без синхронизации

Для вывода учебных материалов используется тег HTML5 <object>, где в атрибутsrcподставляется относительный или абсолютныйURLадрес.

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

Любой из применяемых текстовых форматов может включать в себя изображения небольших форматов.

Любой текст можно оформить в виде ссылки или гиперссылки.

В любое место можно встраивать аудио материалы.