Московский Институт Электроники и Математики Национального Исследовательского Университета «Высшая Школа Экономики» Факультет Информационных Технологии и Вычислительнои Техники Курсовая работа По дисциплине «Основы информационно коммуникационных технологий» Тема Разработка интерфейса под 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