Usability.by Разработка | Usability.by
Улучшаем взаимодействие пользователей с вашим сервисом Повышаем конверсию
в продажи, заявки или
звонки
Проектируем
новые
продукты
Компания 1Point осуществляет весь спектр услуг в области юзабилити, дизайна, user experience
и веб-аналитики

Категория ‘Разработка’

Юзабилити и дизайн интерфейсов для хардкорных программеров

Юзабилити и дизайн интерфейсов для хардкорных программеров

На Хабре опубликован перевод и адаптация статьи «Interface design and usability for hardcore programmers«:

«Большинство программистов любят программировать. Они готовы учиться новым особенностям языков программирования, пробуют новые компоненты и библиотеки, улучшают свои алгоритмы и архитектуру кода или скажем оптимизируют структуру используемых данных. Это кажется очень важным, потому что, программа хороша настолько, насколько хороши её коды и алгоритмы и насколько все это оптимизировано. И это так. Но только если программы пишутся для программистов.

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

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

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Советы по улучшению обратной связи от ajax

Советы по улучшению обратной связи от ajax

Количество веб-приложениях и веб-сайтов, использующих Ajax постоянно растёт. Отработка скриптов ajax происходит без перезагрузки страницы и поэтому пользователь может не заметить, что что-то происходит. Вот почему важно показать, что в системе происходят изменения и не позволить пользователям допускать какие-то ошибки во время работы ajax.

В статье «Usability tips for visualizing Ajax requests» даны советы и приведены примеры того, как можно улучшить обратную связь для операций, использующих ajax.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Маска для ввода фиксированных значений

Josh Bush используя js библиотеку jQuery разработал маску для ввода фиксированных значений. Контрол прошёл тестирование и работает для браузеров Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Opera и Chrome.

via Блог Usethics

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

30 современных элементов управления

Тереза Неил собрала библиотеку из 30 современных и популярных элементов управления и указала в каком фреймворке можно найти их реализацию.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Гибкая сетка

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

О том, как реализовать сетку для сайтов, где требуется «резиновость», читайте в переводе статьи «Fluid Grids»
Перевод на Nomagic
Перевод на Хабрахабре

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Что такое качество в веб-дизайне: примеры и рекомендации

Многие люди склонны описывать предоставляемые ими услуги по веб-дизайну как «качественные». Но что означает здесь слово «качество», как определить, является дизайн качественным или нет? Что ж, я вижу несколько способов определить качество применительно к сфере веб-дизайна. Ведь если однажды определить, что позволяет создавать качественный веб-дизайн, можно использовать эти же приемы для оттачивания собственного стиля.

Читайте перевод статьи «How to Spot Quality within Web Design: Examples & Tips»: Часть 1, Часть 2, Часть 3.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

10 креативных элементов интерфейса

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

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

История одной кнопки

Геннадий Драгун Геннадий Драгун, Lead Information Architect EPAM

Перевод статьи Douglas Bowman, “Recreating the Button”

… Я хочу рассказать о разработке кнопок, которые с недавнего времени используются в Gmail, чуть ранее они появились в Google Reader. Эти кнопки выглядят очень похоже на стандартные HTML кнопки. Но они более интерактивны. Для этих кнопок не нужны изображения, они созданы исключительно средствами HTML и CSS, плюс немного JavaScript для управления их поведением. Их внешний вид легко поменять, переписав лишь пару строк CSS, что очень важно сейчас, когда у Gmail появились темы.

Мне показалось интересным рассказать о процессе разработки этих кнопок, о всех тех итерациях, которые нам потребовались.

GMail buttons
Читать полностью »

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

User Experience и Agile. Достигая гармонии

agile постер

В то время как практика 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

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Проектирование взаимодействия и agile

Алан Купер

Алан Купер, автор книги «Психбольница в руках пациентов» и About Face, руководитель компании Cooper, в рамках конференции Agile 2008 рассказывает об общих элементах в практике Agile и проектирования взаимодействия.

Видео и стенограмму интервью смотрите на сайте InfoQ

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua