slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
IRAR PowerPoint Presentation
Download Presentation
IRAR

Loading in 2 Seconds...

play fullscreen
1 / 43

IRAR - PowerPoint PPT Presentation


  • 164 Views
  • Uploaded on

IRAR. Построение интерфейсов. Модели пользовательского интерфейса. Пользователи как часть компьютерных систем Задачи пользователя Различные люди — различные стили Модели как метафоры. Создание графического интерфейса. Ожидания пользователя Стандарты Предотвращение ошибок

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'IRAR' - cahil


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1
IRAR

Построение интерфейсов

slide2
Модели пользовательского интерфейса

Пользователи как часть компьютерных систем

Задачи пользователя

Различные люди — различные стили

Модели как метафоры

slide3
Создание графического интерфейса
  • Ожидания пользователя
  • Стандарты
  • Предотвращение ошибок
  • Распознавание важнее, чем запоминание
  • Гибкость
  • Простота и минимализм
  • Справочная информация
slide4
Психология пользователя

Восприятие и внимание

Кратковременная память

Долговременная память

slide5
Восприятие
  • Базируется на опыте
  • На контексте
  • На поставленных целях
slide6
Восприятие

А

I2 I3 I4

С

slide9
Наше зрение распознает структуру информации

Единство

Сходство

Непрерывность

Целостность

Симметрия

Типичные образы

slide18
Цветовосприятие (3)

- Посещенные и непосещенные ссылки

- Дизайн для дальтоников

- Насыщенность и контрастность

slide20
Периферийное зрение (2)

- Куда смотрит пользователь?

- Где ошибка?

- Выделена ли ошибка?

- Использованы ли метафоры для ошибки?

- Варварские методы:

Звуковые сигналы, попапы, анимация

slide21
Кратковременная память

3-7 несвязанных меж собой объекта

Новые вытесняют старые

Разбиение информации на части

Повтор информации

slide22
Несовершенство кратковременной памяти

1. Скажите ваш телефонный номер наоборот

2. Запомните слова: утка, лето, сигнал, петрушка, колокольня, игра

3. Запомните слова: утка, гусь, птица, клюв, чайка, воробей

slide23
Долговременная память

Мнемотехника

Подсказки

slide24
Упражнения для долговременной памяти

1. Каким был ваш прошлый телефонный номер?

2. Воспроизведите последовательность слов из прошлого примера: утка...

slide25
Итак:

1. Проще узнать, чем вспомнить

2. Проще помнить цели, а не задачи

3. Пользователь не должен думать

4. Пользователь выбирает известный путь, даже если он и самый длинный

5. Структурированная информация, иерархия данных

6. Догадаться проще, чем посчитать

slide26
Человек оперирует целями

Цель: купить учебник по НТМL.

1. Найти сайт книжного магазина.

2. Найти литературу по веб-дизайну.

3. Найти нужную книгу.

4. Добавить в корзину

5. Оформить покупку

6. Оплатить покупку

slide31
Цель достигнута

Предупредить пользователя

Вернуть систему в исходное состояние

slide32
Правила проектирования пользовательского интерфейса

Хансен:

Знать пользователя

Сократить запоминание

Оптимизировать операции

Устранить ошибки

slide33
Правило 1

Дайте контроль пользователю

Гибкость управления

Прерываемость

Помощь

Возможность обратимых дейстий

Возможность обратной связи

Ориентировка

Доступность при различной подготовке

Интуитивно-понятный интерфейс

Интерфейс по вкусу

Интерактивность

slide34
Правило 2

Уменьшить нагрузку на память пользователя

Не нагружать кратковременную память

Полагаться на распознавание, а не повторение

Визуальные подсказки

Отмена последнего действия

Ярлыки и горячие клавиши

Синтаксис действий с объектами

Метафоры

Помощь

slide35
Правило 3

Сделать интерфейс совместимым

Стандартные окна

Навигация

Визуальная преемственность

slide36
Командные строки и меню

Интерфейс командной строки

Интерфейс меню

Полноэкранный

Панели

Палитры

Контекстное

slide37
GUI

1962 Scetchpad

Apple Macintosh

Мышь — 60-70-е годы

1973 - Xerox ALTO

gui 2
GUI (2)

Окна

Меню

Иконки

Позиционирующее устройство

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

Коллективный подход

slide40
1 этап

Сбор и анализ информации

Определение профиля пользователей

Анализ задач

Сбор требований

Анализ рабочей среды пользователей

Анализ требований

slide41
2 этап

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

Сценарий действий пользователей и их задач

Определение объектов и операций

Отношения между объектами

Визуальные представления объектов

Меню и окна

slide42
3 этап

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

Прототипирование и итерации

slide43
4 этап

Тестирование