Дипломная работа: Дизайн-концепция для мобильного приложения-органайзера для студентов
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
72
прикрепление. Их можно встретить на некоторых экранах. Для сохранности
места, было решено убрать пиктограмму «Поиск» в меню.
Также были использованы дополнительные пиктограммы, которые
были использованы в приложении. Они были нужны для обозначения
следующих действий: редактировать, добавить, отправить, записать
(голосовое сообщение/запись), прикрепить файл (фото, видео, документ и
т.п.), найти. Для обозначения редактирования была выбрана пишущая ручка.
Для добавления использовался плюс. Для отправки был использован значок
стилизованного самолета, который часто используется в мессенджерах.
Запись голоса представлена в виде упрощенного микрофона, а прикрепление
в виду скрепки, что также часто используются в диалогах различных
социальных сетей. Поиск же всегда изображается в виде лупы. Для лучшего
восприятия, данные пиктограммы показаны в том виде, в котором будут
использоваться, со своим фоном и форме (см. рис.2.31.).
Рис.2.31. Дополнительные пиктограммы для мобильного
приложения-органайзера «Хелпер»
2.4. Разработка мобильного приложения
Благодаря исследовательской части, можно понять какие параметры
стоит использовать для создания современного, удобного и простого
приложения, которое будет соответствовать своей целевой аудитории. В
трендах обозначены данные, которые я буду использовать в своей разработке.
73
Скругленные края у форм, используемых объектов, поможет создать более
современный и стильный образ. Добавить стиля может также цвет и
использование градиента.
В экране мобильного телефона не так много места, как в компьютере,
поэтому нужно грамотно расставить все элементы для того, чтобы композиция
не вышла перегруженной. В этом может помочь тренд «Перекрытия». В
приложении есть несколько разделов, которые можно убрать в «гамбургер»
для удобства. При нажатии на иконку появится меню, которая будет находится
поверх элементов, находящихся на экране. Также необходимо внимательно
следить за шрифтами, используемые в приложении. Они не должны быть
одинаковыми везде. Нужно использовать разные начертания для разделения
их по типам: заголовок, основной и дополнительный текст.
Заголовки должны быть написаны более жирным начертанием или быть
больше кеглем от основного текста или цветом. Данные могут
комбинироваться. Основной текст должен быть написан одним начертанием,
одном кеглем и цветом. К дополнительному тексту относится не главные
заголовки и другие необходимые для выделения из общей массы текста. Он
может также выделиться начертанием: более жирными начертанием или
окрашенным цветом.
Исходя из трендов для мобильных приложений, можно понять, что
форма самого приложения и элементов внутри сейчас делают с скругленными
краями. Это смотрится более мягко и современно.
2.4.1. Структура приложения
Задача приложения состоит в том, чтобы необходимые данные, которые
могут быть связано как с учебой, так и с личным времяпрепровождением,
находились рядом.
Приложением смогут пользоваться не только студенты, но и
преподаватели и деканат. Из-за этого необходимо разделить профили для
каждой группы: студенты, преподаватель и деканат (см. рис.2.32.). У них
74
будут отличаться разделы, это было необходимо расписать. Некоторые
разделы будут взаимосвязаны и из одного быстро можно будет перейти в
другое (см. рис.2.33.). К таким относятся: люди и чат. Подробно будет описан
и проработан именно профиль студент, два других можно доработать в
дальнейшем.
Рис.2.32. Структура мобильного приложения-органайзера
Из поискового исследования было выяснено, что не всем удобно
пользоваться расписанием. Некоторым необходимо постоянно заходить на
сайт своего учебного учреждения, другие делают скриншоты. Но если вдруг
произойдут изменения, студенты могут не узнать. Из-за этого один из разделов
приложения будет – Расписание. Руководства учебных учреждений могут
загрузить туда расписания своих студентов. В доступе будет также для
преподавателей.
Важно знать, когда занят и соответственно, когда свободен. Для этого
лучше всего использовать электронный календарь. Там можно сохранить все
необходимые мероприятия, поэтому следующий раздел – События.
Лекции нужно записывать в тетради, но не всегда можно успеть
записать. В этом помогают студентам их мобильные телефоны. Несмотря на
то, что сделаны фото, не факт, что они сохранятся до нужного момента. Это
проблема, которую можно решить простым способом. Для этого может
75
пригодиться важный раздел – Лекции. Можно сохранить фото, по
определенным критериям: дата и название предмета.
В поисковом исследовании выяснилась еще одна проблема. Не все с
легкостью запоминают имена своих одногруппников и преподавателей.
Можно записывать отдельно, но это мало кто сделает. Данную проблему
можно решить с помощью раздела – Контакты. В нем будут находится
данные по нескольким группам людей: группа (название своей),
преподаватели и деканат.
Через студентов приходит много информации, будь то данные
связанные с учебной или личной жизнью. Необходимо их записать, в этом
может помочь следующий раздел – Заметки.
Важно поддерживать связь между своими одногруппниками и
преподавателями. Они могут помочь с разъяснениями учебного материала.
Важно, чтобы общение было доступным, в этом поможет раздел – Чат.
Конечно, как и в любом приложении, должен быть раздел – Настройки.
В нем будут необходимые данные для подстроения приложения под своего
пользователя.
Рис.2.33. Структура профиля Студента
76
2.4.2. Шрифтовая схема мобильного приложения
В приложении будет использоваться шрифт. Для лучшего восприятия
информации, будут использоваться разные начертания, для разделения текста,
другими словами шрифтовые выделения. Поделить весь текст в мобильном
приложении можно на следующие группы: заголовки (первого, второго и
третьего уровня), основной и дополнительный тексты.
Основной текст написан 9 pt, по большей части используется прямое
начертание можно увидеть в разделе «Заметки», но также имеет курсивное,
которым написаны данные о человеке (разделы «Контакты» и «Настройки»
профиль) (см. рис.2.34.). Заголовок первого уровня 15 pt, которые
используются для названия заголовков, они написаны курсивным
начертанием. Также есть прямое начертание, которое можно увидеть в разделе
«Расписание» - дни недели (см. рис.2.35.).
Рис.2.34. Пример основой текста
Рис.2.35. Пример заголовков первого уровня
Источник: https://baza.diplomsite.ru/previewfile/600