APetrov.netNotes on life

Windows User Experience Guidelines или как делать правильные интерфейсы под Windows

Недавно столкнулся с очень интересным документом — Windows User Experience Guidelines. Это пятисотстраничный мануал для разработчиков ПО под Windows. В этом замечательном манускрипте написано как именно проектировать ПО под Windows, чтобы оно было удобно, доступно и адекватно выглядело.

После прочтения этого мануала я начал уважать компанию Microsoft. Другое дело, что не все ПО разработанное Microsoft отвечает требованиям этого руководства :).

Приговор

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

Кстати, подобный документ есть и у компании Apple.

write a cooment

Интеллектуальная обработка введенных пользователем данных

Любая программа должна попытаться корректно обработать введенные пользователем данные. Программистам удобнее, чтобы пользователь придерживался определенных правил и форматов при вводе данных в систему. Почему? Потому, что так проще их обрабатывать и хранить. Но пользователь — не программист и он не знает какие для него правила придумали разработчики программы. Например, пользователь должен ввести номер своего телефона, допустим мы ожидаем от него такую строку 74957978889, а он привык писать телефон так – 8 (495) 797-88-89. Что мешает написать регулярное выражение, которое принимало данные в том формате, в котором удобно пользователю, а сохранять данные в удобном для программиста формате?

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

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

2 cooments

Стандартные элементы интерфейса

Большинство современных операционных систем и ПО используют стандартные элементы управления интерфейсом. Такие как: поля ввода, чекбоксы, скроллеры и т. д. Эти элементы были разработаны в исследовательском центре Xerox в Пало-Альто в 70-х годах и позднее легли в основу операционных систем Windows и Apple. На данный момент эти элементы GUI являются стандартом де-факто. Read more…

one cooment

Полезные JavaScript функции часть 2 (валидация форм или в ожидании XForms)

Когда-нибудь настанет светлое будущие и валидировать формы будет сам браузер, для этого даже есть стандарт XForms. А пока все приходиться делать руками. Чтобы облегчить это процесс я написал небольшой framework на JavaScript. Read more…

one cooment

AJAX-отправка файлов на сервер

Недавно столкнулся с проблемой закачки картинок AJAX’ом. Перепробовал массу способов. Самым лучшим оказался SWFupload. Из названия можно понять, что отправка файлов на сервер происходит с помощью Flash и JavaScript. Если клиент не поддерживает эти технологии, то ничто не мешает показывать ему input type file.

Из достоинств SWFupload

  1. Работает во всех адекватных браузерах.
  2. Имеет гибкий и хорошо документированный API.
  3. Позволяет задавать маски для разрешенных файлов (*.jpg).
  4. В диалоговом окне можно выбирать несколько файлов.

2 cooments

Подборка ссылок на юзабилити ресурсы

UPA Russia
Российское отделение Usability Professionals’ Association. Раз в месяц публикует «Юзабилити бюллетень», состоящий в основном из переводных статей о юзабилити.
RusCHI
Российское отделение ACM SIGCHI, специализированной группы по взаимодействию человека с компьютером международного общества Association for Computing Machinery. Периодически устраивает семинары по юзабилити.
Usability.ru
Статьи о юзабилити.
GUI.ru
Сатьи о юзабилити и проектировании интерфейсов.
Fresh.GUI.ru
Новости мира юзабилити и проектирования интерфейсов.
User Centered Design
Юзабилити ЖЖ-сообщество.
P1uton.ru
Переводы статей по дизайну интерфейсов и юзабилити.

write a cooment

Елкин жжет

Елкин жжет

write a cooment

Лето на даче

Дача Read more…

write a cooment

Полезные JavaScript функции часть 1 (опредиление выбранного пункта в выпадающем списке)

Из проекта в проект приходится использовать одни и те же приемы и функции. Поскольку мне надоело каждый раз изобретать велосипед, то я решил публиковать некоторые из них у себя в блоге. Read more…

write a cooment

Поддержка CSS свойства background-img для тега option

Оказывается, что единственный браузер, поддерживающий background-img для тега option это FireFox. В других браузерах можно отметить пункты выпадающего списка картинкой, эмулируя выпадающий список другими тегами и JavaScript.

write a cooment

Определение юзабилити по стандарту ISO DIS 9241-11

Сегодня на собеседовании спросили определение юзабилити по 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). Также под юзабилити понимается и дисциплина, направленная на достижение такого интерфейса.

Очень размытое определение, не удивительно, что я его не запомнил.

А вот и сам стандарт ISO DIS 9241-11.

write a cooment

Волга, июнь 2008

Фотоотчет о поездке на Волгу. Рыбалка была не очень, зато отдохнули душевно.

пейзаж Read more…

write a cooment

Корпоратив на телеканале Спорт

Корпоратив на телеканале Спорт

9 cooments

Рецензия на книгу «Web-дизайн доступных сайтов или руководство по универсальному юзабилити»

Небольшая, но интересная книжка, подробности читайте в разделе рецензии.

write a cooment

Фотографии с поездки на дачу

колодец Read more…

4 cooments

Подшутил над тим лидером программистов

Кликните на картинку, чтобы увидеть надписи.
Кликните на картинку, чтобы увидеть надписи

2 cooments

РИТ-2008

Вчера закончился РИТ-2008, на котором я имел удовольствие присутствовать. В целом все понравилось, вот только интересные мне доклады были слишком сжаты по времени и не было перерывов на перекуры :) Read more…

write a cooment

Сизифов труд

Восемь месяцев тому назад, я начал работу на портале sportbox.ru в качестве проектировщика и разработчика интерфейса. Read more…

5 cooments

Новый дизайн для сайта жены

Сделали редизайн сайта жены. Спасибо Валере за помощь с дизайном.

one cooment

Иконки: национальные и культурные различия восприятия

Считается, что использование иконок облегчает локализацию интерфейса, за счет того, что иконки всем понятны без слов и их не нужно переводить на другие языки. Read more…

2 cooments

Купил машину или прощай метро

Ford Fusion Elegance 1,6 литра, механика. Read more…

write a cooment

Рецензия на книгу «Информационная архитектура: чертежи для сайта»

Отличная книга об информационной архитектуре web-сайтов. Подробнее читайте в рецензии.

write a cooment

Internet Explorer 8 Beta

Свершилось, вышел IE8 Beta. В пресс релизе заявлена поддержка web-стандартов. Наконец-то мы избавимся от хаков для IE!

2 cooments

Управление кэшированием сайта в браузере

Используя правильную политику кэширования на своем сайте вы можете значительно снизить нагрузку на web-сервер и сэкономить время ваших посетителей. Read more…

3 cooments

Как отобразить на странице HTML полученный AJAX’ом

Иногда бывает нужно отобразить на странице полученный AJAX’ом XML. Если этот XML не что иное как HTML, то парсить его не хочется, а стандартные DOM методы вроде appendChild работают не так, как хотелось бы, прикрепленный таким методом XML не рендерится браузером. Read more…

one cooment

Сделал жене сайт

Сайт о нашей мега собаке. Дизайн — наше совместное с женой творчество, так что сильно не пинайте :)

7 cooments

Порядок элементов в меню

И снова про меню, но это не удивительно, ведь меню важнейший элемент навигации на сайте. Read more…

write a cooment

Я хороший PHP-программист

Я хороший PHP-программист

Сам не ожидал, но цифры не врут :).

6 cooments

Выпадающие меню на сайтах

Большинство выпадающих меню на сайтах значительно усложняют жизнь пользователям. Read more…

2 cooments

Обновил дизайн блога

Спасибо Валерию Горкеру, за помощь с дизайном. Просто удивительно насколько можно улучшить дизайн с помощью изменения цвета таких простых элементов, как бэкграунд, границы и текст. Read more…

write a cooment

Добавить в избранное? Открыть в новом окне?

Это две самые распространенные и идеотские просьбы заказчика или менеджера. Как с этим бороться? Нужно правильно аргументировать свой отказ. Read more…

4 cooments

Курс «Соло на клавиатуре»

Потратив месяц собственной жизни, я прошел курс обучения слепому методу печати. Курс, безусловно, полезный, и я надеюсь, что в будущем он поможет сэкономить мне массу времени. Read more…

write a cooment

Наконец-то вышла черновая редакция спецификации HTML 5

Осталось дождаться, когда закончат спецификации HTML 5, XHTML 2 и CSS 3. Потом дождаться пока эти спецификации начнут поддерживать большинство браузеров, и будет всем счастье. Read more…

3 cooments

Решил приобрести новую машину

Решил приобрести новую машину и мучаюсь с выбором между Mazda3 и Suzuki SX4 Read more…

4 cooments

Прочитал новую книгу о верстке «Пуленепробиваемый Web-дизайн»

Хорошая книга. Подробности здесь излагать не буду, подробнее читайте у меня на сайте — «Пуленепробиваемый Web-дизайн».

2 cooments

Бретт Маклафлин «Изучаем Ajax»

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

4 cooments

Кросбраузерный и валидный object с WMP

Недавно столкнулся с проблемой интеграции Windows Media Player в XHTML. стандартный метод хоть и был кроссбраузерным, но не был валидным.
Read more…

write a cooment

Правила SEO — из документации к собственным проектам

Несколько слов о правилах SEO из документации к собственным проектам.
Read more…

2 cooments

Как убрать отступ внутри кнопки (submit) в IE6

Наверное, вы сталкивались с проблемой разного размера кнопок submit в разных браузерах. Это связанно, с отступами внутри кнопки в IE6, и если вы напишите padding:0, то ничего не измениться.
Read more…

3 cooments

Проверка браузера на поддержку CSS3-селекторов

На этой странице можно проверить поддержку CSS3-селекторов вашим браузером.

Надо отметить, что полностью проверку не проходит ни FireFox 2, ни Opera 9, ни Internet Explorer 7.

write a cooment