Недавно столкнулся с очень интересным документом — Windows User Experience Guidelines. Это пятисотстраничный мануал для разработчиков ПО под Windows. В этом замечательном манускрипте написано как именно проектировать ПО под Windows, чтобы оно было удобно, доступно и адекватно выглядело.
После прочтения этого мануала я начал уважать компанию Microsoft. Другое дело, что не все ПО разработанное Microsoft отвечает требованиям этого руководства :).
Приговор
Если вы хотите делать удобные приложения под Windows, но не хотите тратить деньги на юзабилити, просто положите этот мануал на стол каждого разработчика и тестировщика.
Кстати, подобный документ есть и у компании Apple.
Любая программа должна попытаться корректно обработать введенные пользователем данные. Программистам удобнее, чтобы пользователь придерживался определенных правил и форматов при вводе данных в систему. Почему? Потому, что так проще их обрабатывать и хранить. Но пользователь — не программист и он не знает какие для него правила придумали разработчики программы. Например, пользователь должен ввести номер своего телефона, допустим мы ожидаем от него такую строку 74957978889, а он привык писать телефон так – 8 (495) 797-88-89. Что мешает написать регулярное выражение, которое принимало данные в том формате, в котором удобно пользователю, а сохранять данные в удобном для программиста формате?
Бывают случаи, когда с высокой долей вероятности можно предположить, как пользователь заполнит то или иное поле. Почему бы ни сделать это за него? Например, пользователь вводит счет получателя. Мы можем взять все счета получателей из справочника и угадать, какой он имеет введу по первым цифрам счета.
Естественно, что любое автоматическое заполнение полей должно быть прозрачно для пользователя, иначе неизбежны ошибки.
Большинство современных операционных систем и ПО используют стандартные элементы управления интерфейсом. Такие как: поля ввода, чекбоксы, скроллеры и т. д. Эти элементы были разработаны в исследовательском центре Xerox в Пало-Альто в 70-х годах и позднее легли в основу операционных систем Windows и Apple. На данный момент эти элементы GUI являются стандартом де-факто. Read more…
Когда-нибудь настанет светлое будущие и валидировать формы будет сам браузер, для этого даже есть стандарт XForms. А пока все приходиться делать руками. Чтобы облегчить это процесс я написал небольшой framework на JavaScript. Read more…
Недавно столкнулся с проблемой закачки картинок AJAX’ом. Перепробовал массу способов. Самым лучшим оказался SWFupload. Из названия можно понять, что отправка файлов на сервер происходит с помощью Flash и JavaScript. Если клиент не поддерживает эти технологии, то ничто не мешает показывать ему input type file.
Из достоинств SWFupload
Работает во всех адекватных браузерах.
Имеет гибкий и хорошо документированный API.
Позволяет задавать маски для разрешенных файлов (*.jpg).
В диалоговом окне можно выбирать несколько файлов.
Российское отделение Usability Professionals’ Association. Раз в месяц публикует «Юзабилити бюллетень», состоящий в основном из переводных статей о юзабилити.
Российское отделение ACM SIGCHI, специализированной группы по взаимодействию человека с компьютером международного общества Association for Computing Machinery. Периодически устраивает семинары по юзабилити.
Из проекта в проект приходится использовать одни и те же приемы и функции. Поскольку мне надоело каждый раз изобретать велосипед, то я решил публиковать некоторые из них у себя в блоге. Read more…
Оказывается, что единственный браузер, поддерживающий background-img для тега option это FireFox. В других браузерах можно отметить пункты выпадающего списка картинкой, эмулируя выпадающий список другими тегами и JavaScript.
Сегодня на собеседовании спросили определение юзабилити по ISO. Я как-то замешкался, и не смог вспомнить, хотя и видел его до этого в нескольких источниках.
Юзабилити (usability) – степень качества и адекватности интерфейса продукта. Наиболее четкое определение юзабилити (по стандарту ISO DIS 9241-11) звучит как «степень, в которой продукт может быть использован определенными пользователями при определенном контексте использования для достижения определенных целей с должной эффективностью, отдачей и удовлетворением» (the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use). Также под юзабилити понимается и дисциплина, направленная на достижение такого интерфейса.
Очень размытое определение, не удивительно, что я его не запомнил.
Вчера закончился РИТ-2008, на котором я имел удовольствие присутствовать. В целом все понравилось, вот только интересные мне доклады были слишком сжаты по времени и не было перерывов на перекуры :) Read more…
Считается, что использование иконок облегчает локализацию интерфейса, за счет того, что иконки всем понятны без слов и их не нужно переводить на другие языки. Read more…
Используя правильную политику кэширования на своем сайте вы можете значительно снизить нагрузку на web-сервер и сэкономить время ваших посетителей. Read more…
Иногда бывает нужно отобразить на странице полученный AJAX’ом XML. Если этот XML не что иное как HTML, то парсить его не хочется, а стандартные DOM методы вроде appendChild работают не так, как хотелось бы, прикрепленный таким методом XML не рендерится браузером. Read more…
Спасибо Валерию Горкеру, за помощь с дизайном. Просто удивительно насколько можно улучшить дизайн с помощью изменения цвета таких простых элементов, как бэкграунд, границы и текст. Read more…
Это две самые распространенные и идеотские просьбы заказчика или менеджера. Как с этим бороться? Нужно правильно аргументировать свой отказ. Read more…
Потратив месяц собственной жизни, я прошел курс обучения слепому методу печати. Курс, безусловно, полезный, и я надеюсь, что в будущем он поможет сэкономить мне массу времени. Read more…
Осталось дождаться, когда закончат спецификации HTML 5, XHTML 2 и CSS 3. Потом дождаться пока эти спецификации начнут поддерживать большинство браузеров, и будет всем счастье. Read more…
Купил эту книжку. Книжка надо сказать недешевая, примерно 600 руб. И был страшно разочарован. Сначала все было хорошо, много иллюстраций, обещали также и новую, прогрессивную методику обучения, но дочитать до конца я не смог. Read more…
Наверное, вы сталкивались с проблемой разного размера кнопок submit в разных браузерах. Это связанно, с отступами внутри кнопки в IE6, и если вы напишите padding:0, то ничего не измениться. Read more…