На Хабре опубликован перевод и адаптация статьи “Interface design and usability for hardcore programmers“:
“Большинство программистов любят программировать. Они готовы учиться новым особенностям языков программирования, пробуют новые компоненты и библиотеки, улучшают свои алгоритмы и архитектуру кода или скажем оптимизируют структуру используемых данных. Это кажется очень важным, потому что, программа хороша настолько, насколько хороши её коды и алгоритмы и насколько все это оптимизировано. И это так. Но только если программы пишутся для программистов.
Как вы наверное догадываетесь, большинство программ разработаны для пользователей, которые ничего не знают о программировании, компьютерах или других технических вещах. Нравится вам это или нет, но вы бы хотели, чтобы они пользовались вашим продуктом.
И так мы вплотную подошли к откровению. Держитесь, сейчас я вам его раскрою. Пользователи видят только интерфейс программы, и ничего за его пределами. Для пользователя нет ничего в программе, за исключением её интерфейса с кнопками, текстами и других декоративными элементами.”
Количество веб-приложениях и веб-сайтов, использующих Ajax постоянно растёт. Отработка скриптов ajax происходит без перезагрузки страницы и поэтому пользователь может не заметить, что что-то происходит. Вот почему важно показать, что в системе происходят изменения и не позволить пользователям допускать какие-то ошибки во время работы ajax.
В статье “Usability tips for visualizing Ajax requests” даны советы и приведены примеры того, как можно улучшить обратную связь для операций, использующих ajax.
Josh Bush используя js библиотеку jQuery разработал маску для ввода фиксированных значений. Контрол прошёл тестирование и работает для браузеров Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Opera и Chrome.
via Блог Usethics
Тереза Неил собрала библиотеку из 30 современных и популярных элементов управления и указала в каком фреймворке можно найти их реализацию.
В начале прошлого года мне довелось перестраивать сайт, сильно перегруженный контентом. Дизайн должен был соответствовать довольно простым требованиям: клиент попросил оставить существующий логотип организации, но улучшить оформление и удобочитаемость. Таким образом, начали мы с того, что потратили довольно много времени на вычерчивание четкой сетки для библиотеки контентных модулей.
О том, как реализовать сетку для сайтов, где требуется “резиновость”, читайте в переводе статьи “Fluid Grids”
Перевод на Nomagic
Перевод на Хабрахабре
Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.
Читайте перевод статьи “How to Spot Quality within Web Design: Examples & Tips”: Часть 1, Часть 2, Часть 3.
Технологии, такие как AJAX, позволяют создавать действительно впечатляющие новые элементы управления на сайтах. В подборке представлено 10 примеров таких элементов UI, которые при желании сможете использовать и вы на своих сайтах.
Геннадий Драгун, Lead Information Architect
EPAMПеревод статьи Douglas Bowman, “Recreating the Button”
… Я хочу рассказать о разработке кнопок, которые с недавнего времени используются в Gmail, чуть ранее они появились в Google Reader. Эти кнопки выглядят очень похоже на стандартные HTML кнопки. Но они более интерактивны. Для этих кнопок не нужны изображения, они созданы исключительно средствами HTML и CSS, плюс немного JavaScript для управления их поведением. Их внешний вид легко поменять, переписав лишь пару строк CSS, что очень важно сейчас, когда у Gmail появились темы.
Мне показалось интересным рассказать о процессе разработки этих кнопок, о всех тех итерациях, которые нам потребовались.
Читать полностью »
В то время как практика Agile предлагает “ввязаться в драку, а потом разбираться”, дизайнеры User Experience предпочитают провести предварительные исследования, чтобы выяснить потребности и мотивы пользователя. Казалось бы эти два подхода несовместимы, однако Джефф Паттон в своих статьях даёт советы, как можно использовать оба подхода в одном проекте.
12 Best Practices for UX in an Agile Environment - Part 1
12 Best Practices for UX in an Agile Environment - Part 2
Алан Купер, автор книги “Психбольница в руках пациентов” и About Face, руководитель компании Cooper, в рамках конференции Agile 2008 рассказывает об общих элементах в практике Agile и проектирования взаимодействия.
Видео и стенограмму интервью смотрите на сайте InfoQ
