UI/UX ДИЗАЙН МОБИЛЬНОГО ПРИЛОЖЕНИЯ ДЛЯ САЙТА MOODLE.TSU.RU ДЛЯ СТУДЕНТОВ
|
РЕФЕРАТ 3
ВВЕДЕНИЕ 3
1 Теоретические основы разработки Ui/Ux дизайна мобильных приложений . 6
2 Аналитические исследования 9
2.1 Анализ пользователей 9
2.2 Определение целей 9
2.3 Анализ хорошо спроектированного пользовательского интерфейса 9
2.4 Анализ популярных приложений 10
3 Анализ основных аналогов 13
4 Карта приложения 18
5 Прототип дизайна интерфейса мобильного приложения 20
5.1 Анализ операционной системы и разрешения экрана для прототипирования 21
5.2 Теория выбора цвета 23
6 Описание созданного прототипа дизайна интерфейса мобильного
приложения сайта moodle.tsu.ru для студентов 26
7 Юзабилити тестирование 40
ЗАКЛЮЧЕНИЕ 42
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ 44
ВВЕДЕНИЕ 3
1 Теоретические основы разработки Ui/Ux дизайна мобильных приложений . 6
2 Аналитические исследования 9
2.1 Анализ пользователей 9
2.2 Определение целей 9
2.3 Анализ хорошо спроектированного пользовательского интерфейса 9
2.4 Анализ популярных приложений 10
3 Анализ основных аналогов 13
4 Карта приложения 18
5 Прототип дизайна интерфейса мобильного приложения 20
5.1 Анализ операционной системы и разрешения экрана для прототипирования 21
5.2 Теория выбора цвета 23
6 Описание созданного прототипа дизайна интерфейса мобильного
приложения сайта moodle.tsu.ru для студентов 26
7 Юзабилити тестирование 40
ЗАКЛЮЧЕНИЕ 42
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ 44
В современном мире мобильные устройства играют огромную роль в жизни человека. Большинство обладателей современных мобильных телефонов используют их в качестве своих помощников в повседневной жизни, работают с приложениями для создания расписаний, написания заметок, установок напоминаний и будильников. Современный человек использует мобильный телефон также и для быстрого приема или передачи информации, где бы он ни находился. Исходя из этого, удобство и привычность использования мобильных телефонов стало главной причиной создания множества мобильных приложений разного типа направлений, в том числе и для учебы.
Создание мобильного приложений это объемный, трудоемкий процесс, состоящий из множества этапов. Однако его можно облегчить если начать с правильного этапа - создание UI/UX дизайна интерфейса приложения. Сам этот этап так же не является менее трудоемким, но именно после выполнения этого этапа создание приложения значительно облегчится, а именно в плане анализа удобства пользователя.
Главной идеей дипломной работы стало создание удобного и понятного пользователю интерфейса мобильного приложения для университетского сайта moodle.tsu.ru [1].
В нынешней образовательной среде насчитывают более миллиона ресурсов работающих с системой управления электронного образования Moodle [2]. Беря так же во внимание актуальность дистанционного образования Moodle является удобной и доступной платформой данного формата.
Как система взаимодействия между преподавателями и учениками, Moodle решает следующие задачи [3]:
1) создание и управление дистанционным курсом;
2) управление пользователями внутри курса;
3) дифференцированный доступ для участников образовательного портала;
4) отслеживание выполнения учебных элементов - как преподавателями, так и студентами;
5) публикация учебных материалов различного формата: графики, тексты, аудио, видео.
Исходя из вышеперечисленного портал moodle.tsu.ru и стал главным образовательным порталом Томского Государственного научно-исследовательского университета. Однако и у него есть ряд недостатков в особенности в плане организации интерфейса:
1) Несмотря на частые обновления, у Moodle довольно устаревший, не дружественный к пользователю интерфейс. Для более удобного управления курсами придется отдельно настраивать всю систему;
2) Moodle - большая система с обилием функций, часть из которых попросту не используется. А убрать можно только некоторые из них и только с помощью программистов;
3) Если у вас нет минимального опыта управления системой дистанцонного образования, Moodle потребует долгого и серьезного изучения. Разобраться с ходу в обилии разделов, вложений и форм здесь не получится.
В данной квалификационной работе дополнительной, но не менее важной, целью стало исправление данных недостатков при создании прототипа мобильного приложения.
Примерно 100% студентов Томского Государственного университета используют портал moodle с мобильных устройств, поэтому в перспективе было обратить внимание на оптимизацию материалов под мобильное приложение. Однако созданным в 2019 году основным приложением moodle большинство не пользуется из-за неудобности и лишних элементов и разделов. Студентам, в большинстве своем, было сложно сориентироваться на самом сайте moodle, а в ново созданном приложений из-за большого различии с сайтом и своих особенностей тем более. В следствии число тех, кто использует приложение, стали единицы, а число тех, кто используется сайтом moodle с мобильных устройств, так и не убавилось. Это и стало главной причиной для создания UI/UX дизайна мобильного приложения портала moodle Томского государственного университета, удобного для пользователя - студента.
Объектом исследования является UI/UX дизайн интерфейса мобильных
приложений.
Предметом выпускной квалификационной работы является дизайн мобильного приложения сайта moodle.tsu.ru для студентов.
Целью работы является разработка Ui/Ux дизайна мобильного приложения для университетской платформы moodle.tsu.ru для студентов.
Задачи:
1) Анализ популярных мобильных приложений, с целью выявления наиболее подходящей для разработки прототипа;
2) Исследовать потребности пользователей. Провести опросы и интервью для выявления потребностей;
3) Создать карту будущего мобильного приложения. Черновой вариант. Проанализировать. Создать окончательный вариант;
4) С помощью анализа пользователей решить, какое устройство будет использоваться в качестве образца. Выбрать операционную систему и разрешение экрана для проекта;
5) Изучить правила разработки. Подобрать цветовую схему для приложения;
6) Создать интерактивный прототип приложения в Figma;
7) Юзабилити-тестирование. Провести исследование пользователей. Подготовить список заданий для пользователей, чтобы увидеть, где они сталкиваются с проблемами и испытывают замешательство.
Создание мобильного приложений это объемный, трудоемкий процесс, состоящий из множества этапов. Однако его можно облегчить если начать с правильного этапа - создание UI/UX дизайна интерфейса приложения. Сам этот этап так же не является менее трудоемким, но именно после выполнения этого этапа создание приложения значительно облегчится, а именно в плане анализа удобства пользователя.
Главной идеей дипломной работы стало создание удобного и понятного пользователю интерфейса мобильного приложения для университетского сайта moodle.tsu.ru [1].
В нынешней образовательной среде насчитывают более миллиона ресурсов работающих с системой управления электронного образования Moodle [2]. Беря так же во внимание актуальность дистанционного образования Moodle является удобной и доступной платформой данного формата.
Как система взаимодействия между преподавателями и учениками, Moodle решает следующие задачи [3]:
1) создание и управление дистанционным курсом;
2) управление пользователями внутри курса;
3) дифференцированный доступ для участников образовательного портала;
4) отслеживание выполнения учебных элементов - как преподавателями, так и студентами;
5) публикация учебных материалов различного формата: графики, тексты, аудио, видео.
Исходя из вышеперечисленного портал moodle.tsu.ru и стал главным образовательным порталом Томского Государственного научно-исследовательского университета. Однако и у него есть ряд недостатков в особенности в плане организации интерфейса:
1) Несмотря на частые обновления, у Moodle довольно устаревший, не дружественный к пользователю интерфейс. Для более удобного управления курсами придется отдельно настраивать всю систему;
2) Moodle - большая система с обилием функций, часть из которых попросту не используется. А убрать можно только некоторые из них и только с помощью программистов;
3) Если у вас нет минимального опыта управления системой дистанцонного образования, Moodle потребует долгого и серьезного изучения. Разобраться с ходу в обилии разделов, вложений и форм здесь не получится.
В данной квалификационной работе дополнительной, но не менее важной, целью стало исправление данных недостатков при создании прототипа мобильного приложения.
Примерно 100% студентов Томского Государственного университета используют портал moodle с мобильных устройств, поэтому в перспективе было обратить внимание на оптимизацию материалов под мобильное приложение. Однако созданным в 2019 году основным приложением moodle большинство не пользуется из-за неудобности и лишних элементов и разделов. Студентам, в большинстве своем, было сложно сориентироваться на самом сайте moodle, а в ново созданном приложений из-за большого различии с сайтом и своих особенностей тем более. В следствии число тех, кто использует приложение, стали единицы, а число тех, кто используется сайтом moodle с мобильных устройств, так и не убавилось. Это и стало главной причиной для создания UI/UX дизайна мобильного приложения портала moodle Томского государственного университета, удобного для пользователя - студента.
Объектом исследования является UI/UX дизайн интерфейса мобильных
приложений.
Предметом выпускной квалификационной работы является дизайн мобильного приложения сайта moodle.tsu.ru для студентов.
Целью работы является разработка Ui/Ux дизайна мобильного приложения для университетской платформы moodle.tsu.ru для студентов.
Задачи:
1) Анализ популярных мобильных приложений, с целью выявления наиболее подходящей для разработки прототипа;
2) Исследовать потребности пользователей. Провести опросы и интервью для выявления потребностей;
3) Создать карту будущего мобильного приложения. Черновой вариант. Проанализировать. Создать окончательный вариант;
4) С помощью анализа пользователей решить, какое устройство будет использоваться в качестве образца. Выбрать операционную систему и разрешение экрана для проекта;
5) Изучить правила разработки. Подобрать цветовую схему для приложения;
6) Создать интерактивный прототип приложения в Figma;
7) Юзабилити-тестирование. Провести исследование пользователей. Подготовить список заданий для пользователей, чтобы увидеть, где они сталкиваются с проблемами и испытывают замешательство.
Проектирование мобильного интерфейса системы до начала разработки программного продукта способно снизить временные затраты на создание сервиса и его юзабилити-тестирование. Поэтому создание UI/UX дизайна, дизайна интерфейса, актуальный важный этап в создании мобильного приложения.
Студентам первокурсником очень сложно ориентироваться в сервисе moodle, что могу подтвердить по собственному опыту. Приходится консультироваться у тех, кто уже более или менее разобрался в системе, или искать самим источники информации по ориентированию по платформе. Однако студенту зачастую из-за занятости бывает сложно в первые дни освоить множество возможностей moodle, а в дальнейшем узнав основы (как попасть на онлайн аудиторию, как добавить ответ на задание, где находить основную информацию по курсу и т.д.) теряется потребность в изучении очень полезных дополнительных возможностей. Самым быстрым способом изменить это - сделать интерфейс максимально удобным и понятным, знакомым по привычке пользования других приложений.
В данной квалификационной работе был разработан дизайн интерфейса мобильного приложения для сайта moodle.tsu.ru для студентов, подробно описывающий функционал будущего приложения, которое позволяет достичь целей пользователя - студента удобным для него способом. Были рассмотрены уже имеющиеся аналоги, недостатки которых были учтены при создании прототипа. Также в ходе выполнения работы были решены следующие задачи:
1. На основе исследования целевой аудитории методом интервью, с целью выявления основных потребностей пользователя, были изучены пожелания, советы и привычки пользователей.
2. Проанализированы имеющиеся аналоги и выявлены их преимущества и недостатки. Получен список действий, предпринимаемых конечным пользователем для достижения цели.
3. Составлена карта будущего приложения, предназначенная для реализации всех функций приложения и взаимодействия элементов друг с другом.
4. Произведен анализ выбора операционной системы мобильного устройства и разрешения его экрана для прототипирования.
5. Создан дизайн приложения, обладающий хорошей визуальной восприимчивостью пользователем.
6. Создан прототип мобильного приложения для сайта moodle.tsu.ru для студентов, в котором объединены все цели и удобства пользователя.
7. Произведен Юзабилити-тест для выявления болевых точек, в результате которого было выявлено выполнение всех удобств пользователя.
Разработанный UI/UX дизайн интерфейса соответствует всем требованиям теоретической и практической частей работы. Можно рассматривать разработанный UI/UX дизайн совокупностью всех нужных ресурсов для задач студента - расписание занятий, сервисы университета, просмотр успеваемости, сводка курсов, список задач. Таким образом, при выполнении данной квалификационной работы были решены все задачи и достигнута цель исследования - разработка Ui/Ux дизайна мобильного приложения для университетской платформы moodle.tsu.ru длястудентов.
Студентам первокурсником очень сложно ориентироваться в сервисе moodle, что могу подтвердить по собственному опыту. Приходится консультироваться у тех, кто уже более или менее разобрался в системе, или искать самим источники информации по ориентированию по платформе. Однако студенту зачастую из-за занятости бывает сложно в первые дни освоить множество возможностей moodle, а в дальнейшем узнав основы (как попасть на онлайн аудиторию, как добавить ответ на задание, где находить основную информацию по курсу и т.д.) теряется потребность в изучении очень полезных дополнительных возможностей. Самым быстрым способом изменить это - сделать интерфейс максимально удобным и понятным, знакомым по привычке пользования других приложений.
В данной квалификационной работе был разработан дизайн интерфейса мобильного приложения для сайта moodle.tsu.ru для студентов, подробно описывающий функционал будущего приложения, которое позволяет достичь целей пользователя - студента удобным для него способом. Были рассмотрены уже имеющиеся аналоги, недостатки которых были учтены при создании прототипа. Также в ходе выполнения работы были решены следующие задачи:
1. На основе исследования целевой аудитории методом интервью, с целью выявления основных потребностей пользователя, были изучены пожелания, советы и привычки пользователей.
2. Проанализированы имеющиеся аналоги и выявлены их преимущества и недостатки. Получен список действий, предпринимаемых конечным пользователем для достижения цели.
3. Составлена карта будущего приложения, предназначенная для реализации всех функций приложения и взаимодействия элементов друг с другом.
4. Произведен анализ выбора операционной системы мобильного устройства и разрешения его экрана для прототипирования.
5. Создан дизайн приложения, обладающий хорошей визуальной восприимчивостью пользователем.
6. Создан прототип мобильного приложения для сайта moodle.tsu.ru для студентов, в котором объединены все цели и удобства пользователя.
7. Произведен Юзабилити-тест для выявления болевых точек, в результате которого было выявлено выполнение всех удобств пользователя.
Разработанный UI/UX дизайн интерфейса соответствует всем требованиям теоретической и практической частей работы. Можно рассматривать разработанный UI/UX дизайн совокупностью всех нужных ресурсов для задач студента - расписание занятий, сервисы университета, просмотр успеваемости, сводка курсов, список задач. Таким образом, при выполнении данной квалификационной работы были решены все задачи и достигнута цель исследования - разработка Ui/Ux дизайна мобильного приложения для университетской платформы moodle.tsu.ru длястудентов.
Подобные работы
- UI/UX дизайн мобильного приложения Moodle.tsu.ru преподавателей
Дипломные работы, ВКР, информационные системы. Язык работы: Русский. Цена: 4570 р. Год сдачи: 2021