Usability
Design
Comments 160
0
Я боюсь предположить, но если есть He-Man, значит где-то его ждет She-Man? :)
0
О да… До сих пор где то в шкафу валяются эти игрушки… Даже панетра скелетора где то была.
0
Пункт 10 в широких колонках можно немного нивелировать расстановкой мягких переносов (­), хотя неразрывные пробелы, например, всё равно имеют фиксированную ширину и при изменении межсловных пробелов в тексте браузеры обходят их стороной. Так что, ИМХО, в отдельных случаях рискнуть всё же можно.
-1
Пункт 10, на мой взгляд, весьма спорен. Мне, например, гораздо комфортнее читать текст, выровненный по ширине, а скачущая правая граница текста раздражает. К тому же в газетах и журналах текст выровнен по ширине и для тех, кто читает не только интернет такое выравнивание естественно и привычно.

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

P.S. Все вышесказанное — личное мнение.
+6
Имеется в виду *автоматическое* выравнивание по ширине. Без вылизывания. Для резиновых сайтов, например. На фиксаже (как и в журналах) можно добиться хорошей читаемости при таком выравнивании, а когда это применяется где попало, и тексты предварительно не подготавливаются — это плохо)
0
В большинстве случаев (когда колонка текста шириной не менее трети ширины современного монитора и размер шрифта не гигантский), текст, выровненный по ширине смотрится хорошо.

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

В целом совет 10 можно читать так: «Т.к. вам все равно лень поработать с текстом или версткой (ограничив, где надо, ее резиновость), то используйте выравнивание по левому краю везде»

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

Опять же, все имхо
-4
Поставил бы вам плюс, да карма не позволяет. В данном случае, я согласен с вами полностью, выравнивание по ширине неуместно.

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

А вот, например, статьи на хабре весьма неплохо бы смотрелись выыровненные по ширине, ибо шинина колонки позволяет
+1
В особенности неплохо смотрелись бы выровненные по ширине исходники.
+5
Ну давайте еще подсветку синтаксиса в художественном тексте сделаем. Если пользоваться инструментом бездумно, то много чего до абсурда довести можно.

Смысл моих постов в том, что утверждение: «использовать выравнивание по ширине — преступление», на мой взгляд, неверно. Также как неверно утверждение: «везде нужно использовать выравнивание по ширине».

Головой думать прежде всего нужно.
0
И спасибо всем, кто молча заминусовал карму. Всегда приветствовал конструктивную критику.
0
Кстати, это скриншот известного сайта. Довольно давно я писал им в редакцию просьбу исправить, однако же, как видно, ничего не изменилось.
-9
Всегда выравниваю текст по ширине везде, где это возможно — таким образом информация подается в привычном для человека виде. И очень не люблю, когда сайты с отличным дизайном и контентом этого не делают. Опять таки ИМХО.
UFO landed and left these words here
-1
А вот это, между прочим, неожиданно правильно! Максимум возможных настроек для предпочтений широкого круга пользователей. Вот так из нечаянных шуток что-то полезное появляется.
0
user css позволяет реализовать этот максимум прямо сегодня.
0
GreaseMonkey — наиболее быстрый и гибкий путь, на мой взгляд.
-3
В газетах (и в ворде) для выравнивания по ширине используется изменение расстояний между буквами, поэтому выглядит такое выравнивание нормально. А в браузерах — только между словами.

Кажется так, может кто поправит.
UFO landed and left these words here
0
Кстати, есть плагины, которые могут переносы расставлять. Вроде на JS, хотя могу ошибаться…

Решил по быстрому погуглить, нашел статью хабра habrahabr.ru/blogs/typography/49068/, но это не автоматическое, а надо тексты туда-сюда копировать.
+3
В газетах и журналах пользуются переносами, в онлайновых изданиях — в основном нет, потому текст в строке расползается в ширину, в каждой строке расстояние между словами выходит разное, что выглядит некрасиво. ИМХО, если и использовать выравнивание по ширине, то только в сочетании с мягкими переносами (­). Именно так я делаю в статьях на своем сайте, для удобства вставки переносов есть удобный инструмент — OnLine Hyphenation
0
покуда браузеры не научились нормально переносить слова (а пока даже подвижек в этом направлении не наблюдается) к совету стоит прислушаться, _особенно_ для узких колонок.
0
Без переносов ни в коем случае не естественно и не привычно. Недопустимо широкие пробелы уродуют верстку и мешают чтению.
-2
Вот тут пример текста, выровненного по ширине:
eaglenest.ru/article/Justify%20and%20Hyphenation

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

Еще раз повторюсь, я не сторонник использовать выравнивание по ширине где только можно. Но и не согласен с мнением, что такое выравнивание вообще нельзя нигде использовать.
+7
Великолепный пример!
Image #732724, 3 KB

Все еще выравниваете по ширине? Мы идем к вам!
-2
Ну да, форматирование основного текста статьи вы не заметили. Найти косяк и заклеймить позором выравнивание по ширине во всех ситуациях, конечно, же стоило.

Только вот я не призывал его использовать везде и всегда
+3
Основной текст? Присмотрюсь и к основному тексту:

Image #732748, 3.3 KB

Ну просто отличный основной текст!

Получается, сапожник без сапог?
-1
Дайте мне ссылку на любой ресурс, и я поигравшись размером окна и размером шрифта покажу вам косяки верстки.

Давайте PDF будем отображать.

Про сапожника не понял. Ресурс не мой, первое что попалось в гугле.
0
Я хотел показать не косяк верстки, а простую вещь: на широкой колонке выравнивание по ширине смотрится нормально, а на узкой колонке — плохо. Чем уже колонка, тем хуже, но при этом узкую колонку читать удобнее чем 80%-100% экрана (особенно на широкоформатных мониторах). И пока все варианты переносов — это костыли, разной степени кривости.

Так что пока гораздо лучше text-align:left чем криво мостить переносы.

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

В целом убедили, text-align:left в большинстве случаев действительно более приемлемый вариант. Соглашусь с вами.

Но все же, говорить, что выравнивать по ширине категорически нельзя никогда я бы не стал.
0
Ну, у автора статьи написано «Старайтесь не использовать», т.е. без особой категоричности. Так что это если и юзабилити-преступление, то мелкое.

Сам я стараюсь не использовать justify даже в широком основном тексте — если нужно будет вставить картинку с обтеканием, даже в широком красивом тексте внезапно появляется уродливая узкая колонка со всеми прелестями километровых пробелов.
0
Я думаю этому тексту в такой форме никакое выравнивание не поможет ^_^
0
Да нет, с выключкой влево все не так уж и жутко.

Image #732946, 3.6 KB

Правда сочетание цветов и пестрящие подчеркиванием ссылки…
0
И я о том же ;-)

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

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

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

В узких колонках или без переносов выключка по формату вообще недопустима, ибо тихий ужас )
0
В газетах и журналах при выравнивании по ширине используются переносы частей слов на другую строку, поэтому там все нормально
0
Пункт 10 — дань тамошней типографской традиции + длительное игнорирование Мозиллой символа неразрывного пробела + сниженные станарты оформления текста в WWW
+4
Хорошая подборка. Почти всё знал, но нелишним было вспомнить.

P.S. Последний пункт — это всё-таки не по центру, а по ширине.

{text-align: justify;}
+3
Если совсем занудничать, то надо «выключка по формату» ))))
UFO landed and left these words here
UFO landed and left these words here
+3
Да, но некоторым это не позволяет религия либо сложная структура формы. И я их поддериваю.
UFO landed and left these words here
UFO landed and left these words here
UFO landed and left these words here
UFO landed and left these words here
UFO landed and left these words here
+2
Это плохо. когда label отдельно, его например можно вынести влево float'ом, да и что-то выглядит ка-то топорно, лучше for использовать.
UFO landed and left these words here
+1
>Очень спорно, и к тому же красиво не реализуемое.
если картинка без прозрачностей, то очень всё хорошо реализуемо.
особенно если это image-raplacement — тогда при отключении картинок сохраняется цветовая стилистика сайта.
UFO landed and left these words here
+3
естественно ничего, потому как автор имел в виду именно фоновые картинки, а не картинки.
<div class="welcome"></div>
UFO landed and left these words here
+2
естественно ничего, потому как автор имел в виду именно фоновые картинки, а не картинки.
<div class="welcome">Hello, habrauser!</div>
.welcome {background: #333 url('../img/welcome.png')}

указал картинку — укажи и цвет!
UFO landed and left these words here
UFO landed and left these words here
+11
Преступление #11: Не прописывать цвет body
Даже если body — белый, это надо явно указывать, т.к. есть люди, у которых фоновый цвет в браузере не белый, это приводит к тому, что у них ваш body отображается фоновым цветом браузера.
+1
Дык всё это давно «покладено» в reset.css ))))
А список можно пополнять бесконечно…
0
В свое время этим грешил даже сайт apple.

p.s. Я бы этому преступлению дал #1, так как видно его сразу.
0
пожалуйста, не надо прописывать белый цвет body, потому что у некоторых людей цвет фона в браузере не белый специально

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

Статистику дайте, статистику! ))
+1
Я думаю носкриптом тут многие пользуются. Как минимум их надо предупредить о том, что на странице есть скрипты. Вообще говоря мне уже сложно себе представить серфинг без этого плагина. Недавно ставил хром, но ушел с него в том числе и из за этого.
0
Не нужно этого делать. Если пользователь изменил у себя цвет, то только ему за это отвечать, зачем ему что-то навязывать? Хочет читать чёрным по чёрному — его дело )
0
По justify очень спорно :) Вся печатная в ч.т. и в электронном виде продукция как раз выравнена по ширине. Так что от контекста зависит.

Другое дело, что переносить по слогам (XXI век, чёрт побери!!!) браузеры ещё не научились, поэтому в узкой колонке могут возникнуть огромные пробелы, что не очень красиво.
UFO landed and left these words here
0
Угу, очень жаль, что с этим всё глухо и никакого прогресса не видно.
+7
Про пункт 9 и P.S. у статьи автор конечно отжег! Я прошелся по всем его подчеркнутым словам, в надежде перейти на оригинал =))
+3
я старался )))
мне — веселье, вам — закрепление материала!
-2
Пункт 10 весьма спорен, меня, например, сильно раздражает рваная правая кнопка при text-align: left
0
граница текста конечно же, а не кнопка
не проснулся ещё :-)
+7
Полуторасантиметровые пробелы гораздо омерзительней.

На узкой колонке выравнивание по ширине невозможно, если у вас не расставлены мягкие переносы очень и очень тщательно, часто даже вручную. Для веба это делать сложнее, т.к. конечный результат может быть разный у разных пользователей.
0
Дык никто и не призывает юзать джастифай в узких кололнках, там это реально коллапс, а вот в центровых контентных это часто можно себе позволить, там не будет диких интервалов между словами.
0
Для веба это в принципе невозможно, так как сталкивался неоднократно, что один и тот же текст с одними и теми же стилями разные браузеры рендерят по-разному. Например, в Опере 9.2х строка была на несколько пикселей длиннее, чем в IE7. Соответственно, кернинг идёт лесом (
0
Почему ж так все не любят выровненный по ширине текст, такое ощущение что я единственный у кого с этим проблем не возникает. Конечно 3 строчки не надо равнять, но абзац-то можно.
UFO landed and left these words here
-3
Чтобы продемонстривать это, тебе пришлось придумать много новых слов.
-2
10 преступлений, 100 способов закругления, 25 способов привлечения, 26.5 способа создания… пф… надоело
+12
Обычный космополитен-стайл. 10 способов завести парня, 20 способов купить себе шляпку.
0
Хорошо, когда есть уже придуманный выбор, да? :-) Просто ткнуть пальцем в один из 10 (20) способов и никаких проблем! Вот так мы и программируемся.
0
> Преступление #3: Не помечены посещённые ссылки
Мне кажется что это не совсем преступление, а зависит от дизайна и цветовой гаммы. Вот например на хабре нет выделения посещенных ссылок, однако никто не кричит — преступление.
Поэтому, если цветовая гамма сайта позволяет использовать visited, то сделать нужно, если сильно пестрит — то не стоит.
0
так без фанатизма жэж! если это глобальные разделы сайта, то не нужно. если это статика или внешние — почему бы и да?
ЗЫЖ у Хабра есть — 4-е слово с конца статьи раскрашено (видимо на внешние стоит)!
0
Да, действительно «Кросспост» — visited.
Про внешние ссылки скорее согласен.
UFO landed and left these words here
-1
Госпади, бывает и такое? Просто лет за 10 ни разу вроде бы такого не видел… Ужас какой…
0
Ну, это не рабочий пример, это демонстрация ) дайте мне ссылочку на «боевой» сайт )
0
Искать не буду, но видел :)
А такой вот косяк на иллюстрации к поучительному топику про ошибки позволяет мне сохранить уверенность, что увижу ещё.
0
Мульт просто классика :). Я когда-то вставал в 6 утра, чтобы посмотреть его.
+6
Преступление #11: Писать заголовки светло-серым цветом, чтобы я не мог их найти, быстро просматривая текст.
0
оффтопик: на картинках Хи-Мэн, обажал в детстве этот мультик
0
Удивительный сборник того, с чем я не согласен, либо согласен только частично.
Огромное спасибо автору!
[irony_mode off]
+1
Относительно пункта #2: на мой взгляд, хорошей практикой является вставлять в href полную ссылку на главную страницу, а не просто "/".

Время от времени приходится сохранять страницу в файл и потом относительный href="/" не работает.

PS на хабре с лого полная ссылка :)
0
Хабраэффект в действии:

Cайт превышает предел нагрузки на процессор
приобретенного тарифного плана хостинга.

Попробуйте зайти позже.

Site exceeds CPU load allowed by purchased hosting plan.

Please try again later.
0
Всё правильно можно только добавлять. Также серьёзным преступлением я считаю не использовать ссылки на элементах, при нажатии на которые пользователь переходит на другую страницу.

Например, вот такойт код:
 Link text


Лучше реализовать вот так:
  Link text


Тогда если отключить css ссылка останется ссылкой, кроме того в статус баре пользователь будет видеть куда он перейдёт, что является хорошим тоном. Кроме того и поисковику такая ссылка будет более понятной.
-1
>> В атрибуте «alt» укажите описание изображения. А если картинка носит оформительно-декоративный характер, то оставьте его пустым (но не удаляйте!)

а то что?
и вообще, если нужно описание, то лучше его писать в title, ибо описание из alt всплывает только в ie
+1
Поле «alt» используют также и поисковики, так что от заполнения этого поля только профит. Поле «title» предназначено для ссылок, поэтому если картинка идет со ссылкой, то title лучше добавлять в тэг <a… >, если же картинка без ссылки, но очень хочется, чтобы при наведении на нее всплыл хинт, то можно и в <img… >
0
А если картинка носит оформительно-декоративный характер, то оставьте его пустым (но не удаляйте!)


А почему не удалять-то, если не заполняешь?
0
А вот это вопрос к авторам статьи, я если честно без понятия :( Знаю только, что в случае с мета-тегом description лучше, чтобы его не было вообще, чем он был пустым, а вот как с alt обстоят дела — к сожалению, не знаю.
0
Прошу прощенья, придётся повторить, не знал что тут не эскейпиться html)))
Всё правильно можно только добавлять. Также серьёзным преступлением я считаю не использовать ссылки на элементах, при нажатии на которые пользователь переходит на другую страницу.
Например, вот такойт код:
<div  onclick="open_popup('http://habrahabr.ru/blogs/')">
    <div class="icon"><div> Link text
</div>

Лучше реализовать вот так:
<a href="http://habrahabr.ru/blogs" onclick="return open_popup(this.href)" title="Go to blog">   
<span class="icon"> <span>Link text
</a>

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

UFO landed and left these words here
-1
Вызов функций в html вполне допустим. Конечно можно навешивать события тольлко в js файле, но не понятно зачем? Это только затруднит задачу разбираться с вашим кодом другому разработчику.
UFO landed and left these words here
0
«юзабилити преступлений» :) Я уже обрадовался, думал будут учить как удобно совершать преступления, ан нет, все-же тут про юзабилити сайтов :)
А если серьезно, то все и так достаточно очевидно, но удобно когда все в одном месте как чеклист.
+1
Слишком тонкий намек, автор статьи так и не понял его пока :) Пора подключиться Кэпу: фразу «юзабилити-преступлений» надо писать через дефис.
-3
Согласен только с пунктом 4.

А первый, так вообще бред. Мне удобней тыкнуть по слову и отметить радио-баттон чем искать эту точку.
Может у кого разрешение экрана 1024х768 это и нормально, но при 1920х1080 мне не удобно.
0
Вы уверены, что правильно все поняли?
Преступление #1: В формах метки не связаны с полями ввода
-10
Уфф, мне делать нечего и я накатаю камент.

А вы организовывали такой опрос у пользователей или сами это придумали или списали у кого-то?

Потому что если б спросили, например у меня, то ответы были бы такие:

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

2) Логотип не ведёт на главную страницу
Я лично никогда не кликаю по логотипу. Вместо этого я кликаю в строке браузера по домену. И об этом «преступлении» даже не догадываюсь.

3) Не помечены посещённые ссылки
Согласен, проблема есть. Только, опять же всё равно: посмотрите на свою личную историю посещений: у вас везде на каждом сайте стоит «1»?

4) Не подсвечено в форме активное поле
Я лично (тут я подчеркну, что буду говорить за себя) обычно не испытываю проблем с отслеживанием перемещений курсора. Одно «но»: по клавише tab курсор должен бегать предсказуемо: в том порядке, в котором читается текст. Вот когда он так не бегает — это позор разработчику.
Не подсвечено и не подсвечено. Если полей мало, они короткие и в них хорошо виден курсор — зачем держать пользователя за идиота и подсвечивать?
Гораздо лучше подсвечивать красным поля, в которые введено что-то неправильное (высший пилотаж — с комментарием что именно не нравится), и зелёным — если поле заполнено верно.
В общем, то, что в вашей статье не относится ко всем случаям жизни. Хотя подразумевается. Что, очевидно, неверно.

5) Изображения без описания
Да, не указывать alt — лоховство. Но реальная ли это проблема для пользователя, если он видит изображение и не наводит на него мышкой? Думаю, многие пользователи о таком даже не догадываются. Но как мерило профессионализма этот пункт использовать можно.

6) Фоновые изображения без фонового цвета
Хорошее замечание.

7) Использование длинных скучных абзацев текста
… или вообще подумайте — нужен ли этот скучный текст кому-нибудь. Может, вы занимаетесь ерундой, в то время, как галактико опасносте?
Я бы даже так сказал — ваш скучный текст не спасёт разбиение на абзацы и картинки. Могу привести в пример Гоголя Николая Васильевича. Уж до чего предложения наворачивал, а читают. И с удовольствием. Так что, может, дело не в длине текста и картинках? Тогда к чему данный пункт вообще?

8) Подчёркивание того, что не является ссылкой
Это хороший пункт, согласен. Но это частный случай общего: поведение должно быть понятно и предсказуемо. Чем меньше двусмысленностей — тем лучше.
Саму моду на подчеркивание ссылок не понимаю. Сейчас вообще редко встретишь подчеркнутые ссылки. Потому что CSS и можно переопределить. Вопросом «а смысл?» задаются немногие.

9) Призывать посетителей «кликнуть здесь»
Деревня, что с неё взять. С другой стороны — моим родителям понятнее, когда явно написано «click here». А css-нутую ссылку вообще можно не найти, если не искать специально (яркий пример — dirty.ru — поди пойми, где там ссылка и куда).

10) Выравнивать текст по ширине
А по-моему, отличный способ для чего-то типа газеты. Читать легко, Надо только учитывать область применения. И чтобы строка взглядом охватывалась. И рассчитывать при этом не на выпускников школы Олега Андреева, у которых поле зрения 360 градусов :-)
Просто по-вашему выходит «вообще использовать такое выравнивание — преступление». Бред ведь, согласитесь.

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

1) Изменение привычного окружения пользователя.
Например, явное указание гарнитуры, а Какая пользователю разница, что вам нравится Georgia? Ну и пользуйтесь ей на здоровье, а у пользователя Verdana стоит. Не трогайте её.
Например, явное указание размера шрифта. Да, вы любите помельче. А пользователь, например — старый человек. Но почему-то хочет прочитать, что у вас на сайте написано. И что, получается, вы запрещаете ему это? У вас вёрстка поедет? Ха-ха, ну так сверстайте так, чтобы не поехала.

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

Т.к. я считаю себя пользователем, то данный пост вызван показать, как далеки «дизигнеры» от пользователей, для которых, по идее, должны стараться. Ничего не напоминает?
0
Вы один из пользователей, а у нормального сайта их тысячи. Поэтому Ваш пост может показать только какие мы все разные и что у каждого свои причуды. В общем субъектив у Вас.
-3
Если вы создаёте сайты для идиотов — то нечего удивляться, что идиоты и будут туда ходить. Я попытался показать, что мне вовсе не рюшечек не хватает.
А в статье — в основном, про рюшечки.

Задача дизайнера — делать грамотно. А тут — копипаст при нежелании даже задуматься над перепечатываемым. Мне так показалось. Если не так — хорошо.
+1
Автор поста, просто сделал перевод (за что ему спасибо), поэтому если имеются у Вас претензии или желание переубедить писавшего, то Вам логичнее идти с ними к автору статьи — Chris Spooner.
Лично мне статья понравилась, никто же не говорит что в нее должны быть заложены все постулаты и тонкости веб-дизайна и проектирования пользовательских интерфейсов.
0
То есть мои дополнения вам кажутся субъективными?
Если да, то далее говорить не о чем — витайте себе в облаках.
UFO landed and left these words here
0
Видимо, комрад имеет в виду IE, показывающий в хинте содержимое alt, а не title.
+1
Видимо, пользователь IE6–7 спалился, IE8 кажется перестал так делать ;)
UFO landed and left these words here
0
Это да, но яндекс де-факто больше над дизайном думает, чем, скажем f-center. Или Oldi. Или %сами_придумайте_что-нибудь%. (sarkasm)К сожалению, яндекс.маркет не продаёт вещи.(/sarkasm)

P.S. Всем не отвечу: раз в пять минут совсем не прикольно, как-то даже противно.
UFO landed and left these words here
+2
Убивать нужно тех, кто размещает радиобаттоны справа от лейблов, как в первом примере.
+1
Хорошая подборка. И, можно сказать, не только для новичка. Всё мы забывает хотя бы об одном из пунктов периодически
0
Кстати, касательно, например, пункта 5: можно пройтись валидатором, чтобы он нашёл все картинки без alt'а
0
Меня например больше всего раздражает когда ссылки ссылаются сами на себя.
Сейчас кстати обычно на логотип ссылку ставят, но забывают убрать её на главной странице.
+2
Меня раньше тоже раздражало, но потом привык и оценил тот факт, что таким образом можно рефрешить сайт, мне почему-то это удобнее, чем в браузере тыкать кнопку.
+7
Юзабилити-преступление 1.1:
Размещайте радио-баттоны и чекбоксы слева от описания. Представьте, что будет, если описания будут не как в идеальном случае на первой картинке, а в реальном — разной длины:


Или лучше так:


А может так:


PS. Хабрапарсер все в кучу смешал :(
0
Мои бывшие преподы поголовно преступники (последнее правило) — всегда заставляли верстать документы по ширине… Глупые стандарты, по левому краю лично мне было бы удобнее читать…
+3
Речь идет о веб-страницах или бумажных документах? В последнем случае, да с нормальными переносами и типографикой, выключка по ширине — милое дело.
0
Все эти и другие оспекты подробно разобраны в книге «Веб-Дизайн» Якоба Нильсена
Как раз сейчас читаю (:
0
Самое страшное, что некоторые корпоративные системы пишутся без учёта этих правил. Мне вот по долгу службы приходится ежедневно работать с системой, в которой о правиле номер 1 не слышали…

Самое интересное, что система разработана ведущим игроком на международном рынке.
0
Обычно очень тошнит от подборок «99 блюд из доширака», но эта сделана очень приятно.
Вот, что значит хорошо оформить.
0
Преступление #8: Подчёркивание того, что не является ссылкой

0
Еще добавить: ссылки всегда должны быть подчеркнутыми или иметь один цвет, сильно отличный от обычного текста.
0
Очень хорошо оформленный пост. Скажите, пожалуйста, вы рисовали рукописные элементы с помощью планшета? Я много пробовал так же круто «по-школьному» рисовать «объяснялки» к скриншотам, но почему-то обычно получалось достаточно убого. Или у меня планшет слишком маленький?
0
автор видимо не руками, слишком уж буквы красивые.
я же для перевода нашёл примерно похожий рукописный шрифт «Chianti It Win95BT»
0
Кроме первого пункта, все остальные преступление уже годами в ходят в топы 10(20,30,48) ошибок юзабилити. Преступность походу не сильно пугает)
0
Слава Богу в нормальном виде теперь есть, что заказчикам показывать, а то они думают, что я выдумываю всё это. Спасибо!
0
Если честно, то я ссылки типа visited специально не ставлю.
…теперь буду.
Only those users with full accounts are able to leave comments., please.