Некоторые элементы графического интерфейса (контролы) являются метафорами реальных объектов: слайдеры похожи на рычажки с микшерских пультов, чекбоксы — на квадратики для галочек с бумажных анкет. А, пожалуй, самой яркой метафорой являются кнопки.
Отличительной чертой реальных (физически существующих) кнопок является их объемность. Сейчас, конечно, есть устройства с кнопками, не выделяющимися рельефно, а помеченными только особенной раскраской. Однако, лет 15 назад, я думаю, кнопки у людей четко ассоциировались с круглыми и квадратными «пимпочками», на которые можно нажимать.
Соответственно, при разработке контролов одним из самых бесспорных решений можно назвать придание объема кнопкам. Чтобы кнопки не выглядели чуждо остальному интерфейсу, элементы вроде текстовых полей тоже сделаны объемными. В объемном виде набор контролов перекочевал из настольных приложений в веб.
Сначала разработчикам было не до CSS, и кнопки оставались объемными, а ссылки — синими с подчеркиванием. Потом мы освоились и стали менять цвет ссылок, убирать подчеркивание, делать кнопки и текстовые поля плоскими. Что-то выходило удачно, а что-то — нет. По-моему вариант с плоскими контролами провальный, хотя и может вогнать в искушение.
Дмитрий Сергеев, 26 лет, разрабатываю сайты на Drupal, управляю интернет-проектами
Комментарии
Огоньков, 24.08.2007 00:16
единственная проблема это поменять нормально без извратов вид остальных контролов))
Дмитрий Сергеев, 24.08.2007 00:25
Я пока не определился окончательно, но склоняюсь к тому, что вид контролов вообще не надо менять. Так же, как и вид полосы прокрутки. Ну а избыток энергии всегда можно направить в мирное русло :)
Огоньков, 24.08.2007 09:54
я пришел к тому, что для некоторых систем и браузеров лучше сделать "обнулятор" стилей, которые работают под win)
в том же Safari контролы в стиле Win будут глядеться довольно подозрительно) есть ещё конечно FF под Linux, там вроде тоже можно как-то менять внешний вид контролов... но это пом-оему скорее исключение, и с ним можно не заморачиваться
D.S.Denton, 30.08.2007 03:15
+1. никто ведь не против JS, хотя если им чрезмерно увлекаться (как многие начинающие на "народных" сайтах) это выглядит намного хуже измененных кнопок и чекбоксов
Nikita, 24.08.2007 02:29
Всё индивидуально. Всё должно быть в тему. Если это имиджевый, презентационный сайт - контролы можно менять в соответствии со стилем сайта. Если сайт информационный, то имхо следует контролы оставлять в покое. И кстати, не плохо смотрятся плоские контролы, если всё сделать красиво, стильно и удобно. Но однозначно говорить: это менять, а это ни в коем случае не менять - нельзя.
Дмитрий Сергеев, 24.08.2007 10:13
Согласен, сайты со ставкой на дизайн могут многое себе позволить. Однако, кнопки с рамкой solid используются как-то неоправданно часто. Иногда плоскую кнопку, залитую тем же цветом, что и фон страницы, приходится искать. Но главная проблема даже не в этом.
Большинство пользователей компьютеров не слишком сметливы в плане разгадывания причуд UI-дизайнера. Кнопки для таких людей -- опорный камень. Они понимают, что на выпуклую чужеродную штуку можно нажать. Если убрать объем, аналогия с кнопками в реальной жизни (и даже кнопками в ОС) исчезает.
Evgeny Sergeev, 24.08.2007 08:45
Лично мне, не нравятся объемные контролы в том виде в котором они реализованы сейчас. Люблю мягкие формы с тенями :-)
Дмитрий Сергеев, 24.08.2007 09:57
Не нравятся даже контролы из Оперы и MacOS?
Evgeny Sergeev, 24.08.2007 19:26
Естественно, я имел в виду виндовые и линуховые контролы :-) МакОс, к сожалению, возможности юзать нет!
Edzo Hogusava, 24.08.2007 12:29
Есть одно страшное изобретение - округлые кнопки на маках (да- именно из второй и третьей сафари). Те самые про которые Джобс говорил, что он хочет чтоб они получились такими, чтобы "их хотелось лизнуть".
По-моему они еще хуже, чем плоские и отCSSенные. Тем, что своим карамельным стилем слишком бесцеремонно врываются на страницу. Я конечно понимаю что многим нравится, но что, если люди не интерфейс лизать на страницу пришли? :-)
Дмитрий Сергеев, 24.08.2007 14:28
Я с маками близко не знаком, но не думал, что кому-то не нравятся глянцевые кнопочки. Интересно, спасибо.
Антон, 27.08.2007 03:35
Согласен.
Денис Тимошенко, 05.09.2007 00:53
ИМХО, если человек привык работать в сафари, а многие сайты не ставят никакого оформления на элементы управления, то он привык уже видеть эти карамельные кнопки и быстро находит их в дизайне страницы. Другое дело, если кнопка оформлена по-своему, то вряд ли пользователь с такой же быстротой ее найдет.
Антон, 27.08.2007 03:34
Вот именно поэтому я всегда рисую свои собственные кнопки :)
Алексей, 27.08.2007 23:37
По-моему, проблема контролов состоит не в их объемности или её отсутствии.
На микроволновках и стиральных машинах даже самые закоренелые домохозяйки кнопки находят легко. Потому что дизайн таких устройств, как правило, от кнопок управление не отвлекает, наоборот.
Когда посетители сайтов видят горизонтальную линейку главного меню, они не обращают внимание на объемность кнопок или подчеркнутость ссылок — они привыкли к этому элементу, узнают его по ряду косвенных признаков. Стоит эту линейку, например, развернуть на 90 градусов, и у кого-то из посетителей появятся затруднения.
Контролы должны, во-первых, не быть съеденными дизайном, а, во-вторых, не нарушать ожиданий пользователей, привыкших (или привыкающих) к использованию интернет-сайтов (а не девайсов 15-ти летнего возраста).
Для себя сделал вывод, что метод с объемными (а лучше и вообще умолчальными) — путь наименьшего сопротивления, лишенный рисков. Если рисковать, можно сделать красивее и может быть даже чуточку удобнее для какого-то конкретного сайта и какой-то предполагаемой аудитории (но при этом рисковать надо сознательно и, главное, потом риски как-то измерить).