UIDesign Group. Описание пользовательского интерфейса приложения КАЛЕНДАРЬ
Подождите немного. Документ загружается.
Пользовательский
интерфейс приложения
КАЛЕНДАРЬ
Требования к приложению
Описание пользовательского интерфейса
Версия документа: 1.02
Изменен: 01.06.2004
+7 (095) 233 – 4281
+7 (910) 412 – 0496
mail@uidesign.ru
http://uidesign.ru
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
2
Оглавление
1. О документе ......................................................................................4
2. Допущения и ограничения ..................................................................5
3. Глоссарий..........................................................................................6
Требования к приложению .........................................................7
4. Общее описание ................................................................................7
5. Бизнес-цели разработки продукта.......................................................7
6. Базовые бизнес-требования................................................................7
7. Персонажи.........................................................................................8
7.1. О методике...............................................................................8
7.1.1 Определение множества персонажей .......................................8
7.1.2 Определение целей персонажей ..............................................8
7.1.3 Определение сценариев работы персонажей ............................8
7.2. Антон (ключевой персонаж)......................................................9
7.2.1 Бизнес-цели ...........................................................................9
7.2.2 Персональные цели.................................................................9
7.2.3 Сценарии работы ...................................................................10
7.2.4 Требования персонажа к программе........................................13
7.3. Аня .........................................................................................14
7.3.1 Персональные цели................................................................14
7.3.2 Сценарии работы ...................................................................14
7.3.3 Требования персонажа к программе........................................15
7.4. Важность пользовательских требований....................................16
7.5. Частота востребования функциональности ................................17
8. Технические требования....................................................................18
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
3
Описание ПИ приложения..........................................................19
9. Информационная структура приложения, общая концепция ПИ ...........19
9.1. Общая схема приложения.........................................................19
9.2. Перечень и иерархия уникальных экранных форм и блоков
приложения...........................................................................20
10. Детальное описание ПИ приложения ................................................22
10.1. Информация о текущей дате и времени ...................................22
10.2. Терминальные кнопки приложения .........................................23
10.3. Закладка «Таймер»................................................................23
10.3.1 Описание элементов.............................................................24
10.3.2 Терминальные кнопки приложения........................................26
10.4. Закладка «Календарь»...........................................................27
10.4.1 Описание элементов.............................................................27
10.4.2 Календарь ...........................................................................28
10.4.3 Информация по выбранным датам .........................................29
10.5. Закладка «Время и профили».................................................31
10.5.1 Описание элементов.............................................................31
10.5.2 Контекстное меню ................................................................32
10.5.3 Терминальные кнопки приложения........................................32
10.6. Закладка «Синхронизация»....................................................33
10.6.1 Описание элементов.............................................................33
10.6.2 Элемент синхронизации........................................................35
10.6.3 Терминальные кнопки приложения........................................36
10.7. Окно создания нового профиля...............................................36
10.7.1 Описание элементов.............................................................37
10.7.2 Область выбора часового пояса ............................................38
10.7.3 Настройки времени для текущего места.................................38
10.7.4 Терминальные кнопки окна...................................................39
10.8. Окно изменения свойств места................................................40
10.9. Диалог удаления....................................................................41
10.10. Интеграция в панель задач ...................................................42
10.10.1 Индикатор времени ............................................................42
10.10.2 Всплывающее окно напоминания ........................................43
10.10.3 Контекстное меню ..............................................................44
11. Поведенческие свойства пользовательского интерфейса ...................46
11.1. Стандартные клавиатурные сокращения, используемые в
программе .............................................................................46
11.2. Валидация вводимых данных ..................................................47
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
4
1. О документе
В данном документе представлено описание пользовательского интерфейса
приложения «Календарь». Описание является руководством для
разработки данного продукта, и может быть оформлено как часть
технического задания на разработку.
Отдельно прилагаемые к документу графические экранные формы
приложения в формате PNG доступны для скачивания через Интернет по
адресу http://uidesign.ru/calendar/ui_calendar_png.zip (315К).
Эта разработка является демонстрационной и призвана проиллюстрировать
часть принципов и методик UIDesign Group, применяемых при
проектировании пользовательских интерфейсов информационных систем, а
также дать представление об одном из вариантов выходной документации.
В последнее время рынок выделенного проектирования пользовательских
интерфейсов в мире вообще, и в нашей стране в частности растет,
появляется большое количество различных материалов, посвященных этой
деятельности.
Однако, почти во всех из них объясняется, КАКИМ должен быть
пользовательский интерфейс, и ПОЧЕМУ.
Но никто не объясняет, КАК этого добиться, КАК сделать качественный
интерфейс, и ЧТО нужно для этого делать.
Мы, UIDesign Group, являемся одними из пионеров дисциплины в России,
мы накопили значительный опыт прикладных разработок в условиях
реального рынка (как российского, так и западного) и всех его
ограничений. И мы готовы делиться знаниями.
Рассматриваемый проект – виртуальный и выбран нами как наиболее
простой и близкий многим. В чем-то описание проекта упрощено, в любом
случае – это лишь один из видов работ, и в реальной ситуации часто
разрабатывается целый пакет документации: стандарты, информационная
графика, отчеты по результатам тестирований и т.д.
Этим примером мы хотим показать главное: проектирование интерфейса –
это в значительной мере работа по анализу реальных или потенциальных
пользователей продукта: их желаний, стремлений, предпочтений и
особенностей работы.
Плюс, опыт в применении методик конвертации данных такого анализа в
конкретные интерфейсные решения.
Мы надеемся, что документ будет полезен и потенциальным Заказчикам
такого рода разработок, и нашим Коллегам, которые занимаются
деятельностью, так или иначе связанной с проектированием интерфейсов,
и, собственно, Разработчикам информационных систем и приложений.
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
5
2. Допущения и ограничения
Представленные в документе методики и принципы работ по созданию
интерфейса приложений не являются полными, исчерпывающими, и
достаточными для полноценной разработки. Это лишь верхняя часть
айсберга, обычно вполне достаточная для презентации разработанных
идей и решений, и базовой их аргументации.
В документе не показана часть результатов анализа, усечен набор
факторов, влияющих на ключевые решения, опущены формализованные
перечни критериев качества системы и их значений, нет прогноза
экономичности использования разработанных форм и выполнения типовых
сценарив, нет отчетов по результатам тестирований и т.п.
Это не обучающий пример, он служит для того, чтобы презентовать один
из возможных и наиболее наглядных вариантов выходной документации, и
показать основные этапы и типы активностей при проектировании
пользовательских интерфейсов.
В случае возникновения вопросов – обращайтесь в UIDesign Group по
адресу mail@uidesign.ru.
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
6
3. Глоссарий
ПИ (UI) Пользовательский интерфейс системы
Персонаж Архетип, модель пользователя системы,
«виртуальный пользователь», с максимально
оригинальными характеристиками и задачами.
Персонаж не является аналогом бизнес-роли, она
характеризует реальное разделение обязанностей
пользователей, и может совмещать в себе несколько
бизнес-ролей.
Ключевой
персонаж
Персонаж, наиболее значительно влияющий на
пользовательский интерфейс. Как правило, ПИ
проектируется в расчете на требования именно
ключевых персонажей.
Ключевая задача Задача, в обязательном порядке требующаяся для
достижения какой-либо бизнес-цели
Эргономические
критерии качества
системы
Формальный набор критериев, дающих
представление о реальном удобстве системы для
конечного пользователя, ее практичности и
экономичности в плане использования человеческих
ресурсов.
Терминальные
кнопки
Кнопки, которые оказывают воздействие на целую
экранную форму (закрывают, сохраняют или
отменяют) называются терминальными.
Валидация Проверка данных на соответствие принятым
правилам
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
7
Требования к приложению
4. Общее описание
Программа «Календарь» предназначена для просмотра и изменения
текущей даты и времени и является заменой стандартному календарю MS
Windows.
В реальной жизни мы пользуемся календарем довольно часто. Это одна из
вещей, знакомых каждому человеку. Именно поэтому важно сделать
применение его виртуальной модели максимально удобным для людей,
используя для этого возможности современных компьютеров.
5. Бизнес-цели разработки продукта
Компания «Манипуляция временем» только недавно вышла на рынок
программного обеспечения. Предвидя трудности, которые могут возникнуть
на пути входа в насыщенный рынок ПО, руководство компании определило
следующие бизнес-цели создания своего первого коммерческого продукта
массового использования.
• Продукт должен быть желанным для конечного пользователя
• Продукт должен по всем параметрам быть на шаг впереди
конкурентов
• Продукт должен приносить прибыль разработчику.
Чтобы максимально расширить аудиторию потенциальных пользователей,
было принято решение разрабатывать продукт для работы на платформе
MS Windows.
Основной стратегией компании на данный момент является захват рынка
корпоративных клиентов и ориентация на деловых людей, стремящихся
сделать свое рабочее место максимально мобильным и территориально
независимым.
6. Базовые бизнес-требования
К создаваемой программе предъявляются следующие основные бизнес-
требования:
• Быстрое определение текущей даты и времени
• Возможность изменения и уточнения даты и времени
• Отслеживание времени в нескольких городах одновременно
• Быстрое создание простых напоминаний
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
8
7. Персонажи
7.1. О методике
7.1.1 Определение множества персонажей
Для наилучшего проектирования ПИ необходимо построить модели
пользователей (базовые архетипы), которые далее называются
персонажами.
Каждый персонаж – это модель пользователя в определенном
функциональном контексте и контексте взаимодействия с другими
персонажами. Это не бизнес-роли пользователей в системе, так как в
реальной жизни, один человек часто занимает несколько ролей, а так же
многие роли очень схожи друг с другом с точки зрения сценариев
выполнения своих служебных обязанностей.
Количество персонажей должно быть минимальным при максимальной
ортогональности их свойств. На этом же этапе определятся так называемые
ключевые персонажи – те, которые наибольшим образом накладывают
ограничения на будущий интерфейс. Обычно количество ключевых
персонажей соответствует количеству необходимых уникальных
интерфейсов продукта.
7.1.2 Определение целей персонажей
Каждый персонаж характеризуется определенным набором целей. Именно
цели мотивируют персонаж для выполнения своих служебных
обязанностей. Цели бывают корпоративными, а бывают личными. Тот
программный продукт, который учитывает личные цели своих
пользователей (корпоративные цели закладываются с помощью
функциональности продукта), будет успешен на рынке в долгосрочной
перспективе, и вызовет у пользователей лояльность к продукту.
7.1.3 Определение сценариев работы персонажей
Каждый персонаж регулярно выполняет определенный набор бизнес-
сценариев. Можно выделить ежедневные, эпизодические и вынужденные
сценарии работы. Необходимо тщательно проектировать те элементы
интерфейса, которые соответствуют ежедневным сценариям работы
персонажей, в то время, как остальные можно проектировать не так
тщательно, тем самым, сэкономив общее время разработки ПИ.
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
9
7.2. Антон (ключевой персонаж)
Имя: Антон.
Возраст: 30 лет.
Образование: высшее.
Сотрудник российского представительства
крупной международной корпорации.
Женат, имеет двоих детей.
Компьютером пользуется в основном на работе,
имеет ноутбук
Хорошо знаком с программами MS Office, часто
использует их в работе.
Не любит опаздывать.
Старается поддерживать дружеские отношения со
своими партнерами
7.2.1 Бизнес-цели
• Успеть выполнить все запланированные на день дела;
• Эффективно управлять своим временем;
• Быстро реагировать на возможные изменения в порядке работы.
7.2.2 Персональные цели
• Не задерживаться допоздна на работе;
• Получать удовольствие от работы;
• Приобрести и поддержать образ успешного и сообразительного
сотрудника;
• Почаще общаться с зарубежными партнерами – как способ
продвижения по службе, а также увеличения языковой практики.
Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru
10
7.2.3 Сценарии работы
Ежедневные сценарии работы
• Узнать текущее время. С минуты на минуту должен придти курьер
с важным письмом. В ожидании Антон частенько бросает взгляд на
часы.
• Не забыть о встрече. Чтобы не забыть выйти вовремя из офиса,
Антон включил таймер, который сработает через 20 минут.
Эпизодические сценарии работы.
• Оценить время в других городах. Перед тем, как позвонить
своему деловому партнеру в Германии, Антон смотрит на часы, чтобы
убедиться, что рабочий день в Мюнхене уже начался.
• Узнать о приближающихся праздниках. Чтобы «растянуть»
отпуск, Антон хочет взять отпускные дни между соседними
праздниками так, чтобы весь отпуск не превысил 10 дней.
• Установить точное время на часах. Эту процедуру Антону
пришлось осуществить, когда служба поддержки компании, в которой
он работает, обновила его рабочий компьютер.
Типичный день
Антон работает менеджером в российском представительстве крупной
международной компании, занимающейся производством и сбытом
косметики по всему миру. По должности Антон периодически посещает
зарубежные представительства. В большинстве случаев место проведения
деловых встреч не меняется, но иногда ему приходится летать в
незнакомые города и страны.
Антон вышел из дома пораньше - вчера внезапно выяснилось, что
буквально через несколько дней ему придется посетить недавно
открывшееся отделение компании в Испании, и Антон постарался быть на
работе на полчаса раньше обычного, чтобы успеть утрясти дела до
отъезда.
Однако пробки по дороге на работу свели на нет эти планы: теперь
придется торопиться.
Для начала Антону необходимо решить все организационные проблемы с
поездкой и планом работ на месте. Взяв трубку телефона, он уточняет все
детали предстоящего визита у испанских представителей в разговоре.
«Хорошо хоть, что они сносно говорят по-английски» - подумал Антон,
завершив разговор.