Воздействие анимации на пользовательский опыт в мобильных интерфейсах мобильного приложения для облачного хранения данных

Сентябрь 15, 2022

Главная
Информатика
Воздействие анимации на пользовательский опыт в мобильных интерфейсах мобильного приложения для облачного хранения данных

Содержание

2. Цель и задачи Цель: Проанализировать особенности дизайна мобильных приложений; Изучить методы и средства для создания анимированного
3. Актуальность Количество мобильных приложений с каждым годом увеличивается. Поскольку приложения базируются на взаимодействии с пользователями, то
4. Концепция и референсы Переходы состояний Подкрепление Микроанимация элементов
5. Разработка документации Анализ персон Анна, 24 года Фотограф Пользуется социальными сетями для поиска клиентов, иногда ищет
6. Разработка документации Сравнительный анализ облачных хранилищ Критерии сравнения: 1. Регистрация 2. UI 3. Навигация 4. Работа
7. Разработка документации User flow
8. Разработка интерфейса Wireframe Сетка 5 колонок ширина колонки 50 px расстояние 20 px
9. Wireframe
10. Цвета, шрифты и иконки Цвета: Иконки: Шрифты: Для заголовков Для Android Для iOS
11. Логотип и иллюстрации Логотип: Иллюстрации:
12. Mockup
13. Десктопная версия интерфейса
14. Разработка прототипа Анимация переходов: Переходы между страницами Всплывающие окна Изменение состояния
15. Разработка прототипа Микроанимация элементов: Анимация кнопок Вспомогательная иллюстрация Драйверы
17. Скачать презентацию

Слайд 2

Цель и задачи
Цель:
Проанализировать особенности дизайна мобильных приложений;
Изучить методы и средства для

создания анимированного мобильного интерфейса;
Провести сравнительный анализ существующих приложений облачных хранилищ;
Создать интерактивный прототип мобильного интерфейса;
На основе предыдущего опыта, внедрить анимированные переходы в созданный прототип;
Протестировать созданный прототип на целевой аудитории;

выяснить, какую роль играет анимация в интерфейсах мобильных приложений

Задачи:

Слайд 3

Актуальность
Количество мобильных приложений с каждым годом увеличивается. Поскольку приложения базируются на

взаимодействии
с пользователями, то роль дизайна в этой области крайне важна. Одним методов, помогающим улучшить опыт взаимодействия пользователя с интерфейсом является внедрение и грамотное использование анимации.

Объем мирового рынка мобильных приложений
за 2016-2018 гг. (млрд. USD)

Слайд 4

Концепция и референсы
Переходы состояний
Подкрепление
Микроанимация элементов

Слайд 5

Разработка документации
Анализ персон
Анна, 24 года
Фотограф
Пользуется социальными сетями для поиска клиентов, иногда

ищет вдохновения для своих съемок в приложении Pinterest и подобных приложениях.

Возможность сортировать и делиться снимками с заказчиками, без потери качества фотографий, удобный и приятный для восприятия интерфейс

Потребность:

Анимированный интерфейс, позволяющий быстрее ориентироваться в приложении, логика сортировки документов, доступ к пометке документов другими пользователями

Решение:

Слайд 6

Разработка документации
Сравнительный анализ облачных хранилищ
Критерии сравнения:
1. Регистрация
2. UI
3. Навигация
4. Работа с

файлами
5. Дополнительные возможности

Слайд 7

Разработка документации
User flow

Слайд 8

Разработка интерфейса
Wireframe
Сетка 5 колонок
ширина колонки 50 px
расстояние 20 px

Слайд 9

Wireframe

Слайд 10

Цвета, шрифты и иконки
Цвета:
Иконки:
Шрифты:
Для заголовков
Для Android
Для iOS

Слайд 11

Логотип и иллюстрации
Логотип:
Иллюстрации:

Слайд 12

Mockup

Слайд 13

Десктопная версия интерфейса

Слайд 14

Разработка прототипа
Анимация переходов:
Переходы между страницами
Всплывающие окна
Изменение состояния

Слайд 15

Воздействие анимации на пользовательский опыт в мобильных интерфейсах мобильного приложения для облачного хранения данных

Содержание

Цель и задачиЦель:Проанализировать особенности дизайна мобильных приложений;Изучить методы и средства для

АктуальностьКоличество мобильных приложений с каждым годом увеличивается. Поскольку приложения базируются на

Концепция и референсыПереходы состоянийПодкреплениеМикроанимация элементов

Разработка документацииАнализ персонАнна, 24 годаФотографПользуется социальными сетями для поиска клиентов, иногда

Разработка документацииСравнительный анализ облачных хранилищКритерии сравнения:1. Регистрация2. UI3. Навигация4. Работа с

Разработка документацииUser flow

Разработка интерфейсаWireframeСетка 5 колонокширина колонки 50 pxрасстояние 20 px

Wireframe

Цвета, шрифты и иконкиЦвета:Иконки:Шрифты:Для заголовковДля AndroidДля iOS

Логотип и иллюстрацииЛоготип:Иллюстрации: