Представление табличных данных — вопрос по юзабилити

RL
На сайте с 19.06.2013
Offline
19
750

Привет!

Эта тема не совсем относится к веб-строительству, с точки зрения программирования, но к вебу отношение имеет однозначно — поэтому не оффтоп.

Во-вторых, у меня еще нету полугодового стажа на этом форуме, поэтому писать в коммерческие разделы я не могу. Это жутко бесит, т.к., именно в коммерческих разделах есть подраздел про юзабилити. Ладно, поплакались и хватит ...

Если в этом разделе есть эксперты по юзабилити, то у меня вопрос: как оптимизировать представление данных в таблице, например вот тут — http://bandhunters.org/search/custom/combined.aspx?city=172&tool=1 (с полной версией таблицы — т.е., со всеми полями можно ознакомится через основную форму поиска на сайте — вбейте, например, «киев» и гляньте).

Что мне не нравится:

— таблица серая, сухая и унылая

— не уверен — может стоит растянуть её на всю ширину рабочей области браузера? (width: 100%)

— как-то не хочется кликнуть. Понятно, что кому нужно — кликнет, но всё равно приятнее кликать по красивой таблице, чем по этому серому УГ.

В общем, если кто-то сразу может подсказать как мне улучшить таблице хотябы немного, или кинуть ссылки на соответствующую инфу по представлению данных в таблице — буду благодарен.

Спасибо!

gormarket
На сайте с 29.12.2010
Offline
47
#1

roman_lenko, попробуйте поиграться со стилями ячеек.

Например добавьте такой стиль (внутренние тени ячеек)

#resultsMain tr td, #resultsMain tr th {

-moz-box-shadow: 1px 1px 17px -3px rgba(0,0,0,0.3) inset;

-webkit-box-shadow: 1px 1px 17px -3px rgba(0,0,0,0.3) inset;

box-shadow: 1px 1px 17px -3px rgba(0,0,0,0.3) inset;

}

И width: 100% для данной таблицы тоже подойдет.

Только это растянет таблицу на всю ширину контейнера таблицы (800px), а не на всю ширину рабочей области браузера, что впрочем хорошо, потому что таблица в четыре ячейки и с небольшим количеством текста будет смотреться плохо при такой ширине.

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
Yakuza58rus
На сайте с 04.10.2010
Offline
47
#2

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

Только вперёд!
RL
На сайте с 19.06.2013
Offline
19
#3

Спасибо: ваши рекомендации применил — вроде, стало чуть получше. Осталось еще зебру добавить.

Может кто ещё какие варианты знает?

T
На сайте с 13.05.2011
Offline
65
#4

не стал бы растягивать на всю ширину монитора - данных мало, они в ячейках не всё пространство занимают, а вы ещё хотите их растянуть на всю ширину монитора, чтобы пользователь вертел головой туда-сюда.

По красивому оформлению зебры можете поглядеть http://www.weblabla.ru/css/tables.html.

Имхо, столбец - "добавлено" вообще никакой информативности не несёт. Может туда лучше какие-нибудь отзывы добавить об исполнителе.

Б
На сайте с 18.11.2012
Offline
131
#5

Я бы добавил колонку - кратко о предложении. Одно дело человек ищет группу, и другое дело - создает ее.

А расширять не надо, я бы даже уменьшил ширину за счет имени.

копирайтинг по технике, аудит, курсы SEO

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий