Концентрирующиеся ярлыки качества дизайна

[@unconnected]

жестокий вы человек. сколько абстрактных исследователей обидели :)

[@p1uton]

Надо принимать меры, пока они не стали как британские ученые

[@nicothin]

это которые недавно обнаружили, что Земля круглая?

[@Elektronik]

Не путайте британских учёных с туркменскими!

[@Wott]

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

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

PS. Не читайте статьи типа «10 способов написать 10 способов» за завтраком — они ухудшают пищеварение.

[@Mithgol]

«Так других же нет» (©)

[@Stalker_RED]

вот никаких и не читайте ©

[@ashmind]

Идем по ссылке и смотрим, на какое исследование ссылаются авторы. Как и следовало ожидать, исследование это совершенно про другое и выводов, о том, как лучше располагать подписи, в нем нет.

Label position—Placing a label above an input field works better in most cases, because users aren’t forced to look separately at the label and the input field. (по ссылке: www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php)

Не ясно.

[@ashmind]

На картинках, которые приводятся в качестве доказательства, видно, что пользователи концентрируются на всем, что выделяется относительно фона

Ну на тело ребёнка они (почти) не смотрят, хотя оно выделяется. Но там point не в этом, а в том что пользователи смотрят, куда смотрит человек. И это картинкой подтверждается (точнее, разницой между двумя картинками).

[@p1uton]

Изображение руки, указывающей на надпись, будет иметь такой же эффект.

И даже одна надпись, без всяких картинок, будет концентрировать внимание.

[@ashmind]

Можно сравнить две картинки (что они и сделали).
Очевидно что на второй внимание к тесту больше.

[@p1uton]

Это уже вопросы к тем, кто проводил исследование.

Они предположили, что внимание пользователя будет концентрироваться на лицах — проверили, оказалось что да. На одной из картинок они увидели, что внимание фокусируется и на том, куда смотрит человек на картинке — ребенок смотрит на надпись, внимание концетрируется на надписи (в данном случае). А если ребенок будет смотреть в противоположную сторону или на пустое пространство под надписью?

[@goran]

Интересно. А если бы там был не ребенок, а обнаженная девушка… Какое бы усилие пришлось над собой сделать, чтобы концентрироваться на лице…

[@ashmind]

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

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

[@p1uton]

Остальное относится к дизайну интерфейсов, тестированию, поведению пользователей — это все считается относящися к юзабилити

[@ashmind]

А, заголовок статьи я и пропустил. Согласен, популяристский подход.

[@ashmind]

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

Предполагаю, что об этом говорится в книге! :) Они просто ссылаются на неё так, потому что она продаётся, а не просто выложена где-то.

[@ashmind]

цифры, взятые с потолка, упоминание каких-то исследований

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

[@p1uton]

Просто в этой области есть достаточно известные компании, которые проводят исследования — Nielsen Norman Group Якоба Нильсена, User Interface Engineering Джареда Спула, Cooper Алана Купера. Есть много известных независмых специалистов. Их все знают и на их исследования ссылаются.

Здесь же они не упоминаются.

[@ashmind]

Исследования без ссылок становятся все более крутыми – теперь уже измеряются абстрактные величины и делаются выводы из серии «повышает понимание на 20%»

Ну тут менее чётко, но
Use of whitespace between paragraphs and in the left and right margins increased comprehension by almost 20%. (Lin, 2004)
www.humanfactors.com/downloads/dec05.asp

Я так понимаю, что это был какой-то семинар, не знаю как найти опубликованную версию.

То есть это не с потолка взято.

[@p1uton]

«Размещение подписи над полем ввода в большинстве случаев работает лучше, так как пользователям не приходится смотреть отдельно на подпись и на поле».

Во-первых, «в большинстве случаев работает лучше» превращается в «лучше ставить над полями формы».

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

[@ashmind]

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

[@xgraph]

Так их!

[@ashmind]

о том, что им будет трудно найти подпись к полю, если она будет слева

Left-aligning makes the form scannable

Тоже немного не ясно.

[@sayber]

Жаль что у моего начальника взгляды другие (((

[@densmirnov]

Великолепно. Вчера, когда статью читал переполняли примерно те же мысли, а вы их выразили. Спасибо (:

[@almozavr]

Конструктивая критика — это всегда хорошо, спасибо :)

Как говорится: «Доверяй, но проверяй»

[@sanch3z]

Автор молодец!

[@Finist]

А моя попытка намекнуть на это в комментарии к посту, была жестоко заминусованна лемингами от юзабилити.

[@habraname]

бойся хомячков всякий, на хабр приходящий ;)

у меня три топика подряд в минусах

[@Pongo]

Потому что не было аргументации.

[@habraname]

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

[@nickivanov]

Антон, у вас получился просто отличный пост — вы молодец.

На месте британских учёных, я бы опасался конкуренции со стороны «специалистов» по юзабилити^:-)

[@druidm]

Хороший разбор.
По юзабилити можно еще читать userexperience.ru/
В последнее время там стали появляться вебкасты с описанием экспериментов и результатом

[@nahrihra]

Устройства регистрации движений глаз «в 2006 году только появились»? Справедливости ради стоит сказать, что они существуют не первый десяток лет. Просто за последние несколько лет они стали более простыми в использовании и комфортными для испытуемого.

[@kiir]

Для такой жесткой критики нет оснований — все представленные в статье утверждения имеют под собой реальные исследования.

Да, Фадеев не привел на них ссылки — это ошибка. Но ваша критика — это критика не подкрепленная вообще ни чем.

Вот несколько ссылок сходу — без раздумий:

Ярлыки полей форм лучше ставить над полями формы — www.cxpartners.co.uk/thoughts/web_forms_design_guidelines_an_eyetracking_study.htm и статья Люка Вроблевски со ссылкой туда же www.lukew.com/ff/entry.asp?832

Пользователи концентрируются на лицах — www.useit.com/alertbox/banner-blindness.html «Can't Hide Usability Findings»

Идеальное поле ввода поискового запроса должно быть 27 символов в ширину — книга Я.Нильсен, Х.Лоранжер «Web-дизайн: удобство использования Web-сайтов» с.152-153

[@p1uton]

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

Не думал, что критика будет воспринята как «жесткая»…

[@kiir]

«Не нужно читать всякую фигню» — довольно жестковато :) Тем более, что переводы Фадеева есть в вашем блоге :)

[@p1uton]

Верно. Но та статья очень отличается по стилю изложения. Хотя и в моем блоге тоже есть переводы всякой фигни.

[@CAH4A]

Я прочитал вчера эту статью, и подумал, что всё что написанно максимум тянет на ИМХо человека, не долго работающего с дизайном и юзабилити сайтов. (Особенно понравилось про синий цвет ссылок)

Потом посмотрел на восторженные возгласы и благодарности в слезах — и решил не спорить :)

[@DeadlyShadow]

Наконец-то кританули уже эти 10-666 ошибок юзабилити.

«повышает понимание на 20%» (прямо как в рекламе зубной пасты) — точно, пасты и щетки со своим уровнем отчистки должны уже превратится в шлиф камни. С каждой полосочкой в дизайне на ~90% улучшают отчистку.