Рубрика: Без рубрики

Когда я окончательно ушёл на вольные хлеба, и мой заработок зависел исключительно от меня, я частенько оказывался в ситуациях, когда не хватало денег. Что я делал? Звонил клиентам, которым недавно сдал работу, и спрашивал, где, мол, мои деньги? Меня кормили завтраками, я звонил ещё. И говорил ужасные вещи. «У меня тут на носу очередной платёж за квартиру, я на вас рассчитываю!» «В этом месяце нужно закрыть налоги за квартал, не подведите!» Ну и так далее.

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

Егор Камелев рассказывает на Хабре о принципах работы с клиентами на пути от наёмного работника до собственника бюро.

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

Не москвичам и тем, кому не дождаться субботы, предлагаем посмотреть выступления 2012 года.

Когда человек сконцентрирован на фильтрации, его локусом является вот эта бесконечная по длине форма. Фактически, мы сузили рамки сайта как объекта взаимодействия до узкой длинной колонки, выключив из восприятия все остальное пространство сайта. Для пользователя в этот момент весь полезный объем экранного места просто не существует.

Ярослав Табаков критикует боковые формы фильтрации, оккупировавшие интернет-магазины.

Мы прочитали 3 книги из модной серии A Book Apart (благо, по меркам About Face Купера они совсем тоненькие) и спешим порекомендовать их.

«Эмоциональный веб-дизайн» Аарона Уолтера

По аналогии с пирамидой Маслоу, веб-продукт сначала становится функциональным, потом надёжным, потом удобным. Все уже более-менее научились проходить эти 3 ступени и получать хороший, но стерильный продукт.

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

«Отзывчивый веб-дизайн» Итана Маркотта

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

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

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

В книге, правда, всего один маленький пример такого кода (и он на порядок сложнее прочих), но на уровне идеологии расписано всё хорошо.

«Сначала мобильные!» Люка Вроблевски

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

В отличие от гайдлайнов iOS и Android, в которых говорится, как надо делать, в этой книге объясняется, почему. Чем мобильник отличается от ноутбука, какие из-за этого следуют ограничения и возможности, и что со всем этим делать. И как мобильный подход может пригодиться для обычных сайтов.

А вот главу с обоснованием важности мобильников скоро можно будет смело пролистывать ввиду её очевидности.

С чего начиналась бы каждая инструкция, если их авторам развязать руки? Она начиналась бы с фразы «Ну что, уроды, ничего не работает?». Никто не любит читать, в том числе инструкции.

Антон Шелонаев, продюсер First Line Software (не путаем с First Line Ventures), делится историями из жизни его проектов, которые научили его, что: а) текст никто не читает, б) красиво — не значит функционально, в) пользователям нужны «рельсы», г) не надо стесняться предлагать пользователям купить приложение.

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

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

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

Никаких скриптов JavaScript, оверлеев, отдельных навигационных страниц… Это своего рода HTML0 (который, как я слышал, поддерживается большинством браузеров, за исключением Internet Explorer).

Из книги Люка Вроблевски «Сначала мобильные!».

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

А ведь общепринятые практики и шаблоны хорошо работают, так как однажды уже были кем-то протестированы и введены. Поскольку пользователям они тоже известны, то не нужно использовать объяснения и инструкции. Людям больше нравятся удобные вещи, чем нововведения, поэтому стандартные шаблоны аудитория поймёт лучше.

Иногда нужно придумать новое решение, но вы должны быть уверены на 100%, что стандартное неуместно в данном случае.

Ещё несколько высказываний про важность стандартов — на странице «Миф 9: Дизайн должен быть оригинален».