Файл: Разработка пользовательского интерфейса Что такое ui.pptx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 11.01.2024
Просмотров: 39
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Разработка пользовательского интерфейса
Что такое UI?
Интерфейс — общая граница между двумя функциональными объектами, требования к которой определяются стандартом; совокупность средств, методов и правил взаимодействия (управления, контроля и т. д.) между элементами системы. Пользовательский интерфейс (UI) — это «способ, которым вы выполняете какую-либо задачу с помощью какого-либо продукта, а именно совершаемые вами действия и то, что вы получаете в ответ»
Зачем нужен UI-дизайн
Программный интерфейс не только решает проблему взаимодействия с приложением, но и делает это взаимодействие максимально комфортным
Пример перегруженного интерфейса.
Пример «чистого» интерфейса.
Разработка UI-интерфейсов. Концепция
Пример мокапа
5. User Flow Diagram (карта экранов)
Разработка UI-интерфейсов
«Прототип — это наглядная модель пользовательского интерфейса. В сущности это функционирующий „черновик“ интерфейса, созданный на основе ваших представлений о потребностях пользователей»
Утверждение результата
Клиент оценивает результат, даёт комментарии и предложения, а мы при необходимости вносим правки. Имея на руках готовый дизайн и ТЗ, мы приступаем к разработке приложения.
Вывод
Поэтапное создание графического интерфейса приложений и сложных систем:
Что такое UI?
Интерфейс — общая граница между двумя функциональными объектами, требования к которой определяются стандартом; совокупность средств, методов и правил взаимодействия (управления, контроля и т. д.) между элементами системы. Пользовательский интерфейс (UI) — это «способ, которым вы выполняете какую-либо задачу с помощью какого-либо продукта, а именно совершаемые вами действия и то, что вы получаете в ответ»
Зачем нужен UI-дизайн
Программный интерфейс не только решает проблему взаимодействия с приложением, но и делает это взаимодействие максимально комфортным
Пример перегруженного интерфейса.
Пример «чистого» интерфейса.
Разработка UI-интерфейсов. Концепция
- Определение задачи.
- Исследование предметной области.
- Исследование аудитории и то, как она пользуется продуктом.
Пример мокапа
5. User Flow Diagram (карта экранов)
Разработка UI-интерфейсов
- Утверждение структуры.
- Выбор стиля UI.
- Согласование стиля.
«Прототип — это наглядная модель пользовательского интерфейса. В сущности это функционирующий „черновик“ интерфейса, созданный на основе ваших представлений о потребностях пользователей»
Утверждение результата
Клиент оценивает результат, даёт комментарии и предложения, а мы при необходимости вносим правки. Имея на руках готовый дизайн и ТЗ, мы приступаем к разработке приложения.
Вывод
Поэтапное создание графического интерфейса приложений и сложных систем:
- экономит время;
- структурирует всю работу;
- уменьшает вероятность дополнительных денежных вложений. Хорошо разработанный UI = благодарный пользователь = счастливый вы.