1. PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1 Анализ и Дизайн Систем Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman

2. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 2 Copyright © 2001 John Wiley & Sons, Inc. All rights reserved. Reproduction or translation of this work beyond that permitted in Section 117 of the 1976 United States Copyright Act without the express written permission of the copyright owner is unlawful. Request for further information should be addressed to the Permissions Department, John Wiley & Sons, Inc. The purchaser may make back-up copies for his/her own use only and not for redistribution or resale. The Publisher assumes no responsibility for errors, omissions, or damages, caused by the use of these programs or from the use of the information contained herein.

3. PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 3 Компоненты дизайна пользовательского интерфейса Глава 12

4. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 4 Основные определения Механизм навигации даёт пользователям возможность сообщить системе что делать Механизм ввода определяет как система получает информацию Механизм вывода определяет как система выдаёт информацию пользователям и другим системам

5. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 5 Основные определения Графический пользовательский интерфейс (GUI) это наиболее распространённый тип интерфейса, который большинство студентов использует для работы и разработки систем

6. PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 6 ДИЗАЙН НАВИГАЦИИ

7. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 7 Основные правила Подразумевайте что пользователи Не читали руководства Не посещали курсы обучения Не имеют быстрого доступа к сторонней помощи Все управление должно быть ясным и понятным, и располагаться на экране в интуитивно понятных местах.

8. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 8 Основные правила Предупреждайте ошибки Ограничивайте выбор Никогда не показывайте недоступные команды (или делайте их серыми) Подтверждайте действия, которые трудно или невозможно исправить Упростите устранение ошибок Используйте одни и те же грамматические формы

9. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 9 Типы контроля навигации Языки Командные языки Естественные языки Меню Обычное широкое меню Использование «горячих» клавиш Прямое управление Ярлык для запуска приложения Для выбора формы и размера объектов Может не быть интуитивно ясным для всех команд

10. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 10 Традиционное меню в системе UNIX

11. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 11 Распространённые типы меню

12. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 12 Пример карты изображения

13. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 13 Типы меню Панель меню Раскрывающееся меню Всплывающее меню Меню табуляции Панель инструментов Карта изображения Когда вы Будете Использовать Каждый Из этих Типов?

14. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 14 Сообщения Должны быть ясными, конкретными и полными Должны быть грамматически правильными, без жаргона и сокращений (кроме пользовательских) Избегайте отрицаний и юмора

15. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 15 Типы сообщений Сообщение об ошибке Сообщение-подтверждение Сообщение- признание Сообщение о задержке Сообщение-помощь Когда вы Будете Использовать Каждое Из этих сообщений?

16. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 16 Пример создания сообщения об ошибке

17. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 17 Ваша очередь! Представьте что вы разрабатываете новый интерфейс для системы сервиса карьеры в вашем университете Как вы будете использовать основные принципы дизайна ввода в вашем дизайне?

18. PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 18 ДИЗАЙН ВВОДА

19. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 19 Основные принципы Цель- простое получение информации системой Отражает природу вводимых данных Находит пути упростить их сбор

20. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 20 Интерактивная и пакетная обработка Интерактивная обработка немедленно отражает транзакции в соответствующей базе данных Пакетная обработка собирает данные в течение некоторого времени, и затем вводит их одним пакетом. Пакетная обработка упрощает обмен данными и другие процессы, но приводит к тому, что данный не являются верными в реальном времени.

21. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 21 Захват данных в источнике Уменьшает повторную работу Сокращает время обработки Уменьшает стоимость Уменьшает вероятность ошибки

22. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 22 Автоматизация источников данных Может быть достигнута с использованием следующих технологий: Считыватели штрих-кода Оптическое распознавание символов Считыватели магнитных полос Смарт-карды Как можно использовать Интернет для автоматизации источников данных?

23. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 23 Минимизации числа нажатий клавиш Никогда не запрашивайте информацию, которую можно получить другим способом Списки вариантов более эффективны чем ввод данных Где возможно используйте значения по умолчанию

24. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 24 Типы вводимых данных Данные, связанные с полями Текст Числа Отмеченные варианты выбора

25. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 25 Типы полей для ввода

26. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 26 Типы вариантов выбора Check box Радио-кнопка Видимые списки Всплывающие списки Combo box Ползунок Когда вы Будете Использовать Каждый Из этих вариантов?

27. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 27 Типы проверки данных Проверка полноты Проверка формата Проверка диапазона Проверка чисел Проверка постоянности Проверка базы данных Когда вы Будете Использовать Каждый Из этих Методов проверки?

28. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 28 Ваша очередь! Подумайте о веб-форме, в которую студент может ввести личную информацию и резюме при заявке на работу. Набросайте как будет выглядеть эта форма и какие поля данных будут использованы. Какая проверка данных потребуется?

29. PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 29 ДИЗАЙН ВЫВОДА

30. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 30 Основные правила Понимание использования результатов Ссылки или полные? частота Пакетные или интерактивные Управление объёмом информации Вся необходимая информация, но не больше Минимизировать отклонения

31. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 31 Смещения на графиках

32. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 32 Типы сообщений Детальное сообщение Краткое содержание Оборотный документ График Когда вы Будете Использовать Каждый Из этих Типов сообщений?

33. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 33 Носители сообщений Электронные или бумажные

34. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 34 Ваша очередь! В какой ситуации вы хотели бы заменить бумажные носители электронными? Когда бы вы НЕ захотели делать замену?

35. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved.

36. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved.

37. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 37 Резюме Основная цель дизайна навигации сделать систему наиболее простой в использовании Цель механизма ввода – простота получения правильной информации Цель механизма вывода предоставлять пользователю правильную информацию, минимизируя переполненность информации и отклонения

38. PowerPoint Presentation for Dennis, Wixom & Tegardem Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 38 Дополнительные ресурсы Уже много лет Университет Мэриленда лидирует в изучении пользовательского интерфейса. Более подробно смотрите на сайте: http://www.cs.umd.edu/hcil/