Приложение, которое напоминает вам, чтобы оставаться здоровым — исследование УБ


Приложение, которое напоминает вам, чтобы оставаться здоровым — исследование УБ

Проект был небольшой, учеба была большой.

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

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

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

  1. Генерация идей и возможностей
  2. Информационная Архитектура
  3. Каркасное
  4. Систем дизайн (цветовую гамму, типографику, структура)
  5. Окончательный Экраны
  6. Заключение

Генерация идей и возможностей

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

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

Так вот некоторые простые идеи и особенности я хочу, чтобы мой приложение, чтобы сделать.

Информационная Архитектура

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

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

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

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

Первая Попытка Информационной Архитектуры
Вторая попытка для информационной архитектуры

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

Окончательная Информационная Архитектура

Каркасное

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

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

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

Изначально я сделал мой ум, что я собираюсь использовать рекомендации по разработке материалов для моего приложения, так что я была очень влюблена кнопку плавающей действий, как это сердце материал дизайн приложение. Поэтому я создал 2 до 3 конструкция каркасов на это, думая, что мои действия добавление напоминания будет выступать в качестве плавающей кнопки действий(ВСБ).

Три итерации для проектирования пользовательского интерфейса пользователя.

Подумав о течение двух-трех дней, я понял, что я даю слишком большое значение для добавить напоминание, как потрясающий, как пользователь сначала будет добавить напоминания, но то, что после добавления напоминания, они просто не нужно, что добавить напоминание ФАБ на следующие 1, 2 или может 3 месяца, а по моим приложением концепции они могут быть заняты работой.

Окончательный каркас для экрана пользователя

И еще одно, если я бы выбрал ‘добавить напоминание’ мое основное действие то и мне придется сделать ‘делать покупки’ мое основное действие как оба имеют почти одинаковые требования от пользователя конечной точки. Поэтому я исключил понятие Fab из моего приложения и просто сделал значок плюс в правом углу на верхней панели и значок торгового также. И я тоже хотел создать больше пространства для контента, так как дает нижнюю панель приложения я бы взял обе верхние и ниже места снижения дополнить пространство для контента.

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

Поэтому я пошла на второй дизайн я.е вкладки версия для торговой части.

Два торговых пользовательского интерфейса каркасы(второй был хорошим и простота использования.)

После проверки конструкции каркасов, я создал целую комплектов каркасов для шоу мой поток приложения.

Каркасы.

Теперь время, чтобы сделать приложение красивым.

Систем дизайн (цветовую гамму, типографику, структура)

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

Для более ясного понимания моих ресурсов, я использовал открыть Sans шрифт как в нем есть много разных весов, как свет,обычный, полужирный, жирный и черный.

Система Дизайн.

Окончательный Экраны

После доработки ПО ТЕМЕ части приложения, я создал полный интерфейсы для каждой части моего приложения.

Вот некоторые из экране пользовательского интерфейса для

  1. Главная страниц пользовательского интерфейса
  2. добавление страниц пользовательского интерфейса напоминания
  3. Голосовые напоминания настройка интерфейса страницы
  4. Стартовые экраны УИС
  5. Магазины УИС

Три экрана: торговый интерфейс, экран пользователя и пустой государственной напоминание

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

Голосовое напоминание настройки пользовательского интерфейса.

Стартовые экраны пользовательского интерфейса.

Торговый экранов пользовательского интерфейса

Вы можете посмотреть все скрины по этой ссылке,

https://xd.adobe.com/view/136d98d8-4a8f-42e0-5977-d3d27544ab46-655c/

Заключение

После завершения дизайн-проекта есть некоторые вещи, которые я узнал, как

  1. Информационная архитектура-это настоящая душа любой продукт, будь то сайт, программа или приложение.
  2. Следующие или создавая определенные рекомендации всегда помогают в проекте в плане консистенции и быстрой разработки проекта.
  3. Каркасное-это этап, когда мы должны тратить много времени и творчества на этом этапе, чтобы обострить наши идеи ясными понятиями для нашего проекта и каркасное нас всегда есть шанс пойти вперед или назад.
  4. Наконец, создание дизайн-проекта с нуля может реально помочь любому дизайну новичку освоить процесс проектирования в лучшую сторону.

Так что это был первый дизайн-проект с нуля.

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

Если вам действительно понравилось ❤️ мой пост, я хотел бы иметь вашу оценку в виде хлопков. Просто нажмите на значок 👏

P. S: Я буду идти к реализации этого приложения в ближайшем будущем.

https://medium.com/media/a19f46680bac3cbdc42953c920d0c104/href


Приложение, которое напоминает вам, чтобы оставаться здоровым — это УБ исследование было первоначально опубликовано в УБ коллектива на средних, где люди продолжают разговор, выделение и реагирование на эту историю.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.