Как вы относитесь к замене стандартных контролов формы «дизайнерскими»?

     

    Only registered users can participate in poll. Log in, please.

    Как вы относитесь к замене стандартных контролов формы «дизайнерскими»?

    • 20.4%Положительно. Считаю, что кнопки и инпуты всегда должны соответствовать дизайну сайта.476
    • 41.9%Положительно, но только, если это оправдано. (Например, на графичных промо-сайтах.)979
    • 7.8%Нейтрально. Мне вообще все равно, как оформлены кнопки.182
    • 22.1%Отрицательно. Элементы управления должны быть привычными и стандартными.517
    • 7.6%Вариант с НЛО.178
    Share post

    Similar posts

    Comments 76

      +1
      И вообще, хотелось бы почитать комментарии разработчиков на эту тему. Как приверженцов, так и противников замены дефолтных кнопок на рисованные.
        +26
        Пожалуйста. Вот комментарий. Моё мнение — это мнение противника, а не приверженца обсуждаемой переделки. Как говорится, «ну к чему всё это, лучше бы водки выпили» (из писем Белинского Гоголю).

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

        На Хабре заменили стандартное средство (<input type="file">), вполне пригодное для закачки аватары или фотографии. Заменили на своё.

        И оказалось со временем, что средство это ничуть не работает в последней версии Flash (а также и на мобильниках, где Flash вообще нету).

        А ведь так оно везде или почти везде случается!

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

        Лучше бы дизайнеры меняли вид элементов только средствами CSS: получится перекрасить — хорошо; получится фон переменить — прекрасно; а не получится — тогда всё же останется элемент, с которым пользователь сможет невозбранно достигнуть желаемого, пускай и не так красиво, как то задумал дизайнер.

        Скажем, в WebKit появилася возможность невероятно тонкой настройки внешнего вида полос прокрутки; майкрософтовская же простая раскраска их начинает в сравнении с этим выглядеть ничтожно, ничтожно! Подробности на Хабре:

        www.tinyurl.com/WebKit-custom-scrollbars

        Вот этим бы и пользовались: задавали б CSS-свойства для WebKit, затем для IE, но не дерзали бы навешивать собственный ползунок, наджаваскриптованный джаваскриптом или нафлэшёванный во флэше, которые пользователям Noscript или смартфонов даже увидать невозможно, не то что перетащить-прокрутить.

        (Полоса прокрутки — просто наиболее яркий пример. Другие элементы формы изувечить сложнее, потому что они проще, но для подлинно целеустремлённого дизайнера нет ничего невозможного. Умудряются, умудряются, да ещё как!)

        В этом основная проблема. Не непривычность. Не нестандартность. А простая, банальная, тупейшая, бессовестная несовместимость.

        Конечно, бывают исключения. Скажем, промо-сайты — их вообще подчас целиком во Flash делают. Но это именно исключения. А основное достоинство Паутины — её доступность для вороха разнообразнейших браузеров на массе аппаратных платформ и операционных систем. Не всем удаётся формы переколбасить, а доступность сберечь.
          +1
          Для мобильных устройств иногда вообще отдельную версию сайту делают.
            +2
            Да, только она менее функциональна обычно, да и поддерживают их обычно по остаточному принципу. Лучше уж когда одна версия работает везде, пусть даже и не совсем красивая.
            Не спорю, иногда мобильная версия — необходимость.
              –3
              «Лучше уж когда одна версия работает везде...» — вообще говоря это утверждение оттягивает назад во времени и ведет к деградации. Ок, давайте делать сайты а-ля 90ые, web2.0 в печь и т.д. и т.п

              Вспомнил одного человека, года два назад утверждавшего, что ни один из крупнейших сайтов не может позволить себе красивое выпадающее меню)
                0
                оттягивают назад сайты вроде этого wap.lenta.ru
                  0
                  Не могу с Вами согласится. Я пользлюсь хабром с телефона и при этом он (хабр) вполне современный сайт. И это для меня предпочтительнее, чем навароченый и не юзабельный с телефона основной сайт и урезанная мобильная версия. Повторюсь, есть случаи когда приходится делать именно так, но это должно быть оправдано функциональностью, а не дизайном.
                    0
                    Странно, такое ощущение, что я сказал что-то неверное
                      0
                      Ощущение верное.
                      Проблема в том, что вы подменяете понятие «хороший» понятием «новый». Если красивое раскрывающееся меню нужно для сайта (т.е. даёт ощутимое повышение удобство использования) — это хорошо. Если это делается ради «современности» или «вебдванольности» — в топку эту современность. Мне не шашечки, мне ехать.
                      0
                      Понимаете, сайтов много, и, наверное, у любого ресурса есть конкуренты. Как вы понимаете, я вряд ли буду ставить неудобный для меня браузер и при прочих равных уйду к конкурентам. Более того, если вы не поддерживаете 5% браузеров пользователей, это не значит, что вы потеряли 5 процентов клиентов. Будьте уверены, что я, находясь в этих самых 5% буду активно утягивать клиентов с вашего сайта на другой, где мой браузер будет поддерживаться. Например, мой браузер не поддерживается google docs, и как только появится вменяемый конкурент, я буду создавать документы именно у него. И не важно, что google docs отлично работает у пятерых моих товарищей — для совместного редактирования мы будет использовать уже другой ресурс.
                        0
                        Я не осуждал стремление создавать продукт с хорошей поддержкой!
                        Я осуждал позицию, когда люди не хотят делать что-то стоящее только потому, что хотят сделать «одно нечто» (весьма ограниченное), работающее всегда. Неприятно слышать: «ну, это конечно хорошо, но т.к. 5% пользователей не поддерживают js, работа плохая»

                        Давайте делать красивые и современные вещи, не забывая, конечно, о людях «с ограниченными возможностями».
                  –4
                  А зачем слова повторять повторять?
                    0
                    Нужен кто-то, кто пнёт программистов хабра, и заставит убрать флешевый загрузчик, раз он у большинства не работает. Работы на 10 минут, а уже полгода никто не сделает это.

                    Вообще, жалко что приходится применять флеш из-за попыток сделать неизменяемые элементы управления. Очень не хватает диалога выбора файлов с фильтром типов файлов (хотя в стандарте HTML это есть), изменение этого элемента управления стилями, хотя это уже возможно через хаки.
                      0
                      Так вроде не флешевый загрузчик аватарок на хабре уже, флешевый закомменчен давно (SwfUpload, кстати версия 2.2 уже работает в 10 Flash, но думаю что такое загрузчик имеет смысл юзать только при загрузке больших файлов, когда важно выводить % загрузки и проверять тип файла до его отправки на сервер).
                      –2
                      двачую
                      0
                      Я, как разработчик, считаю, что все(не только контролы) эти дизайнерские выебоны только отвлекают от сути и в 99% случаев отражают прихоть дизайнера либо выпендрежного проджект-менеджера, пытающегося насунуть клиенту очередное фуфло, нежели реальные требования заказчика. Более того, часто отвратительная реализация ведет к негативному восприятию всего сайта, каким бы идеальным не был его движок.
                      Такое уж оно, мнение разработчика.
                        0
                        По-моему есть случаи, когда именно эти «дизайнерские выебоны» и нужны для достижения цели заказчика. Промо-сайты, Глэм, Сайты музыкальных исполнителей. Да те же визитки, компаний работающих на Имидж.

                        Конечно, есть случаи, когда у дизайнера кроме плюшек за душой ничего нет, ну тогда это проблема кроется глубже, чем проблема «плохих кнопок».

                        Вообще, сферический дизайнер в вакууме, должен понимать какая цель сайта и какая ЦА, какое впечетление должен оставить сайт, и взамисимости от этого придумать инструменты для достижения этих целей. А какие шрифты, какой цвет, чего там уже наляпано — чьё-то «имхо» и субьектив.
                          0
                          Вот для этих случаев и остаётся 1% и я с ним не спорю. Но, согласитесь, качество нынешнего веба оставляет желать лучшего и на фоне этого сабж только усугубляет ситуацию.
                            0
                            Я не думаю, что (Промо-сайты, Глэм, Сайты музыкальных исполнителей)/(Все сайты) = 0.01%. Мне кажется этот процент больше. Но спорить не буду, ни одной такой статистики не видел.
                      0
                      Все нужно в меру, обычно в 90% случаев при изменении дизайна элементов получается жуткая каша.
                        +1
                        Можете уточнить, что значит оправдано?
                          +1
                          Если стандартные элементы формы портят дизайн сайта. Такое часто бывает на глянцевых промо-сайтах.
                        • UFO just landed and posted this here
                            0
                            вспоминается деление сайтов на информационные и презентационные от самизнаетекого =)
                            наверное об этом вы хотели сказать…
                              0
                              >селекты нельзя, так как зачастую начинается «тупняк».
                              Ну почему же нельзя? Эмулятор селекта можно сделать запросто. Да и всего остального тоже.
                              Можно картинками заменить и checkbox и radio.
                              Только хочется таких выдумщиков бить по голове, пока вся дурь не вылетит.
                              • UFO just landed and posted this here
                                  +1
                                  нарушение юзабилити начинается с того что привычные системные контролы заменяются на дизайнерские фантазии. А с поведением я как-то проблем не вижу. При желании можно такое поведение сделать сверх дефолтного, что пользователь вообще опупеет.
                                  • UFO just landed and posted this here
                                      +3
                                      я еще раз объясняю, что проэмулировать можно все что угодно — от внешности до поведения.

                                      А юзабилити оно и в африке юзабилити. Непривычное непривычно вне зависимости от возраста.
                                      Даже для грудных младенцев если заменить контрол-сиську на молочный пакет — мдаленец останется голодным или еще хуже, подавится.
                              +11
                              Только если эти дизайнерские элементы не копируют стандартные кнопки из другого браузера\операционной системы.
                                +6
                                О! Это вообще клиника!
                                –1
                                В Висте стандартные радиобатоны сделаны настолько убого, что почти невозможно отличить отмеченный радиобатон от пустого. Поэтому иногда подобные замены более чем оправданы.
                                  +1
                                  Это проблема Висты. Изменение контролов в рамках отдельно взятого сайта — ни разу не панацея.
                                  • UFO just landed and posted this here
                                    • UFO just landed and posted this here
                                      0
                                      Ну я сейчас из-под висты ничтоже сумнявшись проголосовал радиобатанном в этом опросе.
                                      Понятия не имею о каких проблемах вы говорите. Это же не кастомные были?
                                        +1
                                        В этом случае лучшей заменой будет замена висты на другую операционку :)
                                        +3
                                        Лёгкое изменение бордеров и бекграунда в инпутах под дизайн в большинстве случаев влияет положительно на впечатление от сайта. Изменение же чекбоксов/радиобаттонов влечёт за собой программирование их стандартного поведения (переходы по Tab, изменение состояния по пробелу и прочую головную боль).

                                        В общем, в этом вопросе главное сохранить узнаваемость компонентов как таковых и их стандартное поведение, в противном случае будет затруднено достижение главной функции формы — её использование.
                                          –4
                                          иногда в FF под kde4 контролы могут выглядеть просто ужасно по умолчанию, так что замену всячески приветствую.
                                            0
                                            Чем FF под KDE4 отличается от FF под чем-то еще? Он и в винде точно так же выглядит.
                                              0
                                              тем что он сделан на gtk а под kde4 темы gtk-шные не работают или работают криво.
                                            –1
                                            Кнопки — зло.
                                              +9
                                              мне нравится как выглядят контролы в моем браузере и я не хочу чтобы кто-то решал как будет лучше.
                                                –4
                                                Положительно если прорисованы кнопки-чекбоксы-листбоксы так же качественно как в ExtJs.
                                                  0
                                                  Согласен, для рабочих веб-апликаций — самое то!
                                                  Первое с чего началась интеграция extjs в мой проект — замена стандартных «неудобных» комбо-боксов на extjs комбо-боксы, которые более удобные из-за легкой и наглядной системы поиска и фильтрации данных.
                                                    0
                                                    Аха, там каждая кнопка на тулбаре — отдельная таблица с тремя колонками. Внутри еще элемент em, а уже внутри него непосредственно кнопка.
                                                    Такое у меня на двухядерном процессоре тормозит, на нетбуках вообще страница будет полчаса рендериться, а на телефонах и вовсе не будет работать.
                                                      0
                                                      Для телефонов обычно предусматривается graceful degradation. Что касается медленных систем — раз мы говорим о рабочих приложениях, то в настройках оного можно поставить галочку, которая все навороты убирает. Главное — чтобы JS не навешивал доп. функционал на те же чекбоксы, делая их например трехпозиционными, в таком случае откатываться уже не получится.
                                                        0
                                                        Думаю проблема тут не в «двуядерном процессоре», который тормозит. У меня целое приложение написанное на эксте, и ничего знаете ли не тормозит.
                                                      +2
                                                      Крайне отрицательно.
                                                        +1
                                                        Вот в Гмайле же дизайнерские, и ничего, круто смотрится.
                                                          +1
                                                          а в яндекс.почте стандартные, и тоже хорошо выглядят :)
                                                            –2
                                                            Я думаю, гугл потратил прилично денег на их программирование :) плюс там это оправдано дополнительным функционалом этих контролов. плюс это же гугл ;)
                                                            +2
                                                            Отрицательно. Дизайнеры нарисуют их любимые «скругленные уголки» у контролов, а потом сидишь и фиксы пишешь под разные браузеры, которые с выходом новой версии перестают работать.
                                                              –4
                                                              <input src="img/go.gif" type="image"/>

                                                              А вы как делаете?
                                                                +1
                                                                Ага, а если там текст, который должен контрол растягивать? ;)
                                                                  –2
                                                                  [жмет руку]

                                                                  тут как говорится про дизайнеров — «Их вера гласит, что все можно исправить в фотошопе» :)
                                                                    0
                                                                    «Двери». Но тогда жмакаться будет только с помощью Javascript.

                                                                    ну и
                                                                    .door_button { display: none; }
                                                                    .js .no_door_button { display: none; }
                                                                    .js .door_button { display: static; }
                                                                      0
                                                                      Или вот полностью css-compatible.
                                                                      <div class="very_cool_corners" style="display: inline-block"><input style="background: transparent"/></div>
                                                                        0
                                                                        В тэг Button можно засунуть вообще все, что заблагорассудится
                                                                        «Двери» тоже упомянули, JS не причем вообще.

                                                                        Хотя, таких дизайнеров бил, бью и бить буду
                                                                    0
                                                                    Положительно, если у дизайнера есть художественный вкус, и он не забивает на юзабилити в конечном счёте. Но увлекаться JS придатками не стоит.
                                                                      0
                                                                      был такой опрос уже… я за стилизацию, но не надо изменять ее до неузнаваемости.
                                                                        0
                                                                        моё НЛО называется Opera
                                                                        Enable styling of forms: false
                                                                          0
                                                                          Это спасает только от стилизации, а вот с заменой элементов формы на «приблизительные аналоги» на js или flash, к сожалению, ничего не сделаешь.
                                                                            0
                                                                            да: (
                                                                            ну если не считать некоторых правильно сделанных контролов, которые подставляют себя только при наличии яваскрипта, а при его отсутствии оставляют стандартные — в таких ситуациях отключенный яваскрипт помогает
                                                                          0
                                                                          Правильный ответ выделен скобками :)
                                                                          • UFO just landed and posted this here
                                                                              +8
                                                                              Отрицательно.

                                                                              Говорю как пользователь, который вынужден учиться работать с новыми контролами на каждом вшивом сайте, и как разработчик, который вынужден стелиться под нужды «креативных дизайнеров», которые пишут знак копирайта, как (с).
                                                                                +1
                                                                                С одной стороны, стандартные виджеты нужны, ибо привычно.

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

                                                                                Стыбрил эти мысли у Джефа Раскина.
                                                                                  0
                                                                                  Тот же Раскин говорит нам, что взаимодействие должно быть единообразным. Так чтобы мы ни капли своего драгоценного времени не тратили на адаптацию. Один раз научился чему-то и используешь этот навык везде.
                                                                                  0
                                                                                  нестандартные контролы можно применять только если ты уверен, что они будут работать. в остальном — нужен стандарт. и все будут счастливы
                                                                                    0
                                                                                    Вообще отношусь отрицательно, так как верстал ткаие поля. Как же бесит вставлять всюду по 5 дивов (и ломать красоту кода) и пыхтеть в фотошопе, склеивая чертовы уголки, ненавижу! варианты с явасриптом не рассматриваю, так как они еще хуже, из за замедления скорости загрузки.
                                                                                      0
                                                                                      Отрицательно :)
                                                                                      Больше всего отрицательно отношусь к маковским контролам на макетах
                                                                                        –1
                                                                                        Как обычно не удержусь чтобы не плюнуть в w3c.
                                                                                        Их идиотская боксовая модель делает весьма затруднительной кроссброузерную подгонку по размерам дефолтных контролов.
                                                                                          0
                                                                                          CSS Box model неплохо подходит для своей изначальной задачи.

                                                                                          А вот для GUI она не подходит, это точно.
                                                                                            0
                                                                                            она подходит очень плохо. Просто из рук вон отвратительно. Идеально подходит модель от MS, которую эти уроды ввели только в треью версию, приятие которой будет тянуться очень долго.
                                                                                          0
                                                                                          за первое, но с двумя «но»:
                                                                                          1 — не менять вид так, чтобы вообще не было понятно, это инпут/кнопка.
                                                                                          2 — делать только то, что точно будет работать везде.

                                                                                          Only users with full accounts can post comments. Log in, please.