28 сентября 2008 ~ 15 Комментариев

Обрати внимание

ui

Зачастую необходимо обратить внимание пользователя на какую-либо деталь интерфейса.

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

Я хочу Вам показать прием позволяющий обратить внимание пользователя, на мой взгляд, с большой точностью.

Этот прием работает на основе javascript библиотеки jQuery, и, как ни жалко, это не будет работать в браузере с отключенным javascript.

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

screen

Этот скрипт, как заверяют разработчики, работает во всех браузерах. Так же хочется заметить, что это решение очень продуманное, особенно понравилась поддержка скролинга в нужное место на странице.

Советую посмотреть примеры этого скрипта на его оф. сайте.

Посетить оф. сайт плагина для jQuery «seekAttention»

15 Комментариев для “Обрати внимание”

  1. MT 28 сентября 2008 at 15:32 Permalink

    Нет слов , одни эмоции))
    Супер !

  2. Zodios 28 сентября 2008 at 17:18 Permalink

    Спасибо за хороший пример. Это хоть внесет разнообразие, а то уже надоела простая подсветка полей.

  3. Лис 28 сентября 2008 at 19:20 Permalink

    Нет слов , одни эмоции))
    Супер !

    +1
    весьма забавно, и вероятно будет полезно

  4. TYUS 28 сентября 2008 at 21:33 Permalink

    да, блин, яваскрипты много чего позволяют делать. Полезная примочка.

  5. Пузатыч 30 сентября 2008 at 3:40 Permalink

    попробую поставить себе на блог

  6. Вадим 1 октября 2008 at 0:31 Permalink

    Спасибо за пример.

  7. ATimofeev 1 октября 2008 at 23:21 Permalink

    А если ошибки встретятся в более чем одном поле?

  8. Yohan 3 октября 2008 at 12:51 Permalink

    ATimofeev написал:

    А если ошибки встретятся в более чем одном поле?

    А там можно целый параграф выделить – смотрите в примерах…

  9. Vagur 3 октября 2008 at 13:53 Permalink

    Сразу возникла идея сделать интерактивный гид по стартапу.
    только думаю придется попротеть

  10. Я собственной персоной 3 октября 2008 at 14:00 Permalink

    Сразу возникла идея сделать интерактивный гид по стартапу.
    только думаю придется попротеть

    Угу, отличное применение ;-)
    А главное очень интерактивное!

  11. Ипполит 22 октября 2008 at 13:25 Permalink

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

  12. Olga 28 октября 2008 at 21:50 Permalink

    Спасибо за скриптик. Данная тенденция (затемнять весь экран, кроме поля, в которое что-то не верно введено) уже начала входить в моду =)
    Очень актуально =)

  13. LEGION 4 ноября 2008 at 2:17 Permalink

    Действительно гуд! Спасибо!

  14. Дмитрий 13 сентября 2009 at 1:46 Permalink

    Точно, здорово привлекает внимание, спасибо!

  15. alexpts 9 января 2010 at 18:56 Permalink

    Обычно красным всегда поля выделял. Стоит попробывать такое реализовать для сравнения.


Оставить комментарий