Встречают по одежке, а провожают uninstall’ом

Фленов Михаил

Xakep, номер #065, стр. 065-122-3

Дерни за пимпочку

Все элементы управления в окнах должны быть из состава Windows. Не надо создавать кнопки неправильной формы только из-за того, что ты это умеешь делать. Я тоже когда-то делал круглые кнопки и плоские поля ввода. Это плохо влияет на продажи, и очень сложно таким образом сделать что-то гармоничное.

В офисах MS над упрощением пользовательского интерфейса трудится не одна сотня профессионалов. Не думай, что ты умнее их и сможешь создать что-то еще более простое и удобное. Только если среди стандартного набора нет нужного элемента управления, можно задуматься над созданием чего-то более подходящего для решения проблемы.

Побеседуй со мной

Отдельного разговора заслуживают окна диалога. С их помощью пользователи вводят информацию в программу и получают ответы. Если что-то окажется неудобным или раздражающим, то клик по uninstall не заставит себя ждать. К дизайну каждого элемента нужно подходить с особой тщательностью.

Единственное окно, которое может выглядеть как угодно – это «О проге». Его юзер может вообще никогда не увидеть, а если и увидит что-то страшное, то абсолютно не обидится. В остальных случаях извращения не допускаются. Но даже в этом окне должна быть кнопка «Закрыть» или «ОК» - пользователь ведь может и не догадаться, что окно закрывается только по клику в определенной области размером 3х3 пикселя :).

Каким должно быть диалоговое окно? Однозначно прямоугольным и желательно, чтобы ширина окна была больше высоты. Такие окна воспринимаются лучше, потому что мы привыкли воспринимать все в горизонтальной плоскости. Мы смотрим широкоэкранное кино, и у разрешения монитора ширина больше высоты, потому что это привычнее и удобнее.

Посмотри на окно создания резервной копии в почтовой мышке. Оно по вертикали больше, и из-за этого выглядит не очень хорошо. Я понимаю, что разработчики постарались встроить максимум возможностей, но само окно и неровности в компонентах немного раздражают. Помимо этого, последний компонент выбора CheckBox отодвинут вправо. Это лишнее. Все компоненты должны быть выровнены по левой стороне, и прыжки вправо только портят. Если что-то находится в определенной зависимости, то лучше просто запрещать доступность компонента (Enable), чем сдвигать его в сторону.

Единственное, что здесь сделано удачно – все компоненты хорошо сгруппированы. Элементы выбора CheckBox собраны в одну группу, а RadioButton в другую.

Теперь посмотри на рисунок 5. Здесь я убрал пару ненужных элементов (можно было бы и оставить, но без них функциональность не снизится), все выровнял и расширил окно. Теперь интерфейс выглядит совершенно по-другому, и поверь мне, в программе это смотрится еще лучше и намного удобнее.

Свойствами наружу

Если нужно отображать свойства какого-то объекта (документа, файла), то его желательно делать вытянутым по вертикали. Это исключение из правил, которое надо запомнить, и ему желательно следовать всегда.

Всю информацию нужно разложить по тематическим разделам, в виде отдельных закладок. Ярким примером такого окна является окно свойств файла в проводнике или окна свойств документа в Word (меню Файл/Свойства).