APetrov.ruЗаписки о жизни

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

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

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

Приговор

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

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

написать комментарий

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

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

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

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

2 комментария

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

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

один комментарий

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

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

один комментарий

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

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

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

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

2 комментария

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

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

написать комментарий

Елкин жжет

Елкин жжет

написать комментарий

Лето на даче

Дача Читать продолжение…

написать комментарий

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

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

написать комментарий

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

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

написать комментарий