HostedRedmine.com has moved to the Planio platform. All logins and passwords remained the same. All users will be able to login and use Redmine just as before. Read more...
Task #819177
openОсновы интерфейса и дизайна
100%
Description
- карта
- окно настройек фильтрации
- окно просмотра записей
Десктопная версия
Ширина окна приложения несколько больше высоты.
Карта, как главный элемент интерфейса, должна занимать большую часть места.
Окно просмотра записей расположено сбоку от карты (его можно закрыть, чтобы растянуть карту).
Окно с фильтрами при открытии располагается там же, где окно просмотра записей.
Другой возможный вариант:
Прочие варианты см. в истории.
Расположение элементов интерфейса в мобильной версии:
Либо карта на полный экран, либо настройки на полный экран, либо запись на полный экран.
В заштрихованной области должна быть кнопка настроек и кнопка скрытия боковой панели.
Варианты на выбор:
Мобильная версия
Каждых из основных элементов (карта, просмотр записи, фильтры) занимает весь экран. Пользователь может переключаться между этими элементами.
Files
Related issues
Updated by Олег Седухин over 4 years ago
- Subject changed from Основные элементы интерфейса и дизайна to Основы интерфейса и дизайна
Приложение включает следующие основные элементы интерфейса
- карта
- окно настройек фильтрации
- окно просмотра записей
TODO:
- Расположение элементов интерфейса в десктопной версии
- Расположение элементов интерфейса в мобильной версии
Updated by Олег Седухин over 4 years ago
- File Рисунок1.jpg added
- File Рисунок2.jpg added
- File Рисунок3.jpg added
- File Рисунок4.jpg added
Updated by Олег Седухин over 4 years ago
- File deleted (
Рисунок2.jpg) - File deleted (
Рисунок3.jpg) - File deleted (
Рисунок4.jpg)
Updated by Олег Седухин over 4 years ago
- File Рисунок4.jpg added
- File Рисунок3.jpg added
- File Рисунок2.jpg added
- File Рисунок1.jpg added
Updated by Олег Седухин over 4 years ago
- File img1.jpg img1.jpg added
- File img4.jpg img4.jpg added
- File img3.jpg img3.jpg added
- File img2.jpg img2.jpg added
Ширина окна приложения несколько больше высоты. Карта, как главный элемент интерфейса, должна занимать большую часть места.
Рассмотрим различные варианты расположения настройки фильтрации и окна просмотра, чтобы выбрать наилучший.
а) окно просмотра всплывает по центру экрана при нажатии на маркер
б) окно просмотра показывается поверх окна приложения, используя возможности ВК (?w=wall-109125388_198929)
в) окно просмотра не поверх карты, а сбоку от нее
г) окно просмотра расположено поверх карты, но сбоку
д) окно просмотра расположено ниже карты
Updated by Олег Седухин over 4 years ago
Варианты в, г, д более удобны, потому что позволяют открывать новую запись, не трятя лишние действия на закрытие предыдущей.
Вариант д выглядит слишком непривычно, и чтобы посмотреть запись, придется листать вниз.
Остановимся на вариантах в, г. Они имеют схожую функциональность, но вариант г будет раздражать пользователей тем, что половина карты спрятана под записью. А показать карту на весь экран возможно и в варианте в, закрыв боковую панель с записью. Поэтому выберем вариант в: окно просмотра сбоку от карты.
Сравним ширину окна приложения и ширину стандартной записи ВК. Видим, что места для карты остается не так много, если не сужать окно с записью.
Updated by Олег Седухин over 4 years ago
Рассмотрим варианты расположения окна с фильтрами:
а) сбоку на месте окна с записями
б) сверху в выпадающих списках
в) во отдельном окне
Варианты б, в неудобны тем, что при настройке фильтров загораживают карту и не дают увидеть изменения. Вариант б также дополнительно уменьшает пространство для карты, а когда пользователь не хочет менять фильтры, то верхняя панель отвлекает своим наличием. Поэтому выберем вариант а: окно с фильтрами на месте окна с записями.
При выборе стороны для окна с записями и фильтрами выберем правую сторону, потому что это интуитивно кажется более привычным и эстетичным. Слева обычно размешают только узкие боковые колонки, широкие лучше разместить справа.
Updated by Олег Седухин over 4 years ago
Добавив элементы управления, мы получаем следующий прототип интерфейса.
Updated by Олег Седухин over 4 years ago
2) Расположение элементов интерфейса в мобильной версии
Здесь все интуитивно понятно. Либо карта на полный экран, либо настройки на полный экран, либо запись на полный экран.
Updated by Олег Седухин over 4 years ago
В заштрихованной области должна быть кнопка настроек и кнопка скрытия боковой панели. Это уже вопрос дизайна.
Остается много свободного места.
Верхнюю панель будет проще заполнить, если реализовать дополнительную функциональность
Updated by Олег Седухин over 4 years ago
- Description updated (diff)
- Status changed from In Progress to Approved
- % Done changed from 0 to 100
Updated by Олег Седухин over 4 years ago
- Related to Feature #819473: Интерфейс: карта added
Updated by Олег Седухин over 4 years ago
- Related to Feature #819481: Интерфейс: фильтры added
Updated by Олег Седухин over 4 years ago
- Related to Feature #819483: Интерфейс: просмотр added