Мы с важной новостью: с 28 февраля 2025 года сервис Хабр Фриланс прекратит свою работу.
Купить услуги можно до 28 февраля 2025, но пополнить баланс уже нельзя. Если на вашем счете остались средства, вы можете потратить их на небольшие услуги — служба поддержки готова поделиться бонусами, на случай, если средств немного не хватает.
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 без горизонтальной̆ полосы прокрутки и без пустых (белых) полей для основных типов разрешения. Элементы управления должны быть сгруппированы однотипно – горизонтально либо вертикально – на всех страницах. При увеличенном разрешении функциональные блоки расширяются в соответствующих пропорциях, заполняя всю рабочую область экрана браузера
