47
Рис.1.21. Пример перекрытия
Шрифтовая контрастность
6
(см. рис.1.22.). С помощью шрифтов
можно акцентировать внимание пользователей на нужных деталях.
Рис.1.22. Пример шрифтовой контрастности
1.5. Примеры других мобильных приложений
Данные приложениями я пользовалась сама или по крайней мере
рассматривала для использования. И поэтому их я выбрала так, как я
рассматривала их сама и примерами они является по моему мнению.
Путь. Приложение, предназначенное для того, чтобы сделать первые
шаги к переменам.
Знак Путь выполнен в виде лотоса (см. рис.1.23.). Классификация знака
– изобразительный. Тип знака – символ. Композиция знака – симметрия. Знак
– пятновой. Цветовое решение – оттенки бирюзового, зеленного и
фиолетового. Знака приложения напоминает цветок и делает отсылку к
духовности.
6
Ux/ui-тренды: мобильные приложения: [Электронный ресурс] – режим доступа URL:
https://infoshell.ru/blog/uxui-trends-2019/ (Дата обращения: 13.02.2020г.)
48
Рис.1.23. Логотип приложения «Путь»
Использование приложения. Мое внимание по мимо сути самого
приложения привлекли приятные цвета и формы (см. рис.1.24.). Формы без
острых углов смотрятся отлично. Разделов в Пути всего пять. В первом
«учитель» задает вопросы, на которые нужно отвечать раз в день. Во втором
же разделе уже идут вопросы от себя самого к другим, вместе с этим
возможность комментировать чужие вопросы. В третьей можно заглянуть в
различные группы или же создать собственную. Используется как лента
новостей. Четвертый раздел используется как аудио-лекция, которую можно
слушать и с интернетом, и без него. Последний раздел отвечает за профиль
пользователя.
Плюсы. Приятные цвета, которые используются в приложении.
Пиктограммы группами выглядят отлично. Приятные графические рисунки
персонажей – «учителей».
Минусы. Пиктограммы соединены в несколько групп, и они отличаются
друг от друга. Первая группа находится в правом верху. Стиль линейный, если
приглядеться, то колокольчик по толщине больше двух других. Вторая группа
нижний левый угол, первые два. Также линейные, но при нахождении в
разделе открашивается либо полностью (раздел «Ты как?») или частично
(раздел «Учитель»), что снова не сочетаются. Третья группа две пиктограммы
внизу. Они пятновые, но при нахождении в нужном разделе окрашиваются
(разделы «Группы» и «Слушать»). И последняя пиктограммы раздела
«Профиль». Не похожа не на одну другую. Пятновая и не окрашивается. В
самих разделах тоже есть пиктограммы, которые также не сочетаются с
использованными в интерфейсе, что отвлекает внимание.
49
Рис.1.24. Использование приложения «Путь»
Groovepad. Приложение используется для создания миксов из своего
плейлиста. Оно хранит в себе различные звуки, которые можно
комбинировать.
Знак Groovepad выполнен в виде кнопок (см. рис.1.25.). Классификация
знака – изобразительный. Тип знака – символ. Композиция знака –
симметричная. Знак – пятновой. Цветовое решение – градиенты желтого,
красного, бирюзового и фиолетового. Знака приложения напоминает загрузку.
Рис.1.25. Логотип приложения «Groovepad»
Использование приложения. Есть возможность использовать как свою,
так и чужую музыку (см. рис.1.26.). Есть также третий раздел, где находятся
настройки и информация о приложении.
Плюсы. Приятные цвета, которые делятся по группам, по своим
свойствам передать звук. Цвета яркие, но не портит вида.
50
Минусы. Немного странно, что почти во всех группах используется одна
и та же пиктограмма, кроме нижней левой. По стилистике отличается от
кружков, слишком толстая, непрерывная линия. Вместе с этим в приложении
есть несколько отделов в разделе добавление звуков: эффекты, запись и
сторона. У них разные по стилистике пиктограммы.
Рис.1.26. Использование приложения «Groovepad»
Террариум. Приложение используется для времени препровождения. В
нем можно вырастить разные растения. Как обычные комнатные, так фрукты
и овощи. Приложение еще не все «миры» открыло, так что вполне могут
появится еще другие.
Знак Террариум выполнен в виде горшка с алоэ (см. рис.1.27.).
Классификация знака – изобразительный. Тип знака – символ. Композиция
знака – симметричная. Знак – пятновой. Цветовое решение – оттенки зеленого
и коричневого. Знака приложения напоминает растение, алое.
51
Рис.1.27. Логотип приложения «Террариум»
Использование приложения. Приятная графика, которая использована
на рисовке растений (см. рис.1.28.). Хоть они и выглядят объемно, но
благодаря простой графике смотрится просто и стильно. В приложение также
используются пиктограммы, которые цветные, что не портит вида. Приятны
задний фон, который при желании можно переключить с дневного на ночной
пейзаж. Дневной фон использует градиент с оттенками голубого. И облака
также нарисованы с помощью градиента от белого до прозрачного.
Плюсы. Приятные формы и цвета. Смотрится все стильно и симпатично.
Минусы. Пиктограммы хоть и хорошо смотрятся по цвету, но по
наполнению не сочетается.
Рис.1.28. Использование приложения «Террариум»
1.6. Результаты исследования
Сейчас сэра технологий, поэтому большинство людей не расстаются с
мобильными телефонами нигде. Молодежь хранить 90% информации в нем,
52
скачивают различные приложения, которые им нужны. Приложений иного
разных и выбор велик и у каждого свои функции, которые помогают
пользователям, так, например, приложения для: игр, образа жизни, работы,
развития своих хобби или другие развлечения.
Помимо развлекательных приложений, есть также такие, которые
сосредоточены для обучения: иностранным языкам, вождению,
специализированных на определенном учебном учреждении.
При разработке мобильного приложения необходимо основываться на
разные факторы, которые помогут настроить на нужную целевую аудиторию
и сделать приложение популярным. Один из таких факторов является
мобильная платформа.
Будет разработано приложение для студентов, поэтому они и станут
моей основной целевой аудиторией, но вместе с ними приложение смогут
использоваться преподаватели и деканат. Описывая подробнее, студенты
разных ВУЗов России: колледжей, университетов и институтов. Спектр
возраста будет 17-25 лет. Образ жизни – активный.
Проведя сбор информации о трендах в разработке дизайна для
мобильных приложений, были выбраны те, которые будут использованы в
разработке: минимализм, градиент, скругленные края, перекрытия и
шрифтовая контрастность. Исходя из этого данные тренды помогут сделать
дизайн более современным и стильным.
Из недостатков у аналогов:
У большинства приложений не соответствуют своей целевой
аудитории.
У всех приложений отсутствует чат, который необходим и будет
разработан. Вместе с этим отсутствует раздел – Лекции, который будет сделан
при разработке приложения.
У большинства не достает информации о людях: одногруппников,
преподавателей и деканата. После проведенного опроса студентов (см. Глава
53
1, 1.3., 1.3.3. Поисковое исследование), был сделан вывод, что большинство
долго не быстро запоминают имена.
У большинства отсутствуют заметки. Не у всех телефонов они
встроенные, так что хотелось бы их иметь такое удобное дополнение.
Из достоинств у аналогов:
У аналогов есть хорошо продуманный дизайн, который соответствует
своей целевой аудитории, к таким относится: School, School Planer, Weeklie.
У всех есть расписание и им удобно пользоваться.
У всех аналогов присутствует информация о предмете: название,
номер аудитории, ФИО преподавателя.
Приложение School анимировано. Выглядит интересно, что
безусловно понравится школьникам (см. Глава 1, 1.2., 1.2.1. Информация об
аналогах, анализ структуры и графического оформления).
54
ГЛАВА 2. ПРОЕКТНО-ГРАФИЧЕСКАЯ
2.1. Разработка графической концепции
2.1.1. Ментальная карта
Для дальнейшей разработки, необходимо выявить опорные «точки», на
которых будет основываться создание дизайн концепции для мобильного
приложения-органайзера в этом поможет ментальная карта (см. рис.2.1.).
Приложение для студентов в первую очередь связано с учебой и студентами.
Если углубиться в данные слова, то учеба – знания, которые помогут развить
необходимые навыки. Также учеба – наука, которая в свою очередь связана с
технологиями, чем современнее, тем лучше, наука, изучая разные аспекты
приводит к тому, что необходимо изобрести что-то новое, что поможет
человечеству.
Студент ассоциируется с постоянным движением, имеется в виду не
только физическое, но также и умственное. От этого пришло следующие слово
– активность, которая строиться по тому же принципу. Различные фильмы и
сериалы и также из рассказов, показали, что развлечения неотрывно связано
со студентами. Данные ключевые моменты перешли в Moodboard.
Рис.2.1. Ментальная карта для мобильного приложения
2.1.2. Мудборд
Благодаря Moodboard можно визуализировать ключевые моменты,
которые вышли из ментальной карты (см. рис.2.2.). В итог ментальной карты
55
были следующие слова: технологии, знания, помощь и активность.
Необходимо было подумать, как визуализированы эти слова. Были изучены
разные снимки, которые показали в интернете из поиска.
Технологии показывают разные компьютерные системы (материнская
плата или двоичный код). Цвета по большей части один и те же: голубой,
синий, бирюзовый и белый.
Знания показывают мозг человека, книги и лампочка, которая в свою
очередь символизирует идеи, совокупность знаний и их применение. Цвета
разнообразные и в них присутствует перечисленные выше.
Помощь показывает с разных сторон, медицинскую, психологическую и
поддержку. Больше всего подошли руки, которые символизируют поддержку.
Цвета также различные, но больше присутствует голубой цвета.
Рис.2.2. Мудборд для мобильного приложения-органайзера
2.2. Разработка знака для мобильного приложения
2.2.1. Нейминг
Необходимо определиться с названием для мобильного приложения-
органайзера. Благодаря ментальной карте, удалось выявить опорные точки
развития, которые можно и должны использоваться в разработке. Внимание
56
привлекло слово «помощь». Приложение должно помогать студентам в
повседневной, учебной жизни. Отсюда вышло следующее: помощник,
помогатор.
Слово выглядят громоздкими и воспринимаются по-разному. Так,
например, слово «помогатор» ассоциируется у людей с мультфильмом
«Фиксики». А слово «помощник» воспринимают как: робот, инновациями;
игровой персонаж.
Необходимо подстроить название для молодежи. Ведь оно не будет
вписано (в иконке для скачивания приложения) и поэтому выделиться
шрифтом не получится. Сейчас молодёжь использует сленг, это считается
модным. Некоторые слова перешли к нам с запада, но их используют и пишут
на русском.
Так, например, слова: хейтер, хелп, хайп. Из-за этого было принято
решение узнать, как слово звучит и пишется на иностранном языке. Помощник
– Helper (хелпер). Слово понравилось, оно по написанию меньше занимает
места и от него веет более современным взглядом.
2.2.2. Разработка эскизов знака
Для моего приложения необходимо разработать иконку, знак, который
будет использоваться для идентификации. Нужно было определиться с идеей,
заложенной в знаке: помощь, технологии и знания (см. рис.2.3.).
Книга и лампочка должны были показать знания и технологии, но
самого главного слова «Помощь» в них не было. Тогда было решено взять за
основу «Помощь», символом служила рука. Образ должен носить в себе
спокойствие, надежность то, что будет все в порядке. Из разных задумок была
выбрана рука, обозначающая «ОК».