четверг, февраля 21

Пальцы и стрелки

Я вот чего думаю: есть палец, и есть стрелка. И надо их как-то упорядочить. Не просто так вот: взять и упорядочить, а потому что HTML не спасает уже. Кстати, не только меня он не спасает, посему все страждующие, как и подобает всем страждующим, делятся на группы.

· те, кто забивают;

У этих олд-скульных парней есть одно преимущество: они оставляются все на откуп браузеру, а значит: что не нужно, где не нужно не вылезет — все будет привычно и, следовательно, интуитивно понятно. Только это не правда.

Фишка такая: у нас есть текст, картинки, инпаты, кнопки, ссылки и пустота. Мы их берем, да смешиваем. Ну как цвета в фотошопе: смешали черный с белым, а присущая контрастность и пропала. И вот смешали мы инпат с пустотой текст с картинкой, да повесили на щелчек смену контента в каждом третьем параграфе. И чего надо делать? Кстати, вот тут комфортно потыкать (внизу, третья спарва колонка).

· те, кто лепит.

«Можно жмакнуть — лепи палец!» Главное, чтобы такой подход на клейку обоев не распространялся, а то ромашки вместо окон — всегда весело, но форточку открывать не удобно.

Я вот как-то свои таблички показываю, и получается:
— А чего на заголовках не палец? Сортировка меняется по клику, а пальца нету!
— Ну так подсветка есть, а подсветка просто так не появляется, поймет юзер.
— Ну так ведь интерактив есть.
— Ну так на селектах тоже интеркатив есть, а пальца нету: ни в винде, ни в браузерах.
— Лучше бы был.

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

А если приглядеться

  1. IE ставит cursor только на пустоте и драг-дропе, text там, где бы было круто начать выделять текст;
  2. Opera применяет text только к интапам с ручным вводом;
  3. FF познается легче всех: текст — text.

И, все как один, ставят pointer на ссылках. IE и FF жарят pointer на input[@type="image"]

Получается сдеующее:

  1. IE отделяет начало эффективного выделения и переход на другую страницу;
  2. Opera более отчетливо (дальше от формы) выделяет переход на другую страницу и работу с формами;
  3. FF сообщает пользователю, что курсор находится над текстом и переход на другую страницу.

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

  1. начало эффективного выделения мне не уперлось, если текст забит кратинкой, то того, что я это сразу узнаю, мне счастья не прибавится; а инпат-картинка она всегда рядом с формой, или на ней «Download» 32м кеглем написано, или еще что-то: то, что она интерактивная по контексту понятно, а наводить на все подряд картинки на странице тоже никто не будет (ох ты! а на этой можно жмакнуть!); а вот место для драг-дроп с пустотой мешать совсем не хорошо;
  2. хм… если придумаю, допишу потом;
  3. тоже, что и IE, в принципе.

Переход на другую страницу

Палец, если рекомендации посмотреть, положен не просто для ссылок, а для ссылок с атрибутом href. Получается, если ссылка никуда не ведет, то и пальца не нужно. Но и если ссылка ведет на туже страницу, только скролит ниже — тоже палец… Отсюда «переход на другую страницу» следует именовать не иначе как «выход из текущей информационной единицы?» Ну ладно, будем так называть, лишь бы к словам не цепляться.

На кнопке «Отправить» нету никакого пальца, а куда-мы-смотреть-будем меняется. Но мы же понимаем, что если по кнопке жмакнуть, то что-то, да случится, а по тексту, типа как, не поминаем. И, типа как, оно сходится, если не считать, что сходится оно только в навигационном меню, а человек его распознать не может, т.к. оно хрен когда подчеркнуто. Типа как.

Информационная единица

И вот тыкаем по мы подчеркнутому тексту «Б. Гейтс» и раскрывается у нас точка тремя буквами… и больше ничего не происходит. А если подсказка в два абзаца всплывает (угу, при щелчке), то чего? Внимание сбито, как ни крути. Даже осознано. А в чем разница? В том, что читать человек будет другое, так? Так. Так и в селектах тогда нужен палец, человек, ведь, позиции из списока будет читать, так? Так. А нету пальца, и не будет человеку удобно и привычно, если у него палец над селектом светится.

Во! Замещать одна информационная единица другую должна, замещать. Вот. И так замещать, чтоб обратно хрен вернешься, чтобы пользователь подумал а надо ему оно? А что такое «информационная единица» я не знаю, знаю только, что если навел мышку на то, что её заместит, ему надо палец показывать. Вот шаг в форме, у него десять полей, у следующего еще десять — тоже единицы, и краткое описание у новости нифига не полный текст (единицы две, а смысл один), а «More options…» нифига не единица, потому что контент она помогает опознать, а сама не контент, а поп-ап (не новое окно, а именно pop up) по смыслу надо смотреть (если он «More options…» то я из него ничего не узнаю интересного).

1 комментарий:

kodji комментирует...

ох написал-то написал! Хороший крик души получился, но слегка запутаный)

Мое мнение - если что-то может выполнить какое-то действие - должна быть рука, кроме случаев когда ясно видно и без руки, что это "что-то" может выполнить действие)