По горячим следам. (ошибки интерфейса?)
3563 сообщения
#17 лет назад
Сегодня очередной раз открывал проект и поймал себя на мысли, что интерфейс проведения тендеров нужно переделатьИ так.
Сейчас я разберу на кусочки страницу обзора проекта в том виде, что ее видит заказчик.
То, что есть сейчас, вы можете увидеть на картинке:
ссылка
Поехали.
Какие "сущности" должны присутствовать на это странице?
Есть несколько вариантов модели страницы:
1. Линейный
Проект.
Предложение 1.
Предложение 2.
...
2. Иерархический (нелинейный, "объектный"
Проект.
- Описание проекта.
- Список предложений.
-- Предложение 1
-- Предложение 2
-- ...
Оффтопик
Мне больше нравится нелинейный (как более структурированный, логичный и понятный), но на вкус и цвет, как известно, все карандаши разные.
Какую модель использовал дизайнер?
1. Линейную ссылка
Описание проекта (1)
Предложение 1 (2)
Предложение 2 (3)
При такой разбивке, очевидно, выпал из структуры Заголовок "Предложение фрилансеров" и ссылка "корзина".
Оффтопик
Очевидно – Kurilshik то же предпочитает логически более точные модели.К слову, это относится к операции над списком предложений, еще 1 аргумент в пользу иерархоческой модели. При ее построении дизайн блоков напрашивается сам)
2. Иерархическая модель ссылка
Проект (основная часть, салатовый цвет)
- Описание проекта (фиолетовый блок 1)
- Список предложений (фиолетовый блок 2)
- - Предложение 1 (красный 2.1)
- - Предложение 2 (красный 2.2)
Похоже. Теперь разберем каждый блок по отдельности.
1. Проект - уровень задан четко, отличить основную часть страницы от навигации - просто. Заголовок проекта виден и стоит на нужном месте.
1.1. Блок "Описание проекта".
Графически выделен тонкой рамкой.
Визуально состоит из 2-х частей. Первая - таблица из пар характеристика - значение; Вторая – подробное описание проекта.
Элементы управления один селект с операциями над проектом: «добавить в пекомендуемое», «дополнить», «редактировать», «закрыть».
Оффтопик
Элементы управления вынесены за границы блока.
Логическая ошибка? 3 пункта из списка операций связаны с изменением/дополнением условий/статуса проекта, 1 на предоставление доп. услуги (должен стоять отдельно).
Логическая ошибка? 3 пункта из списка операций связаны с изменением/дополнением условий/статуса проекта, 1 на предоставление доп. услуги (должен стоять отдельно).
1.2. Блок "Список предложений".
Графически никак не выделен. Часть первого предложения фрилансеров.
Представлен заголовком.
Оффтопик
Ошибка? блок не может визуально быть частью бока более "низкого уровня", в данном случае - первого предложения. Как минимум отдельный блок, лучше что бы включал в себя все предложения
Элементы управления: ссылка на корзину.
Оффтопик
неудачное название, в магазине тоже она, и дейсивие у нас - не выбросить, а отправить(положить?) в корзину
1.2.1 Первое предложение.
Пересекается с блоком верхнего уровня, рассматривать не будем (нетипичный представитель класса).
1.2.2 Второе предложение.
Графически выделен тонкой рамкой.
Состоит из информации о фрилансере (ник, рейтинг) краткой информации о предложении (сумма, срок) и подробного описания предложения.
Элементы управления: приватные сообщения, профиль, действие (указать победителем, в корзину).
Оффтопик
Ошибка? элементы управления вынесены за границы блока предложения.
элементы управления "приватные сообщения, профиль" - не относятся к пердложению, а находяться на том же месте что и "действие".
профиль - доступен и по ссылке с Ником фрилансера (на форуме это не так, визуально одинаковые элементы управления несут разную функциональную нагрузку, грубая ошибка), необоснованное дублирование функций в пределах блока.
ЗЫ. Мне очень нравилась возможность отказать с указанием причины, думаю была бы полезна.
элементы управления "приватные сообщения, профиль" - не относятся к пердложению, а находяться на том же месте что и "действие".
профиль - доступен и по ссылке с Ником фрилансера (на форуме это не так, визуально одинаковые элементы управления несут разную функциональную нагрузку, грубая ошибка), необоснованное дублирование функций в пределах блока.
ЗЫ. Мне очень нравилась возможность отказать с указанием причины, думаю была бы полезна.
Из-за того, что визуально элементы управления не привязаны к блокам, возникает путаница ссылка при большом количестве заявок не понятно с каким предложением сейчас работаем. Необоснованное дублирование элементов управления – перегружает интерфейс и усложняет его.
Рекомендации:
1. Привести графическую структуру страницы в полное соответствие с логической.
2. Убрать дублирующиеся функции (просмотр профиля).
3. Сгруппировать действия в группы (действия над предложениями отделить от действия связанных с пользователем)
4. Избавиться от неудобных селектов для действий (особенно для небольшого количества.
5. Не использовать одинакового вида контролы (ссылка имя пользователя) по-разному в разных частях сайта.
Пожелания:
Верните назад возможность обоснованного отказа.
Дайте возможность выбирать нескольких победителей с комментариями.
Добавьте статусы проекта.
3563 сообщения
#17 лет назад
Ждем комментариев. =)
