PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1 Systems Analysis and Design Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman

PowerPoint Presentation for Dennis, Wixom & Tegarden 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.

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 3 Дизайн Структуры Пользовательского Интерфейса Глава 11

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

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

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 6 ПРИНЦИПЫ ДИЗАЙНА ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 7 Принципы Дизайна Пользовательского Интерфейса Размещение Знание содержания Эстетичность Опыт пользователей Связность Максимум удобства

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

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

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

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

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 12 Эстетичность Аккуратно используйте цвета и шаблоны Проверяйте качество цветов в черно- белом режиме Используйте цвета для раздела или распределения элементов

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

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 14 Связность Дает пользователям возможность прогнозировать Уменьшает сложность обучения Учитывает элементы в самом приложении и за его пределами Принадлежность различным уровням Контроль передвижений Терминология Отчет и дизайн форм

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

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 16 ПРОЦЕСС ДИЗАЙНА ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 17 Процесс из пяти шагов

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

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 19 Your Turn Посетите веб сайт своего университета и пройдите по нескольким страницам. Разработайте для него два сценария использования.

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

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 21 Пример Диаграммы Окна Навигации

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 22 Дизайн Стандартов Интерфейса Основные элементы которые однинаковыми внутри приложенияThe basic elements that are common across individual screens, forms, and reports within the application Моделируемый интерфейс Рабочий стол, checkbook, shopping cart

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 23 Элементы Интерфейса Объекты интерфейса Действия интерфейса Иконки интерфейса Шаблоны интерфейса

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 24 Создания прототипа интерфейса Имитационная модель или имитация экрана, формы, или отчета Включает основные методы Документ Работа с архивными документами HTML Языки

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 25 Примет работы с архивными документами

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 26 Методы оценки интерфейса Эвристичекая оценка Сравнение дизайна с контрольной таблицей Критический анализ Рабочая команда имитирует передвижения по компонентам Интерактивная оценка Пользователи испытывают систему Формальное испытание практичночти Дороговизна Специальная детальная проверка

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

PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 28 Дополнительная информация Полезную информацию о создании пользовательских интерфейсов (автор: Jakob Nielsen ) Вы найдете по адресу: