Московский Институт Электроники и Математики Национального Исследовательского Университета «Высшая Школа Экономики»

Московский Институт Электроники и Математики Национального Исследовательского
Университета «Высшая Школа Экономики»
Факультет Информационных Технологии и Вычислительнои
Техники
Курсовая работа
По дисциплине «Основы информационно
коммуникационных технологий»
Тема
Разработка интерфейса под Android
Выполнил студент группы ИКТ-21:
В. В. Левшунов
Проверил :
Аннотации
Основная задача – разработать интерфейс приложения под ОС Android. Разработка
основана на анализе аналогов моего приложения.
Оглавление
Аннотации ......................................................................................................................................2
План работы ...................................................................................................................................4
Ход работы .....................................................................................................................................5
Собственный интерфейс ............................................................................................................. 11
Результаты ....................................................................................................................................15
Ссылки ..........................................................................................................................................16
План работы
Я решил разработать интерфейс приложения «Рецепты для коктейлей». Количество
аналогов позволяет произвести полноценный анализ.
Итак, прежде всего необходимо скачать и протестировать достаточное количество
аналогичных приложений, особо уделяя внимание интерфейсу и функционалу.
Затем, изучить гайдлайн.
Далее, на основе проделанной работы нужно создать свой дизайн интерфейса,
наиболее подходящий для данного вида приложения.
Ход работы
Тестирование аналогов
Рис.1. Скриншот «Russian koktails»

Нет ничего кроме списка с рецептами

Отсутствует какой-либо функционал

Не удачный интерфейс
____________
Рис.2. Скриншот «Коктейли»

Есть разделение на лонги, шоты и шорты. И даже не алкогольные напитки.

Нет возможности составления своих коктейлей.

Реклама. Я понимаю что нужно зарабатывать, но не в такой ущерб юзабилити.
Рис.3. Скриншот «Рецепты коктейлей»

Интересный интерфейс

Только список коктейлей, и то всего 9.
____________
Рис. 4. Скриншот «Christmas Coctails»

Просто картинка с единственной возможностью – скроллинг.

Только список рецептов
Рис. 5. Скриншот «Алкогольные коктейли»

Крайне неудобный интерфейс. Очень трудно и читать и ориентироваться.

Касательно функционала – есть разбиение на алкогольные и безалкогоольные.
____________
Рис. 6. Скриншот «Лучшие коктейли»

Один из самых удачных интерфейсов (визуально)

Функционал – список рецептов
_____________
Рис. 7. Скриншот «Коктейлер»


Рис. 8. Скриншот «Коктейлер»
Немного не доработан интерфейс – уйдя, например, в "Подбор коктейля", не могу ввернуться на главны
й экран с типами.
Качественное приложение, огромное количество типов коктейлей (26), удачный интерфейс, но по-мне
лучше бы списком и по мельче. Так же есть разделы Избранное, коктейль недели.
Изучение гайдлайнов
Рис. 8
1.
Main Action Bar - панель действий, здесь располагаются заголовок экрана и кнопки действий
2.
View Control - выпадающее меню навигации по приложению (в официальной документации встречается
понятие “spinner”)
3.
Content Area - контент
Рис. 9.
На Action Bar обычно расположены:
1.
App icon - иконка приложения. Стрелочка слева указывает, что по тапу на иконку мы вернёмся на уровень
вверх в иерархии приложения
2.
View Control - заголовок экрана и, если необходимо, треугольная стрелочка открытия меню навигации
3.
Action buttons - иконки действий
4.
Action overflow - иконка открытия дополнительного меню действий
Собственный интерфейс
1.
Рис. 10.
При разработке я старался сделать интерфейс интуитивно понятным и без лишней
информации.
2.
Рис. 11
3.
Рис. 12.
В разделе «Мои ингредиенты» есть классификация ингредиентов на «Алкогольные»,
«Безалкогольные», «Фрукты» и «Разное». В каждый раздел можно добавить ингредиент
который у вас имеется, и при необходимости отметить будете ли вы его использовать при
составлении коктейля.
4.
Рис. 13.
Карта приложения
Результаты
В итоге, на основе протестированных аналогов и изученного гайдлайна был разработан
оптимальный интерфейс для выбранного приложения.
Ссылки
1. «Коктейлер» (WIA Games ltd)
https://play.google.com/store/apps/details?id=net.wiagames.cocktailer
2. «Рецепты коктейлей» (lawstore)
https://play.google.com/store/apps/details?id=tragoruso.hdcar.in.russiancoacktails
3. «Рецепты коктейлей Рождества» (pashafli)
https://play.google.com/store/apps/details?id=tragoruso.hdcar.in.russiancoacktails
4. «Коктейли» (NataDev)
https://play.google.com/store/apps/details?id=tragoruso.hdcar.in.russiancoacktails
5. «Алкогольный Коктейли» (Книги и справочники)
https://play.google.com/store/apps/details?id=com.wAlkogolnyieKokteyli
6. Гайдлайн
http://developer.android.com/design/index.html