UI Дизайнер
Desktop UI CRM for library
Добавлено
09 янв 2025 в 11:42
Создание интерфейса "Картотеки" Цель разработки: Создать интерфейс для комфортной работы по управлению Картотекой клиентов библиотеки
Целевая аудитория: Сотрудники библиотеки
Задача: Разработка интерфейса для сотрудников библиотеки, для просмотра и управления Картотекой клиентов
Содержание: Общие сведения
Предмет разработки
Дизайн-концепция
Дизайн интерфейса
Общие требования к дизайну интерфейса
Стилистическое и графическое оформление.
Шрифтовое оформление
Состав общего интерфейса.
Состав интерфейса раздела “Организационная структура”
Дополнительные требования к дизайну
Общие сведения Предмет разработки
Предметом разработки является:
Под дизайн-концепцией понимается вариант оформления главной страницы и графическая оболочка внутренних страниц раздела “Картотеки”, демонстрирующие общее визуальное (композиционное, цветовое, шрифтовое, навигационное) решение страниц приложения. Дизайн-концепция представляется в виде файла (нескольких файлов) в растровом формате.
Дизайн интерфейса Общее требование к дизайну интерфейса
Интерфейс должен быть эстетичен, максимально прост и понятен в эксплуатации.
Язык разрабатываемого интерфейса –
русский.
Стилистическое и графическое оформление
1. Интерфейс в стиле минимализма, визуально простой и легкий. Цвета основного текста и фона контрастные. Все элементы выполняются в единой̆ цветовой̆ гамме и стилистике.
2. Оформление должно быть разработано в достаточно консервативном ключе
Шрифтовое оформление
1. Основная шрифтовая гарнитура — на усмотрения дизайнера.
2. Шрифты, используемые для оформления основных текстовых материалов сайта – системные: необходимо предусмотреть использование стандартных групп шрифтов (Arial/Helvetica, Times New Roman, Courier) таким образом, чтобы замена отсутствующих шрифтов не приводила к визуальному искажению текста.
3. Кегль (размер) шрифтов должен обеспечивать удобство восприятия текста.
Состав общего интерфейса страницы:
· Раздел 1
o Подраздел 1
o Подраздел 2
· Раздел 2
o Подраздел 3
o Картотека
o Подраздел 4
· Раздел 3
o Подраздел 1
o Подраздел 2
При расположении всех пунктов меню на одном уровне, логические блоки Раздел должны быть визуально выделены.
Состав интерфейса раздела “Картотеки”:
Необходимо разработать интерфейс раздела управления клиентами библиотеки. Пользователю необходимо управлять картотекой клиентов библиотеки. Основные задачи пользователя:
· Управление клиентом в Картотеке – добавление, удаление, редактирование информации о клиенте.
· Управление группами клиентов – создание, редактирование, удаление
· Просмотр клиентов библиотеки входящих в определенную группу, добавление или удаление клиента из группы.
· Просмотр детальных данных о клиентах библиотеки
· Поиск и фильтрация клиентов библиотеки
Картотека библиотеки состоит из набора двух сущностей – группы и клиенты. Одновременно пользователю библиотеки должны быть доступны оба типа сущностей для просмотра.
Для каждого клиента предоставлен следующий набор информации:
· ФИО
· Фотография
· Статус клиента – активный/временно отключен/удален
· Дата регистрации
· Домашний адрес и индекс
· Контакты клиента – телефоны, электронная почта. У контакта задается признак основной или дополнительный. Так например один телефон может быть основным, остальные дополнительными. Аналогично и с email адресами.
· Список интересующих клиента тематик книг
· Список книг на руках у клиента
· Список книг ожидаемых клиентом
· Список групп, куда входит клиент
При просмотре информации о клиентах, изначально должна отображаться только краткая информация – ФИО, фотография, статус, список основных контактов и кол-во книг на руках. При наведении на кол-во книг, должен показываться список книг.
Также должна быть возможность просмотреть детальную информацию о клиенте, с отображение полной информации о нем, описанной выше. Одновременно можно просматривать детальную информацию о нескольких клиентах библиотеки.
Каждый клиент картотеки входит в определенную группу. Группы представляют из себя группирующие сущности, например “Новички”, “ VIP”, “Льготники”, “Постоянные клиенты” и т.д. Пользователь продукта должен иметь возможность увидеть всех клиентов библиотеки в определенной группе, а также иметь возможность переместить клиента из одной группы в другую. Клиент может входить в несколько групп сразу. Пользователь Картотеки должен иметь возможность создавать/удалять/изменять состав групп.
Интерфейс картотеки должен содержать в себе возможность поиска клиента по любому из атрибутов данных о нем.
Дополнительные требования к дизайну:
1. Разрабатываемый дизайн должен подразумевать возможность свободного масштабирования для различных расширений монитора (не менее 1024x768).
Разрабатываемый дизайн должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной̆ полосы прокрутки и без пустых (белых) полей для основных типов разрешения. Элементы управления должны быть сгруппированы однотипно – горизонтально либо вертикально – на всех страницах. При увеличенном разрешении функциональные блоки расширяются в соответствующих пропорциях, заполняя всю рабочую область экрана браузера
2. Разрабатываемый дизайн должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной̆ полосы прокрутки и без пустых (белых) полей для основных типов разрешения. Элементы управления должны быть сгруппированы однотипно – горизонтально либо вертикально – на всех страницах. При увеличенном разрешении функциональные блоки расширяются в соответствующих пропорциях, заполняя всю рабочую область экрана браузера
Целевая аудитория: Сотрудники библиотеки
Задача: Разработка интерфейса для сотрудников библиотеки, для просмотра и управления Картотекой клиентов
Содержание: Общие сведения
Предмет разработки
Дизайн-концепция
Дизайн интерфейса
Общие требования к дизайну интерфейса
Стилистическое и графическое оформление.
Шрифтовое оформление
Состав общего интерфейса.
Состав интерфейса раздела “Организационная структура”
Дополнительные требования к дизайну
Общие сведения Предмет разработки
Предметом разработки является:
- Общий интерфейс продукта - основное навигационное меню, шапка страницы.
- Интерфейс раздела “Картотеки”. Состав интерфейса описан далее.
Под дизайн-концепцией понимается вариант оформления главной страницы и графическая оболочка внутренних страниц раздела “Картотеки”, демонстрирующие общее визуальное (композиционное, цветовое, шрифтовое, навигационное) решение страниц приложения. Дизайн-концепция представляется в виде файла (нескольких файлов) в растровом формате.
Дизайн интерфейса Общее требование к дизайну интерфейса
Интерфейс должен быть эстетичен, максимально прост и понятен в эксплуатации.
Язык разрабатываемого интерфейса –
русский.
Стилистическое и графическое оформление
1. Интерфейс в стиле минимализма, визуально простой и легкий. Цвета основного текста и фона контрастные. Все элементы выполняются в единой̆ цветовой̆ гамме и стилистике.
2. Оформление должно быть разработано в достаточно консервативном ключе
Шрифтовое оформление
1. Основная шрифтовая гарнитура — на усмотрения дизайнера.
2. Шрифты, используемые для оформления основных текстовых материалов сайта – системные: необходимо предусмотреть использование стандартных групп шрифтов (Arial/Helvetica, Times New Roman, Courier) таким образом, чтобы замена отсутствующих шрифтов не приводила к визуальному искажению текста.
3. Кегль (размер) шрифтов должен обеспечивать удобство восприятия текста.
Состав общего интерфейса страницы:
· Раздел 1
o Подраздел 1
o Подраздел 2
· Раздел 2
o Подраздел 3
o Картотека
o Подраздел 4
· Раздел 3
o Подраздел 1
o Подраздел 2
При расположении всех пунктов меню на одном уровне, логические блоки Раздел должны быть визуально выделены.
Состав интерфейса раздела “Картотеки”:
Необходимо разработать интерфейс раздела управления клиентами библиотеки. Пользователю необходимо управлять картотекой клиентов библиотеки. Основные задачи пользователя:
· Управление клиентом в Картотеке – добавление, удаление, редактирование информации о клиенте.
· Управление группами клиентов – создание, редактирование, удаление
· Просмотр клиентов библиотеки входящих в определенную группу, добавление или удаление клиента из группы.
· Просмотр детальных данных о клиентах библиотеки
· Поиск и фильтрация клиентов библиотеки
Картотека библиотеки состоит из набора двух сущностей – группы и клиенты. Одновременно пользователю библиотеки должны быть доступны оба типа сущностей для просмотра.
Для каждого клиента предоставлен следующий набор информации:
· ФИО
· Фотография
· Статус клиента – активный/временно отключен/удален
· Дата регистрации
· Домашний адрес и индекс
· Контакты клиента – телефоны, электронная почта. У контакта задается признак основной или дополнительный. Так например один телефон может быть основным, остальные дополнительными. Аналогично и с email адресами.
· Список интересующих клиента тематик книг
· Список книг на руках у клиента
· Список книг ожидаемых клиентом
· Список групп, куда входит клиент
При просмотре информации о клиентах, изначально должна отображаться только краткая информация – ФИО, фотография, статус, список основных контактов и кол-во книг на руках. При наведении на кол-во книг, должен показываться список книг.
Также должна быть возможность просмотреть детальную информацию о клиенте, с отображение полной информации о нем, описанной выше. Одновременно можно просматривать детальную информацию о нескольких клиентах библиотеки.
Каждый клиент картотеки входит в определенную группу. Группы представляют из себя группирующие сущности, например “Новички”, “ VIP”, “Льготники”, “Постоянные клиенты” и т.д. Пользователь продукта должен иметь возможность увидеть всех клиентов библиотеки в определенной группе, а также иметь возможность переместить клиента из одной группы в другую. Клиент может входить в несколько групп сразу. Пользователь Картотеки должен иметь возможность создавать/удалять/изменять состав групп.
Интерфейс картотеки должен содержать в себе возможность поиска клиента по любому из атрибутов данных о нем.
Дополнительные требования к дизайну:
1. Разрабатываемый дизайн должен подразумевать возможность свободного масштабирования для различных расширений монитора (не менее 1024x768).
Разрабатываемый дизайн должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной̆ полосы прокрутки и без пустых (белых) полей для основных типов разрешения. Элементы управления должны быть сгруппированы однотипно – горизонтально либо вертикально – на всех страницах. При увеличенном разрешении функциональные блоки расширяются в соответствующих пропорциях, заполняя всю рабочую область экрана браузера
2. Разрабатываемый дизайн должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной̆ полосы прокрутки и без пустых (белых) полей для основных типов разрешения. Элементы управления должны быть сгруппированы однотипно – горизонтально либо вертикально – на всех страницах. При увеличенном разрешении функциональные блоки расширяются в соответствующих пропорциях, заполняя всю рабочую область экрана браузера
