Об удобстве интерфейсов

- очень советую использовать этот тег как можно скорее. например, после первого абзаца

habracut - очень советую использовать этот тег как можно скорее. например, после первого абзаца

произошел какой-то дурдом с форматированием.

Вроде бы всё поправлено. Если что-то заметили - пишите :)

Из нового для меня только http://www.crazyegg.com/

Надеюсь для кого-то статья будет полезной.

В шестом параграфе первый пример - слово "Правильно" смотрится частью примера, необоснованно сдвинутой влево.

Пост впечатляет. Мне не пригодится, но позвольте поставить плюсы за труд :)

Супер. Спасибо за столь интересный материал!

можно было текст весь удалить и сделать больше картинок "Правильно", "Неправильно":)
было бы наглядней... а можно посмотреть Ваши сайты?:)

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

Лучше расскажите почему нельзя использовать розовый на голубом? :)

Весьма грамотный текст, одно лишь замечание по п. 1 ("группировка элементов"): есть мнение, что взгляд (по умолчанию) скользит буквой Z, начиная с верхнего левого края. Т.е., если так заложено природой, то этого правила и следует придерживаться, чтобы все главное было слева вверху, а затем по убывающей (и линии) до справа внизу.

С остальным согласен на 100%.

Очень интересно, благодарен.

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

Каждый вспомогательный элемент на странице должен быть расположен в непосредственной близости от главенствующего над ним элемента.

Сейчас сижу и думаю, правильно ли автор применил данное правило для оформления вышеописанной статьи. Надеюсь это не специально :)

Наконец-то появился в рунете урл, который я буду кидать всем начинающим горе-вебдевелоперам. Спасибо!

У Вас то "не правильно", то "неправильно". :) Торопитесь куда-то?

Похожим текстовым балластом заполняют вузовские учебники, чтобы минимум по страницам вытянуть.

Помните, группировать элементы интерфейса нужно грамотно.

Помним.

Например возьмем интерфейс Google и проследим за взглядом:

Давно хочу приборчик для слежения за взглядом. Где брали, почем?

Хотелось бы заметить, что на делении на блоки ваша миссия не заканчивается: эти блоки также необходимо правильно расположить в общей композиции дизайна и не в ущерб удобству.

Мне сперва захотелось откомментить статью одной строчкой: «Да что Вы говорите!»

Эта статья для тех, кто не первый год в дизайне

Сколько лет нужно побыть «в дизайне», чтобы забыть значения слов «палитра» и «эргономика»?

Ну вот, а теперь — в минус меня, в минус.

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

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

эх, печально всё это.
когда, когда уже будет революция в дизайне русских сайтов?

Когда в Африку стали поставлять гуманитарную помощь, резко сократилась смертность. Поэтому выросло население. А кушать нечего, вот и живут кое-как.

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

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

Эта заметка более похожа на выдержки из курса лекций по психологии восприятия сайтов. Автор показывает, насколько он понимает, как делать стоит, а как - не следует. Написание статьи вызвано не желанием "поумничать" или привлечь внимание, ведь уже было сказано, что рассмотренные вопросы на данный момент для большинства прочитавших являются тривиальными; статья больше похожа на крик души, так как автору надоело сталкиваться с неграмотно построенными сайтами, ошибки режут глаза. Как я вас понимаю.

даёшь грамотность в.. в чём бы то ни было!

Интересная статья, спасибо автору. Обязательно пишите еще.

Да нормальная статья, хотя бы меня заинтересовала, и дало еще одну точку зрения человека на ситуацию.

Позитивно :]

Хорошо написано. Спасибо за ссылки.

Я не стал бы приводить Хабрахабр в качестве примера правильного дизайна интерфейса. Меня до сих пор еще клинит на некоторых его кнопках и ссылках.

Статья полезная, спасибо!

спасибо! очень интересно!

Круто :) завидую. В 17 лет я этого не знал.

Насчёт радиобатонов: у них есть проблема - нет варианта "не выбрано ничего", а тогда приходится делать или кнопку "сброс", или чекбоксы с JavaScript'ом, которые работают как радиобатоны, но с возможностью отсутствия выбора.

Перед тем как учить окружающих стоит обратить внимание на себя люимого: http://www.lampochek.net/

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

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

Клевая статья. Несколько типсов: в словаре пром дизайн забыл выделить полужирным, не сразу понятно. А в верстке примеров ты сам чуток наврал... У тебя слова «правильно» и «неправильно» расположены иногда слегонца наобум. Их надо равнять по левому краю примера, с учетом небольшого свешивания (за полосу) засечек. Будет красивее, поверь;) А статья очень хорошая, реально понравилось.