- •1. Интерфейс между человеком и машиной. Эргономика. Основные определения.
- •2. Графический пользовательский интерфейс. Основная аксиома гип. Основные принципы построения.
- •3. Типы программных систем. Особенности построения пользовательского интерфейса для каждого из них. Примеры.
- •4. Особенности представления текстовой информации. Виды текста. Типографика.
- •5. Особенности оформления текста. Типы выделений текста. Выравнивание и пробелы. Особенности восприятия цвета.
- •6. Основное правило, регулирующее набор текста. Представление длинного текста. Специальные символы и их применение.
- •7. Принципы построения качественного интерфейса пользователя. Основной закон простоты. Идеальная техническая система.
- •8. Критерии эргономичности интерфейса пользователя. Производительность человека и компьютера. Методы повышения производительности.
- •9. Метафоры, идеомы, аффорданнсы, стандарты. Особенности. Примеры. Применение.
- •Метафора
- •Аффорданс
- •Стандарт
- •10. Ограничение принятия решений пользователем. Основные принципы. Закон Хика и его следствия.
- •Непосредственное манипулирование
- •Потеря фокуса внимания (прерывание)
- •11. Длительность физических действий пользователя. Особенности. Закон Фитса и его следствия.
- •Закон Фитса
- •Методы повышения доступности кнопки
- •Уменьшение числа манипуляций
- •Уменьшение необходимости ввода данных
- •Память программы
- •12. Длительность реакции системы. Поведение системы при выполнении длительных заданий. Фоновый режим работы.
- •Фоновый режим выполнения задач
- •13. Обучение работе с системой. Обучающие и справочные материалы, их типы. Спиральность.
- •Средства обучения
- •Обучающие материалы Типы обучающих материалов
- •Среды передачи обучающих материалов
- •Спиральность
- •14. Субъективная удовлетворённость интерфейсом. Сообщения об ошибках и событиях. Принципы и рекомендации по уменьшению вероятности стрессовых ситуаций.
- •Эстетика
- •Субъективное восприятие скорости работы
- •Приемы для уменьшения субъективного восприятия
- •Уменьшение вероятности стрессовых ситуаций
- •Сообщения об ошибках
- •Каким должно быть сообщение об ошибке
- •15. Юзабилити-тестирование. Методы и принципы тестирования пользовательского интерфейса.
3. Типы программных систем. Особенности построения пользовательского интерфейса для каждого из них. Примеры.
Особенностей построения пользовательского интерфейса не нашёл нигде, в лекциях он давал особенности самого ПО, а не построения его интерфейса. Примеры тоже непонятно какие должны быть.
Типы:
Встроенное программное обеспечение
Внутреннее корпоративное ПО
Массовое (коробочное) ПО
Игры
Одноразовые программы
Особенности.
Встроенное ПО.
Прочно связано с железом
Редко обновляется – «второго шанса не будет»
Требует оптимизации кода
Средства ввода-вывода ограничены
Нет общепризнанного стандарта элементов интерфейса
Внутреннее корпоративное ПО.
Ограниченный круг пользователей
Высокие требования к срокам разработки
Однородное программное окружение
Вне зависимости от качества ПИ, пользователям придется к нему привыкнуть
Массовое ПО.
Очень большое количество пользователей
Высокая конкуренция
Множество вариаций программного окружения
Интерфейс должен быть максимально простым
Много версий («в следующей версии сделаем лучше»)
Игры.
Только одна версия! Второго шанса не будет!
Рынок ориентирован на хиты
Дизайн имеет решающее значение
Массовая аудитория очень похожих пользователей
Можно ограничивать требования к аппаратному и программному окружению
Одноразовые программы.
Создается временно для решения конкретной небольшой задачи
Обычно используется всего один раз
Интерфейс не имеет значения
Примеры: скрипты, макросы
4. Особенности представления текстовой информации. Виды текста. Типографика.
Виды текста:
Текст для сплошного чтения
Текст для выборочного чтения
Сплошное чтение – когда длинный связный текст читается спокойно и равномерно от начала до конца. Особенности: внимание читателя обращено только на смысл; текст должен быть максимально удобочитаем; выделения должны быть малоконтрастны, иначе они усложняют сплошное чтение.
Особенности: внимание читателя обращено только на смысл; текст должен быть максимально удобочитаем; выделения должны быть малоконтрастны, иначе они усложняют сплошное чтение.
Выборочное чтение – чтение отрывками для поиска и отбора нужной информации.
Особенности: должна быть развитая система ориентирования: рубрикация и навигационный аппарат; важные места выделены.
Типографика – графическое оформление печатного текста посредством набора и вёрстки с использованием норм и правил, специфических для данного языка.
Грамотное типографическое решение обязательно предполагает:
Соответствие облика текста его сути (содержанию текста, его истории и характеру)
Функциональное решение (создание максимального удобства для читателя)
Продуманное функциональное решение обычно бывает красиво само по себе и не скучно.
5. Особенности оформления текста. Типы выделений текста. Выравнивание и пробелы. Особенности восприятия цвета.
Выравнивание и пробелы – что это? Если кто-то знает, дополните здесь.
Перед оформлением текста, в первую очередь нужно представить себе, для чего данный текст предназначен и на какое восприятие рассчитан.
Текст для сплошного чтения
Текст для выборочного чтения
Самое простое правило, регулирующее набор текстов, в том числе и для веб-страниц: каждый знак текста должен функционально соответствовать своему предназначению, а не подменять собой другие и не подменяться другими.
Некоторые следствия: тире нельзя подменять дефисом; знак номера нельзя подменять буквой N; русские кавычки не должны подменяться машинописном суррогатом; букву ё незачем подменять буквой е.
Компьютер – не печатная машинка, и всегда можно указать кодировку, в которой текст будет загружаться на экран. Следовательно, все указанные символы доступны для употребления. Их неупотребление – свидетельство лени.
Удобочитаемость – характеристика длинных текстов, предназначенных для сплошного чтения, и шрифтов для набора таких текстов.
Читатель не должен слишком напрягать глаза при чтении
Текст не может быть слишком мелким и должен заметно, но не чересчур, отличаться от фона.
Шрифт – самый нейтральный и незаметный.
Различимость – свойство текста и шрифта, особенно важное для восприятия в нестандартных условиях: с большого расстояния, при слабом освещении, за очень короткое время.
Надпись должна быть достаточно крупной, а буквы очень ясной формы и максимально отличаться друг от друга.
Заметность – важна в тексте, который должен привлекать к себе внимание.
Для этого нужно сделать текст непривычно выглядящим: крупный кегль, цвет, выделительное начертание, гарнитура шрифта. Используется в рекламе, плакатах, заглавиях. Длинные тексты так лучше не набирать.
Типы выделений текста:
Выделение полужирным начертанием
Выделение курсивным начертанием
Выделение вывороткой
Выделение капителью
Выделение подчёркиванием
Выделение кеглем
Выделение шрифтом
Выделение написанием заглавными буквами
Выделение написанием каждого слова с заглавной буквы
Особенности восприятия цвета.
Некоторые цветовые комбинации привлекают внимание сильнее других, например: красное с белым, чёрное с жёлтым, красное с желтым, красное с зелёным.
Употребление большого количества выделений подобного рода утомляет читателя.
Из интернета:
Цвет может улучшить интерфейс пользователя, но для многих систем использование цвета практически не влияет на эффективность работы пользователя. Основное назначение цвета - в создании интерфейсов, более интересных для пользователей. Однако, имеются случаи, где цвет может помочь проектировщику интерфейса пользователя. Это наиболее эффективно когда цвет используется для: группировки информации; выделения различий между информацией; выделения простых сообщений (ошибки, состояния и т.д.)
Цвет – мощный визуальный инструмент, его необходимо использовать очень острожно, чтобы не вызвать дискомфорта у пользователя ошибочными цветовыми комбинациями.
Некоторые принципы использования цвета:
для неактивных элементов нужно использовать бледные цвета;
если цвет используется для кодировки информации, удостовериться, что пользователь правильно понимает код
необходимо использовать цвета согласно представлениям пользователя, например, для картографа зеленый - лес, желтый - пустыня, синий - вода. Для химика, красный -горячий, синий – холодный;
для отображения состояния: красный = опасность/стоп, зеленый = нормально/продолжение работы, желтый = предостережение;
для привлечения внимания наиболее эффективны белый, желтый и красный цвета;
Важно отметить, что около 9% людей не различают цвета, (обычно красной - зеленые сочетания). Однако, эти люди могут отличать черно-белые оттенки, поэтому проектировщики автоматизированных систем должны проверять, не нарушает ли восприятие пользователей этой категории использование различных цветов в интерфейсах программных продуктов .