Разделы презентаций


Принципы разработки пользовательского интерфейса

Содержание

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

Слайды и текст этой презентации

Слайд 1Принципы разработки пользовательского интерфейса

Принципы разработки пользовательского интерфейса

Слайд 2Ясность
Интерфейс должен быть узнаваемым, а его назначение — очевидным для

пользователя.
Люди должны понимать, с чем они взаимодействуют через интерфейс.
Процесс взаимодействия

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

Слайд 3взаимодействие
Интерфейсы выполняют конкретные задачи, их эффективность измерима

взаимодействиеИнтерфейсы выполняют конкретные задачи, их эффективность измерима

Слайд 4Удержать внимание любой ценой
Не нужно замусоривать боковую панель приложения отвлекающими

картинками … помните о ключевом назначении интерфейса

Удержать внимание любой ценойНе нужно замусоривать боковую панель приложения отвлекающими картинками … помните о ключевом назначении интерфейса

Слайд 5Дайте пользователям ощущение контроля
Регулярно информируйте их о состоянии системы, покажите

причинно-следственные связи (если сделать это, будет то) и подскажите, чего

ожидать на каждом этапе. Не бойтесь повторять очевидные вещи … очевидность вообще относительное понятие
Дайте пользователям ощущение контроляРегулярно информируйте их о состоянии системы, покажите причинно-следственные связи (если сделать это, будет то)

Слайд 6Прямое управление — лучший вариант
Стремитесь к прямому управлению … спроектируйте

максимально естественный интерфейс, словно его не касалась рука человека

Прямое управление — лучший вариантСтремитесь к прямому управлению … спроектируйте максимально естественный интерфейс, словно его не касалась

Слайд 7Один экран — одно основное действие
Экраны, в которых заложено два

или более основных действий, быстро сбивают с толку

Один экран — одно основное действиеЭкраны, в которых заложено два или более основных действий, быстро сбивают с

Слайд 8Пусть второстепенные действия выглядят как второстепенные
Смысл существования вашей статьи не

в том, чтобы люди могли поделиться ею в Твиттере… смысл

в том, чтобы люди ее прочли и поняли
Пусть второстепенные действия выглядят как второстепенныеСмысл существования вашей статьи не в том, чтобы люди могли поделиться ею

Слайд 9Подскажите логичный следующий шаг
Предположите, каким должно быть следующее взаимодействие с

интерфейсом — и спроектируйте этот сценарий

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

Слайд 10Внешний вид соответствует поведению
Сначала функция, потом форма

Внешний вид соответствует поведениюСначала функция, потом форма

Слайд 11Вопрос согласованности
Если элементы работают одинаково, то и выглядеть должны одинаково

Вопрос согласованностиЕсли элементы работают одинаково, то и выглядеть должны одинаково

Слайд 12Сильная визуальная иерархия работает лучше всего
Сильная визуальная иерархия — это

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

на экране
Сильная визуальная иерархия работает лучше всегоСильная визуальная иерархия — это когда пользователю понятно, в каком порядке следует

Слайд 13Толковая организация снижает когнитивную нагрузку
 Когда элементы на экране организованы с

умом, то даже если их много, все выглядит очень лаконично

Толковая организация снижает когнитивную нагрузку Когда элементы на экране организованы с умом, то даже если их много, все выглядит

Слайд 14Используйте цвет для расстановки акцентов — но не как главную

отличительную черту
В реальном мире цвет — это совокупность множества оттенков,

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

Слайд 15Поэтапное раскрытие информации
Не стоит пускаться в лишние подробности или стараться

рассказать все и сразу

Поэтапное раскрытие информацииНе стоит пускаться в лишние подробности или стараться рассказать все и сразу

Слайд 16Органично встройте помощь в интерфейс
Просто встройте помощь там, где она

может потребоваться … только убедитесь, что ваши подсказки не мешают

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

Слайд 17Решающий момент: пустое состояние
Пустое состояние — это не просто пустой

экран … на этом этапе важно направить пользователя, подсказать, как

использовать дизайн максимально эффективно
Решающий момент: пустое состояниеПустое состояние — это не просто пустой экран … на этом этапе важно направить

Слайд 18Отличный дизайн невидим
Любопытная черта отличного дизайна — пользователи обычно не

замечают его. Одна из причин в том, что в контексте

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

Слайд 19Примените в работе все направления дизайна
Не надо относиться к другим

дисциплинам высокомерно или бороться за сферы влияния: просто берите из

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

Слайд 20Интерфейсы существуют, чтобы ими пользовались
Интерфейс должен не только льстить вашему

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

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

Слайд 21Домашнее задание:
Выбрать один из перечисленных пунктов и написать реферат.
Прислать

его на почту yurganova174@mail.ru
Написать от кого!

Домашнее задание: Выбрать один из перечисленных пунктов и написать реферат.Прислать его на почту yurganova174@mail.ruНаписать от кого!

Слайд 22Спасибо за внимание!

Спасибо за внимание!

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика