Презентація до відкритого заняття СКЛАДОВІ ЧАСТИНИ ПРОГРАМНОГО ІНТЕРФЕЙСУ. ЕЛЕМЕНТИ УПРАВЛІННЯ
Презентація до відкритого заняття СКЛАДОВІ ЧАСТИНИ ПРОГРАМНОГО ІНТЕРФЕЙСУ. ЕЛЕМЕНТИ УПРАВЛІННЯ
Дисципліну «Людино-машинний інтерфейс» студенти коледжу вивчають в останньому семестрі на останньому курсі. Створення якісного людино-комп’ютерного інтерфейсу, який можна назвати точкою зв’язку між людиною і комп’ютером, є кінцева мета вивчення цієї дисципліни.
Метою вивчення дисципліни є формування у студентів теоретичних знань та практичних навичок з організації та проектування людино-машинного інтерфейсу.
Завдання дисципліни: навчити студентів проектуванню користувацького інтерфейсу з урахуванням вимог користувача, правил ергономіки за умови ефективної роботи системи та надати основні навички по створенню такого інтерфейсу.
Вивчення предмета базується на знаннях, які отримали студенти з основ інформатики, основ програмування, комп’ютерних мереж і проводиться у зв’язку з предметами спеціального циклу: «Основи програмної інженерії», «Конструювання програмного забезпечення», «Інструментальні засоби візуального програмування».
Організація вивчення передбачає ознайомлення з основами, правилами та особливостями проектування та побудови людино-машинного інтерфейсу на основі аналізу вимог користувача та можливостей системи.
Заняття за темою «Складові частини програмного інтерфейсу. Елементи управління» (2 години) систематизує, узагальнює знання та вміння студентів вірно розташовувати елементи меню та вікон на них та придавати візуальному інтерфейсу естетичного дизайну та логічно завершеного виду. Від дизайну інтерфейсу програмного продукту залежить зручність використання програми, підвищує ефективність роботи з нею, що в кінцевому підсумку призводить до успіху розробленого додатка. У користувача повинно бути повне розуміння для чого призначений той чи інший елемент керування. Які елементи активні і неактивні, які можна переміщати, а які ні і т.п. Добре розроблений інтерфейс легко і швидко запам’ятовується користувачем. Варто знати, що нехтування візуальним оформленням програми призводить до того, що додаток виглядає непрофесійно, робота з нею незручна, що веде до подразнення користувача і осуд розробника.
Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Просмотр содержимого документа
«Презентація до відкритого заняття СКЛАДОВІ ЧАСТИНИ ПРОГРАМНОГО ІНТЕРФЕЙСУ. ЕЛЕМЕНТИ УПРАВЛІННЯ »
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ УКРАИНЫ МАРИУПОЛЬСКИЙ МАШИНОСТРОИТЕЛЬНЫЙ КОЛЛЕДЖ ГОСУДАРСТВЕННОГО ВЫСШЕГО УЧЕБНОГО ЗАВЕДЕНИЯ «ПРИАЗОВСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
Составные части программного интерфейса. Элементы управлениячеловеко-машинный интерфейс
Преподаватель Галла М.В.
План занятия
Меню
Окно
Типы меню Устройство меню Группировка элементов
Типы меню
Устройство меню
Группировка элементов
Типы окон Элементы окна Вкладки
Типы окон
Элементы окна
Вкладки
В результате изучения темы студенты должны:
знать :
уметь:
основные принципы разработки интерфейса пользователя;
свойства человеко-машинного интерфейса;
приоритетные направления применения приобретенных знаний в своей специальности.
применять приобретенные знания в учебном процессе и на производстве;
анализировать и проектировать качественный человеко-машинный интерфейс;
разрабатывать программное обеспечение в соответствии с основами деятельности, поведения и ментальной специфики пользователя.
Начальные сведенияо курсе, а также книги (пособия) и материалы, необходимые для занятия/проекта.
Литература
Основная
1 Ганеев, Р. Проектування інтерфейсу користувача засобами Win32 API / Р. Ганеев. - 2-е вид. - М: Гаряча Лінія - Телекому, 2007. - 360 с.
2 Гультяев, А. Проектування та дизайн користувальницького інтерфейсу / А. Гультяев, В. Машин. - 2-е вид. - СПб .:КОРОНА-принт, 2007. - 352 с.
3 Мандел, Т. Дизайн інтерфейсів / Т. Мандел. - М: ДМК 2005. - 416 с.
4 Тідвелл, Дж. Розробка користувальницького інтерфейсу / Дж. Тідвелл. - СПб .: Питер, 2008. - 416 с.
5 Флоренсов, А. Програмування для графічного інтерфейсу. Семантичний підхід: навч. посібник / А. Флоренсов. - Омськ: Видавництво ОмГТУ. - 2003. - 128 с.
Дополнительная
Дополнительная
6 Раскін, Дж. Інтерфейс: нові напрямки в проектуванні комп'ютерних систем / Дж. Раскін. - СПб: Символ-Плюс, 2003. - 272 с.
7 Торрес, Р. Практичний посібник з проектування та розробки користувальницького інтерфейсу / Р. Торрес. -М: Вільямс, 2002. - 400 с.
8 Історія створення і розвитку графічного інтерфейсу користувача. Електронний ресурс http://toastytech.com/guis/guitimeline.html. Вільний доступ. Мова англійська
Введение
Интерфейс пользователя - совокупность средств, с помощью которых пользователь общается с разными программами и устройствами.
Хорошо разработанный и оформленный интерфейс всегда выглядит просто, аккуратно и понятным с первого взгляда.
Пренебрежение визуальным оформлением программы приводит к тому, что дополнение выглядит непрофессионально, работа с ней неудобная, что ведет к раздражению пользователя и осуждению разработчика.
Перечень используемых терминов.
Самостоятельная работа Тема «Критерии качества интерфейса» Тест
Тестовые вопросы могут содержать один и более правильных ответов.
Если отмечены не все правильные ответы, балл за вопрос не зачитывается.
4. Верно ли утверждение – Любое физическое действие, совершаемое с помощью мускулатуры, может одновременно быть и точным и быстрым.
1. Перечислить основные критерии качества интерфейса
а) Да; б) Нет.
а) Скорость работы пользователей;
б) Количество человеческих ошибок;
5. Потеря фокуса внимания связана:
в) Скорость обучения пользователя;
а) С тем, что у человека есть несколько фокусов внимания;
б) С тем, что у человека один фокус внимания;
г) Эргономичность и читаемость;
в) С наличием внешних отвлекающих факторов;
д) Субъективное удовлетворение пользователей;
г) С неработоспособностью программы.
е) Надежность и корректность.
2. Перечислить типы ошибок
6. Взаимодействие пользователя с системой состоит из нескольких шагов, сколько этих шагов:
в) Избегать острых углов в визуальном оформлении интерфейса;
3. Верно ли утверждение – Время достижения цели обратно пропорционально размеру цели и дистанции до цели
г) Стараться сделать интерфейса максимально более легким и воздушным;
а) Да;
д) Избегать большого количества повторяющихся элементов.
б) Нет.
Начальные сведенияо курсе, а также книги (пособия) и материалы, необходимые для занятия/проекта.
Ключ к тесту
Критерии оценивания
№вопроса
Правильные ответы
1
а), б), в), д)
2
а), в), г), д)
3
а)
4
б)
5
б), в), г).
6
7
д)
а), в), д)
Оценка
Кол-во
«5»
правильных ответов
7
«4»
5-6
«3»
4
«2»
План расписания для дополнительных сроков/целей.
Вопросы для повторения изученного материала
1 Полосы прокрутки, ползунковый регулятор, крутилки.
2 Кнопки и их оформление. Состояния кнопок.
3 Чекбоксы и радиокнопки. Взаимодействие с ними.
4 Списки. Виды списков. Комбобокси.
5 Поля ввода и требования к ним.
Методика проведения и этапы или слайд лекции с аудиовизуальным сопровождением.
Полосы прокрутки, ползунковый регулятор, крутилки
Ползунковый регулятор
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
Крутилка
Компоненты полосы прокрутки
Меню. Типы меню
1 таксономия
2 таксономия
Статистические меню
Меню, разворачивающееся в пространстве
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
Динамические меню
Меню, разворачивающееся во времени
9
Меню. Устройство меню
Название. Самое эффективное из возможных. Понятно целевой аудитории.
Пиктограммы. Обучают пользователей. Снабжать пиктограммами только самые важные элементы.
Переключаемые элементы. Помещать перед ними галочку или пиктограмму.
Предсказуемость действий. По виду элемента пользователь должен догадываться что произойдет после выбора.
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
9
Меню. Группировка элементов
Чтобы уметь эффективно группировать элементы в меню, нужно знать ответы на три вопроса: 1 Зачем элементы в меню нужно группировать? 2 Как группировать элементы? 3 Как разделять группы между собой?
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
9
Контекстное меню
Преимущество контекстных (всплывающих) меню заключается в том, что они полностью встраиваются в контекст действий пользователей: не нужно переводить взгляд и курсор в другую область экрана, практически не нужно прерывать текущее действие для выбора команды. При этом они не занимают места на экране, что всегда ценно. С другой стороны, из-за того, что они не находятся всё время на экране, они практически неспособны чему-либо научить пользователя.
Не делайте контекстные меню единственным способом вызова какой-либо функции
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
9
Окна. Типы окон
главные окна программы
окна документа
режимные диалоговые окна
безрежимные диалоговые окна
палитры
окна браузера
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
9
Окна. Элементы окна
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
Самое большое окно есть окно программы. Внутри него два окна документов, в более свежих версиях Word их уже нет. Слева сверху располагается режимное диалоговое окно (Абзац), под ним справа – безрежимное (Найти и заменить). Слева внизу располагается палитра. Сверху и справа две панели инструментов (бывшие палитры).
9
Панели инструментов
Все панели имеют следующие достоинства:
- они позволяют пользователям быстро вызывать нужные функции мышью
- они позволяют пользователям меньше задействовать память
- они повышают визуальное богатство интерфейса
- они ускоряют обучение работе с системой (по сравнению с раскрывающимся меню) благодаря своей большей наглядности.
Недостаток: занимают много места на экране, так что поместить в них всё, что хочется, невозможно.
Панель инструментов нежелательно делать единственным способом вызова функции
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
9
Читаемое окно
Окно должно читаться, как текст
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
Пример читаемого окна. Читается он следующим образом: «Текст выравнивается по левому краю, уровень пятый, отступ слева 3 см, справа 0 см, первая строка нет, на .. и так далее».
9
Окна. Вкладки
Окно должно читаться, как текст
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
9
Итоги занятия
Подвели итоги по теме «Критерии качества интерфейса»
Вспомнили ранее рассмотренные понятия:
Полосы прокрутки, ползунковый регулятор, крутилки Кнопки и их оформления. Состояния кнопок. Чекбокси и радиокнопки. Взаимодействие с ними. Списки. Виды списков. Комбобокси. Поля ввода и требования к ним.
Полосы прокрутки, ползунковый регулятор, крутилки
Кнопки и их оформления. Состояния кнопок.
Чекбокси и радиокнопки. Взаимодействие с ними.
Списки. Виды списков. Комбобокси.
Поля ввода и требования к ним.
Изучили элементы управления программного интерфейса:
Изучили элементы управления программного интерфейса:
Меню. Типы меню. Устройство меню. Группировка элементов. Окна. Типы окон. Элементы окна. Вкладки.
Меню. Типы меню. Устройство меню. Группировка элементов.
Окна. Типы окон. Элементы окна. Вкладки.
Заключение по курсу, лекции и др.
9
Заключение
Цель создания эргономичного интерфейса заключается в том, чтобы отобразить информацию настолько эффективно насколько это возможно для человеческого восприятия и структурировать отображение на дисплее таким образом, чтобы привлечь внимание к наиболее важным единицам информации. Необходимо минимизировать общую информацию на экране и представить только то, что является необходимым для пользователя.
Заключение по курсу, лекции и др.
9
Домашнее задание
Подготовиться к самостоятельной работе по теме «Составные части программного интерфейса. Элементы управления»:
Окна;
Меню;
Кнопки.
Ознакомится с понятиями:
Основные этапы разработки
Первоначальное проектирование
Создание прототипа
В тетрадь дать ответ на вопрос:
Тестирование и модификация прототипа
Желающие получить дополнительную оценку могут подготовить реферат
на тему: «Процесс разработки интерфейса»
Цели обучения и ожидаемые умения и навыки, вырабатываемые в ходе обучения.
