По горячим следам. (ошибки интерфейса?)

Сегодня очередной раз открывал проект и поймал себя на мысли, что интерфейс проведения тендеров нужно переделать

И так.
Сейчас я разберу на кусочки страницу обзора проекта в том виде, что ее видит заказчик.

То, что есть сейчас, вы можете увидеть на картинке:
ссылка

Поехали.


Какие "сущности" должны присутствовать на это странице?
Есть несколько вариантов модели страницы:

1. Линейный
Проект.
Предложение 1.
Предложение 2.
...


2. Иерархический (нелинейный, "объектный"
Проект.
- Описание проекта.
- Список предложений.
-- Предложение 1
-- Предложение 2
-- ...

[offtopic]Мне больше нравится нелинейный (как более структурированный, логичный и понятный), но на вкус и цвет, как известно, все карандаши разные.[/offtopic]

Какую модель использовал дизайнер?
1. Линейную ссылка
Описание проекта (1)
Предложение 1 (2)
Предложение 2 (3)

При такой разбивке, очевидно, выпал из структуры Заголовок "Предложение фрилансеров" и ссылка "корзина".
[offtopic]К слову, это относится к операции над списком предложений, еще 1 аргумент в пользу иерархоческой модели. При ее построении дизайн блоков напрашивается сам)[/offtopic]Очевидно – Kurilshik то же предпочитает логически более точные модели.

2. Иерархическая модель ссылка
Проект (основная часть, салатовый цвет)
- Описание проекта (фиолетовый блок 1)
- Список предложений (фиолетовый блок 2)
- - Предложение 1 (красный 2.1)
- - Предложение 2 (красный 2.2)

Похоже. Теперь разберем каждый блок по отдельности.


1. Проект - уровень задан четко, отличить основную часть страницы от навигации - просто. Заголовок проекта виден и стоит на нужном месте.

1.1. Блок "Описание проекта".
Графически выделен тонкой рамкой.
Визуально состоит из 2-х частей. Первая - таблица из пар характеристика - значение; Вторая – подробное описание проекта.
Элементы управления один селект с операциями над проектом: «добавить в пекомендуемое», «дополнить», «редактировать», «закрыть».
[offtopic]Элементы управления вынесены за границы блока.
Логическая ошибка? 3 пункта из списка операций связаны с изменением/дополнением условий/статуса проекта, 1 на предоставление доп. услуги (должен стоять отдельно).[/offtopic]


1.2. Блок "Список предложений".
Графически никак не выделен. Часть первого предложения фрилансеров.
Представлен заголовком.
[offtopic]Ошибка? блок не может визуально быть частью бока более "низкого уровня", в данном случае - первого предложения. Как минимум отдельный блок, лучше что бы включал в себя все предложения[/offtopic]
Элементы управления: ссылка на корзину. [offtopic]неудачное название, в магазине тоже она, и дейсивие у нас - не выбросить, а отправить(положить?) в корзину[/offtopic]

1.2.1 Первое предложение.
Пересекается с блоком верхнего уровня, рассматривать не будем (нетипичный представитель класса).



1.2.2 Второе предложение.
Графически выделен тонкой рамкой.
Состоит из информации о фрилансере (ник, рейтинг) краткой информации о предложении (сумма, срок) и подробного описания предложения.
Элементы управления: приватные сообщения, профиль, действие (указать победителем, в корзину).
[offtopic]Ошибка? элементы управления вынесены за границы блока предложения.
элементы управления "приватные сообщения, профиль" - не относятся к пердложению, а находяться на том же месте что и "действие".
профиль - доступен и по ссылке с Ником фрилансера (на форуме это не так, визуально одинаковые элементы управления несут разную функциональную нагрузку, грубая ошибка), необоснованное дублирование функций в пределах блока.
ЗЫ. Мне очень нравилась возможность отказать с указанием причины, думаю была бы полезна.[/offtopic]


Из-за того, что визуально элементы управления не привязаны к блокам, возникает путаница ссылка при большом количестве заявок не понятно с каким предложением сейчас работаем. Необоснованное дублирование элементов управления – перегружает интерфейс и усложняет его.

Рекомендации:
1. Привести графическую структуру страницы в полное соответствие с логической.
2. Убрать дублирующиеся функции (просмотр профиля).
3. Сгруппировать действия в группы (действия над предложениями отделить от действия связанных с пользователем)
4. Избавиться от неудобных селектов для действий (особенно для небольшого количества.
5. Не использовать одинакового вида контролы (ссылка имя пользователя) по-разному в разных частях сайта.

Пожелания:
Верните назад возможность обоснованного отказа.
Дайте возможность выбирать нескольких победителей с комментариями.
Добавьте статусы проекта.

Ждем комментариев. =)

Большое спасибо
О недостатках формы отображения предложений мы уже думали. Переделаем с учетом Ваших пожеланий.