kellylynch (kellylynch) wrote,
kellylynch
kellylynch

Пример использования списка с увеличением высоты "текущей" строки

Иногда (хотя и не часто) в некоторых GUI встречается следующий приём:

— Есть Список (Таблица, Грид)
— "выделенная" строка выделяется не только цветом (обычное решение), но и – дополнительно – увеличением её высоты (по сравнению c не-выделенными строками).

Вариант – "увеличение высоты выделенной строки" применяется не дополнительно к выделению цветом, а вместо него.


Вот пример использования такого подхода в некоем приложении, которое я случайно встретил:



IncreaseHeight



Мне также пришлось применить этот приём в одном из моих приложений (речь идёт о desktop application).  Упрощённо можно изобразить то место в его GUI так:


OriginalList

Список Found items содержал некие строки, которые Пользователь просматривал и, выбрав какую-то,  нажимал кнопку Action.


Когда мы изучали – как можно улучшить этот экран с точки зрения usability – мы обратили внимание вот на что. Пользователю приходилось  (обычно) иметь дело с большим количеством строк из Found items, которые ему требовалось тщательно просмотреть (прежде чем выбрать некую одну). Строки были довольно длинными и содержали однообразную, похожую друг на друга  информацию. “Вычитывание”  этих [длинных] строк требовало немало усилий; а Пользователи работали с этим экраном часто.

Поэтому мы пришли к выводу: чтобы Пользователь чувствовал себя комфортнее и меньше утомлял глаза, нужно увеличивать высоту (вместе с высотой шрифта, естественно) выделенной (находящейся под курсором) строки. Тогда Пользователю будет удобнее “вычитывать” интересующую его строку (крупнее текст – меньше устают глаза):
ImprovedList


См. действующее online demo такого экрана, сделанное в виде MS Silverlight- приложения и размещённое на http://files.rsdn.ru/44022/JoannaDemoPage.html.
Tags: usability techniques
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 0 comments