UIDesign Group. Описание пользовательского интерфейса приложения КАЛЕНДАРЬ

Подождите немного. Документ загружается.

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

10.5. Закладка «Время и профили»

Файл с изображением экранной формы: 03_profiles.png.

Содержит список мест (городов), информация о которых интересна для

пользователя.

Данный блок решает следующие задачи пользователей:

Антон • При частых поездках за рубеж быстро

переключаться на местное время;

• Иметь возможность наглядно получать

информацию о времени в других часовых поясах.

Аня • Не испытывает необходимости в данном блоке.

10.5.1 Описание элементов

Закладка «Время и профили» содержит информацию о текущем времени в

заданных пользователем городах. Каждый профиль представлен в виде

элемента списка. Если количество элементов в списке превышает число

помещающихся в окне элементов, то появляется полоса прокрутки.

23 января 2004 года, пятница

23 января 2004 года, пятница ?

ЗакрытьПрименить

Таймер

23 января 2004, пятница, 10:07Каменск-Уральск

(+ 4.00)

СинхронизацияКалендарь

Март

Время и профили

23 января 2004, Пятница, 19:12:23

Копенгаген

Каменск-Уральск

24 января 2004, Пятница, 01:12:23

Комсомольск-на-Амуре

23 января 2004, Пятница, 07:12:23

Майами

23 января 2004, Пятница, 01:12:23

Настроить...

Удалить

Создать новый профиль...

1 2 3

2 3

4 5

Рисунок 10. Закладка «Время и профили»

Зеленые сноски обозначают индекс табуляции элементов.

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

1. Аналоговый циферблат часов данного профиля. Цвет циферблата

соответствует времени суток в данном месте;

2. Информация о временном профиле;

3. Кнопка вызова контекстного меню;

4. Контекстное меню.

Взаимодействие с элементами списка профилей допускается как при

помощи клавиатуры, так и при помощи мыши.

Прямой выбор профиля из списка осуществляется одинарным нажатием

мыши на соответствующем профиле.

Двойной щелчок мыши на профиле делает данный профиль текущим.

Если фокус находится на каком-либо профиле, то при помощи клавиш-

стрелок клавиатуры осуществляется перенос фокуса на соседние профили.

Нажатие правой кнопки мыши в области элемента профиля вызывает

открытие контекстного меню, относящегося к данному профилю.

Профили, содержащиеся в списке, допускается «тасовать», перетаскивая

любой из них мышью внутри списка.

Ключевая

идея

На экране отображаются данные по нескольким географическим

точкам в удобном для сравнения виде. Кроме того, для наглядности

используется цветовое кодирование времени суток для каждого

временного профиля, что позволяет практически мгновенно

определить, напрмер, не поздно ли звонить заокеанскому коллеге.

10.5.2 Контекстное меню

Меню содержит следующие пункты:

• «Настроить…». Вызывает диалог настройки данного профиля;

• «Удалить». Вызывает диалог удаления профиля;

• «Создать новое место…». Вызывает диалог создания нового места.

10.5.3 Терминальные кнопки приложения.

Кнопка «Применить». Делает выбранный пользователем профиль текущим.

Кнопка неактивна, если ни один профиль не выбран. Если кнопка активна,

то по умолчанию фокус ввода находится на ней. Нажатие кнопки

дублируется клавишей ENTER клавиатуры.

Кнопка «Закрыть». Закрывает окно приложения. При этом изменение

текущего профиля не сохраняется. Если кнопка «Применить» неактивна, то

фокус ввода находится на кнопке «Закрыть». Нажатие кнопки дублируется

клавишей ESC клавиатуры.

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

10.6. Закладка «Синхронизация»

Файл с изображением экранной формы: 04_sync.png.

Синхронизирует системные часы компьютера с сервером точного времени.

Данный блок решает следующие задачи пользователей:

Антон • Быстро установить точное время обновить

информацию о праздничных днях.

Аня • Избегает использования данной возможности.

10.6.1 Описание элементов

23 января 2004 года, пятница

23 января 2004 года, пятница ?

ЗакрытьПрименить

Таймер

23 января 2004, пятница, 10:07Каменск-Уральск

(+ 4.00)

Календарь

Март

Время и профили Синхронизация

sync.timemanagement.ru

Автоматическая синхронизация

Сервер точного времени и дат

По умолчанию

Произвольный

sync.timemanagement.ru

Синхронизировать

Синхронизация праздников...

Каждый раз при включении компьютера

Каждый день

Один раз в месяц

Не производить автоматическую синхронизацию

6 7

8 9

11 12

Рисунок 11. Закладка «Синхронизация»

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

Содержит настройки синхронизации точного времени (см. рисунок).

Зеленые сноски обозначают индекс табуляции элементов. Окно содержит

следующие элементы:

1. Группа полей «Автоматическая синхронизация». Содержит

следующие варианты синхронизации:

• «Каждый раз при включении компьютера»;

• «Каждый день»;

• «Один раз в месяц»;

• «Не производить автоматическую синхронизацию».

2. Группа полей «Сервер точного времени и дат». Содержит:

• Поле выбора стандартных серверов точного времени;

• Поле ввода адреса произвольного сервера точного времени.

3. Элемент синхронизации.

Взаимодействие с данной формой происходит стандартным для

приложений MS Windows способом (см. раздел 10.11).

Ключевая

идея

В настройках программы не существует разграничения по типам

синхронизируемых данных (точное время, праздники). Вместо этого

производится синхронизация всех данных одновременно. Кроме того,

особая конфигурация полей для выбора сервера точного времени

оберегает пользователя от непреднамеренного удаления настроек

без возможности восстановить значения по умолчанию.

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

10.6.2 Элемент синхронизации

Элемент синхронизации содержит:

• Кнопку «Синхронизировать»;

• Индикатор состояния синхронизации.

Элемент синхронизации может находиться в трех состояниях (см. рисунок):

Рисунок 12. Варианты отображения элемента синхронизации

1. Синхронизация не производилась. Кнопка «Синхронизировать»

является включенной, вместо индикатора процесса выводится

сообщение «Предыдущая синхронизация не производилась».

2. Синхронизация осуществляется в данный момент. Кнопка

«Синхронизировать» отключена, отображается индикатор процесса.

Под индикатором отображается название текущей стадии процесса

синхронизации.

3. Синхронизация завершена. Кнопка «Синхронизировать»

включена. Выводится информация о прошедшей синхронизации.

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

10.6.3 Терминальные кнопки приложения

Кнопка «Применить». Сохраняет измененные настройки синхронизации.

Кнопка неактивна, если изменения настроек не производилось. Если

кнопка активна, то по умолчанию фокус ввода находится на ней. Нажатие

кнопки дублируется клавишей ENTER клавиатуры.

Кнопка «Закрыть». Закрывает окно приложения. При этом изменение

текущего профиля не сохраняется. Если кнопка «Применить» неактивна, то

фокус ввода находится на кнопке «Закрыть». Нажатие кнопки дублируется

клавишей ESC клавиатуры.

10.7. Окно создания нового профиля

Файл с изображением экранной формы: 03_profiles_new.png.

Данное окно является модальным и вызывается при выборе пункта

«Создать новый профиль…» из контекстного меню профиля на закладке

«Время и профили».

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

10.7.1 Описание элементов

Окно состоит из следующих блоков (см. рисунок). Зеленые сноски

обозначают индекс табуляции элементов.

Рисунок 13. Окно создания нового профиля

1. Область выбора часового пояса. Список городов, сгруппированных по

странам, позволяющий определить часовой пояс;

2. Параметры создаваемого профиля.

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

10.7.2 Область выбора часового пояса

Содержит список городов, сгруппированных по государствам. Для каждого

года указывается сдвиг относительно Гринвичского времени.

Рисунок 13. Область выбора часового пояса

1. Заголовок группы городов определенного государства. Заголовок

является чувствительным к нажатию курсором мыши. При клике

мышью группа городов сворачивается либо разворачивается;

2. Сдвиг относительно гринвичского времени;

3. Выбранный город. Помечается специальным цветом. При выборе

города его название подставляется в поле «Наименование профиля».

10.7.3 Настройки времени для текущего профиля

Мытищи

Текущее время

10:12:23

Автоматический переход

на летнее и зимнее время

Время

Наименование профиля

Часовой пояс

+03:00

Рисунок 14. Настройки времени для текущего профиля

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

1. Поле ввода названия местоположения. При выборе города из списка

городов в поле подставляется название выбранного города с

возможностью его изменения;

2. Поле ввода «Текущее время». Поле должно позволять осуществлять

ввод при помощи маски-подсказки;

3. Поле ввода «Часовой пояс». Обновляется при выборе города из

списка городов;

4. Чекбокс «Автоматический переход на летнее и зимнее время».

10.7.4 Терминальные кнопки окна

Кнопка «Сохранить». Сохраняет введенные пользователем данные в виде

нового профиля в списке профилей на закладке «Время и профили»

основного окна. Кнопка неактивна, если необходимые для заполнения

поля формы не заполнены. Если кнопка активна, то по умолчанию фокус

ввода находится на ней. Нажатие кнопки дублируется клавишей ENTER

клавиатуры.

Кнопка «Закрыть». Закрывает модальное окно создания нового профиля

без сохранения введенных пользователем данных. Если кнопка «Создать»

неактивна, то фокус ввода находится на кнопке «Закрыть». Нажатие

кнопки дублируется клавишей ESC клавиатуры.

Пользовательский интерфейс программы КАЛЕНДАРЬ UIDesign Group | http://uidesign.ru

10.8. Окно изменения свойств профиля

Рисунок 15. Окно изменения свойств профиля

По содержанию данное окно аналогично окну создания нового профиля, за

исключением следующих элементов:

• Заголовок окна содержит название текущего профиля;

• При открытии окна фокус находится на содержимом поля

«Наименование профиля».