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

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

Анонимность: хорьки в курятнике

Анонимность — палка о двух концах, если речь идёт о сетевых сообществах. С одной стороны анонимность даёт пользователям чувство большей свободы, поощряя участие в дискуссиях на щекотливые или неудобные темы, с другой стороны, она же может стать злейшим врагом сообщества.

Можно зайти в раздел «Люди», пролистать страницу вниз, к списку новичков, выбрать среди них кого-то (например с интересным никнеймом). И поднять ему карму. Просто так. Авансом.

Это приятно. Попробуйте как-нибудь.

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

Например, кликаем на пиктограмму конверта, после чего она меняет цвет на более яркий:



Спасибо за внимание.

Согласно результатам исследования Паутины, проводившегося недавно Netcraft, в ноябре 2006 года в сети насчитывалось 101 435 253 веб-сайта. Далеко не все из них «живы»: часть — это домены, зарегистрированные «про запас», в то время как другие — заброшенные сетевые дневники, не обновлявшиеся годами. Но даже если лишь половина веб-сайтов регулярно обновляется, то всё равно наличествует более ста миллионов сайтов, за продолжение жизни которых кто-то продолжает платить.

100 миллионов — впечатляющая веха, демонстрирующая огромный рост Паутины с момента её основания 15 лет назад.

На графике показан рост числа сайтов в период с 1991 по 2006 годы. Обратите внимание на логарифмическую шкалу на оси Y — это единственный способ показать в виде графика быстрый рост Веба в первые годы его развития.

Как видно на графике, Паутина пережила три стадии роста:

• 1991-1997: Взрывной рост (прирост составлял 850% в год).
• 1998-2001: Быстрый рост (150% в год).
• 2002-2006: Зрелый рост (25% в год).

Конечно же, мы можем назвать 25% прирост «зрелым» только лишь тогда, когда говорим о росте Паутины. Любые другие области человеческой деятельности были бы рады прирастать и вполовину от этой скорости. Если Паутина сохранит текущие темпы роста, то уже к 2010 году количество веб-сайтов достигнет 200 миллионов.

С одной стороны, было бы реалистично ожидать некоторое снижение существующих темпов роста, так как Паутина с каждым годом становится все более «зрелой». С другой стороны, 200 миллионов сайтов все равно никак не являются пределом — в мире намного больше 200 миллионов различных организаций (как коммерческих, так и некоммерческих и государственных) — в конечном счёте все они будут иметь собственные сайты (что справедливо и для каждого человека в отдельности). Таким образом, я ожидаю, что число веб-сайтов достигнет 200 миллионов очень скоро, при этом 2012 год кажется мне более реалистичной датой, чем 2010.

Что все это значит для веб-дизайнеров

Я помню 1994 — период самого бурного роста Паутины за всю её историю. В тот год Паутина выросла с 700 до 12000 сайтов, что составило 1600% годового прироста. Наша рабочая группа, занимавшаяся веб-сайтами, собиралась тогда каждую неделю и всякий раз обнаруживала появление в Паутине чего-то нового, неизвестного ещё неделю назад.

Учитывая темпы происходивших изменений, в 1994 не приходилось говорить об «опыте взаимодействия с веб-сайтами». Всякий раз, когда пользователи входили в Паутину, они обнаруживали что-то новое. Несмотря на это уже в конце 1994 в моих публикациях наметились первые модели взаимодействия пользователей с сайтами (Web usability patterns). Как видно в моей новой книге, я подправил некоторые из тех рекомендаций, которые я впервые сделал ещё в начале 90-х, однако многие из них так и не претерпели изменений.

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

Таким образом, зрелая Паутина связана с уже хорошо изученным опытом взаимодействия пользователей с нею (user experience), и пользователи имеют сформировавшиеся стереотипы о том, как именно должен вести себя веб-сайт. Например, все пользователи обладают одной специфической ментальной моделью того, как работает поиск, и наши исследования движения глаз подтверждают, что различные пользователи одинаково просматривают страницу с выдачей результатов поиска — даже если сайты отличаются от стандартной модели.

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

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

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

Якоб Нильсен.

Håkon Lie, некогда с Бертом Босом (Bert Bos) создавший CSS, ныне работает CTO в Opera Software.

В своей недавней статье для CNET Håkon затронул ситуацию с двумя форматами для офисных документов: OpenDocument format (ODF) и Office Open XML (разработан в недрах Microsoft). Последовательно разбирая ситуацию, Håkon отмечает, что ему не по душе обе спецификации: ни 700 страниц ODF, ни 6000 страниц OOXML. Есть другой путь развития:

Вполне возможно создать новый формат поверх широко внедрённых HTML и CSS. Дополнительная семантика (например, формулы) может быть помещена внутрь атрибутов так, как это делается в микроформатах. CSS 3 позволяет реализовать новые возможности (например, выноски, колонтитулы).

и далее:

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

via

С тех пор, как микроформатами заинтересовались разработчики расширений для Mozilla Firefox, были созданы два заметных расширения: Tails и Operator.

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

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

Продолжаем заниматься любимым делом Карлсона.

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

CSS рулят, друзья мои.

А мы тут плюшками балуемся. «Хабр», раздел «Работа» (главная, резюме, подраздел). XHTML+CSS. Пробуем, переделываем, снова пробуем. Эдакая разминка для мозга, знаете ли.

Заново написан весь код, внешний вид сохранён по мере возможности. Обкатываем повторяющиеся элементы, встречающиеся так же и в других страницах «Хабра» (например, блочок с кармометром, листалка).

Шрифты масштабируемы теперь и в IE тоже, код довольно легковесен, люб валидатору, ну и всё в таком духе.

 

Если кто ещё не заметил, рейтинг на странице «Люди» лишился людей, работающих в futurico.

Происки НЛО?

Немного истории:

В ноябре 1976 года в ноябрьском номере журнала «Юный техник» на странице 62 было опубликовано письмо юного (техника?) Лёни Стежко, предложившего размещать рекламу в туннелях метро (кадры, размещённые вдоль туннеля). Маститые техники отвергли идею Лёни с такими словами: «Сел человек в метро, проехал две-три остановки и увидел клочок фильма без начала, без конца».

В наши дни идея получила своё развитие.

Старейший и самый уважаемый проект веб-стандартистов (WaSP), объединивший в своих рядах видных веб-разработчиков, выступил с инициативой по созданию Международной контактной группы при WaSP (WaSP International Liaison Group — ILG).

Есть у меня любимый сайт, «Digital-web.com», который хорош ещё и тем, что на его страницах рекламируются интересные мне сетевые «конторы». Среди них есть и объект моего сегодняшнего пристального внимания — «PSD2HTML.com». Фирма занимается тем, что воплощает в XHTML+CSS-коде присланные клиентом макеты. 8 рабочих часов на вёрстку макета, как заявлено.

Мне понравилась раскладка стоимости за вёрстку одного макета. Не могу не рассказать об этом (не сочтите за рекламу).

Предлагаю вместо безликих отбивок > делать метки типа xy> (где xy — инициалы пользователя, к которому и относится отквоченный текст).

Вот то, что мы видим сейчас, нажав «Ответить»

>Привет! Повысь мне карму! Я хороший!

а могло бы быть и вот так:

xy>Привет! Повысь мне карму! Я хороший!

Зачем всё это? А представьте, на что будет похож ответ на письмо, содержащее изрядное количество абзацев. Или ответ на ответ на ответ на самое первое письмо (подсказка: заросли из безликих >>>>>>>>)

Заказчик прислал 14-мегабайтный PSD-файл, содержащий макет всего одной вебстраницы. Открыв его, обнаружил изрядный бардак в структуре: куча из скрытых слоёв, групп, поименованных абы как, каких-то продублированных несколько раз одинаковых слоёв и т.п. С грехом пополам разобрался, что к чему, сверстал. А потом выяснилось, что кое-что было забыто (я просто не смог увидеть это «кое-что»).

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

UPD: Хабралюди, не превращайте, пожалуйста, комментарии в арену для священных войн.

Ну почему, чёрт возьми, такая красивая внешняя оболочка имеет такое полупрофессиональное содержимое?

Штуки вроде

<div class=«blog_headline»>Заголовок</div>

удручают меня, как верстальщика.

Зачем все эти

<p style=«clear: left;»></p>

?

А это?