Речь пойдет о мобильных устройствах, которые на данное время занимают большой % на рынке WAP’a (телефоны без ОС, Symbian и прочие), об Android и iPhone сегодня говорить не будем

Сегодня мне случилось побывать на лекции Эрика Райса (Eric Reiss), специалиста по вопросам информационной архитектуры, юзабилити и user experience.

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

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

Вот эти 10 правил.

Думаю не я один вечно ругаюсь на то, что начал печатать не на том языке на котором хотел…
Вы сразу скажете — ну есть же PuntoSwithcher! Да, есть… Но от его использования я отказался т.к. считаю его неудобным.
Есть, например, такие софтинки — Aml Maple и Flean которые подставляют значек раскладки неподалеку… Но после недельного тестирования мне он показался назойливым и до конца не решал проблему, т.к. Именно тогда он нужен, он не появлялся.
Я задался целью найти софтинку которая просто меняет цвет курсора мыши в зависимиости от раскладки.
Ведь это так просто и очевидно! Мышка всегда перед глазами.
Облазив как рунет, так и буржуйнет такой программки к великому своему расстройству не нашел.
Дальше логично было бы продолжить пост тем, что я решил написать эту программку сам… Но я не умею кодить.
Поэтому разместил вопрос на гугл вопросах и к великому удивлению нашелся человек по имени NMD который ее за один день написал.
А вот и програмка.
UPD.
1. Мопед не мой — но вирусов вроде там нет.
2. Тестил под Win7.
3. Курсор можно подправить самому по потребностям.
4. Чтобы работал автозапуск, нужно делать запуск от имени администратора.

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

Операционные системы прививают нам привычку переключать раскладки клавиатуры. С русской на английскую, с английской на русскую. А кому-то еще и на украинскую, или другой язык. Кто-то пользуется сочетаниями alt-shift, кто-то ctrl-shift, кто-то еще какими-то. Неудобство испытывают все. Интернет набит вопросами, как повесить переключение раскладок на ненужную клавишу Caps Lock (одна клавиша — не две). Предлагаются различные варианты под различные операционные системы и различные окружения рабочего стола. Непременный атрибут любого рабочего стола любой операционной системы — индикатор текущей раскладки клавиатуры. Люди переключают раскладки, набирают буквы не на том языке, матерятся, переключают снова.

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

HTML5 для веб-дизайнеров

1. Краткая история языка разметки
2. Модель HTML5
3. Мультимедиа
4. Формы 2.0
5. Семантика
6. HTML5 и современные условия

Когда браузеры стали поддерживать JavaScript, за ним быстро закрепились две основные задачи: эффекты при наведении мышью и улучшения для веб-форм. Потом в CSS появился псевдо-класс :hover и необходимость в скриптах для многих ситуаций первого плана отпала.

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

Говоря о формах, тут возможности CSS довольно ограничены. И теперь на сцену снова выходит HTML5. Следуя тому же принципу, он вводит новые функции, которые на самом деле вовсе не новые, но сделаны проще и удобнее.

Нетрудно догадаться, что прежде они были частью отдельной спецификации WHATWG под названием Web Forms 2.0.

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

Минимализм vs. простота

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

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

Данный отчет публикуется с разрешения заказчика.

Я занимаюсь веб-дизайном уже 15 лет, а полиграфией еще дольше. Последние несколько месяцев я работал на издательство MagCloud над их приложением для iPad-а (доступно на «iTunes») вместе с группой чрезвычайно талантливых людей. И этот опыт не имел ничего общего с тем, что я делал как дизайнер ранее. Вот несколько вещей, которым я научился.

Задачей этой статьи является систематизация знаний о том, как правильно растягивать сайт для различных разрешений экрана.

Готовим макет для клиента. Часть I: Гладить или нет?

Часть I: Гладить или нет?
Часть II: Если гладить, то как?

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

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

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

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

17 ноября в Санкт-Петербурге успешно состоялась первая открытая встреча российского крыла Web Standards Group. В течение трёх часов организаторы и докладчики рассказывали интересные и неочевидные вещи про CSS, Javascript и XML.
Мероприятие посетило более семидесяти наиболее ответственных разработчиков из северной столицы. Надеемся, что все они вынесли что-то полезное из представленных докладов и их обсуждения.
Тем же, кто не смог попасть на встречу, предлагаем ознакомиться с презентациями и кратким фоторепортажем.
Следующая встреча намечена на начало следующего года, на этот раз в Москве. Будем рады видеть.

Мы окончательно утвердили место и время проведения встречи:
17 ноября (суббота) в 14:00 в конференц-зале «Стеклянный» гостиницы «Санкт-Петербург».

Кроме того вы можете ознакомиться с официальной программой:

• доклад Вадима Макеева «CSS-изначальности: фреймворки, reset.css»;
• презентация группы разработчиков «Kandy — комфортная IDE для вёрстки»;
• «Особенности шаблонизации данных с использованием XSL и Docbook» от автора сих строк;
• рассказ Андрея Сумина «Модульность в Javascript».

Тем, кто уже отослал заявки, ничего предпринимать не нужно.

Решил рассмотреть понятие навигации применительно к информационной архитектуре сайта.

И вот, что получилось

Для большинства из нас работа с компьютером и сёрфинг в Сети это почти полностью зрительный опыт. Мы передвигаем курсор по экрану, нажимаем кнопки и менюшки, читаем тексты и смотрим на картинки. Но, хотя, большинство из нас при работе с компьютером рассчитывает только на монитор, слепые и зрительно слабые люди тоже не остаются за бортом. James и Uleshka беседовали со слепым программистом Masafumi «Max» Nakane на тему он- и оф-лайновой юзабилити для тех, кто не может видеть.