Наткнулся недавно на один интересный проект в основе которого лежит Twitter Bootstrap, а так как сейчас делаю интерфейс и в основе именно Bootstrap, то некоторые элементы мне будут очень полезны, я решил поделиться находкой с хабросообществом.
Fuel UX представляет собой набор скриптов и стилей для легких современных интерфейсов. А именно для создания удобных элементов управления.
Читать полностью »
Рубрика «юзабилити» - 26
Fuel UX — элементы управления на Twitter Bootstrap
2012-11-02 в 5:10, admin, рубрики: Bootstrap, css, javascript, веб-дизайн, Веб-разработка, дизайн, интерфейс, юзабилити, метки: bootstrap, css, javascript, дизайн, интерфейс, юзабилитиЛучший интерфейс — отсутствие интерфейса
2012-10-31 в 19:48, admin, рубрики: usability, дизайн, Дизайн в IT, интерфейсы, Купер, юзабилити “Atmadm”
Раньше наша работа была кошмаром из нагромождения букв.
“chkntfs”
“dir”
Тогда, в 1984, адаптировав Ксерокс ПАРК ВИМП, Эпл забросила нас вперед на целый галактический прыжок вдаль от этих ужасных командных строк ДОСа, в мир графических пользовательских интерфейсов [ПИ].

Эпл Лиза
Мы словно прозрели. И позже, десять лет спустя, когда мы смогли касаться Палм Пилот вместо того чтобы перемещать мышь, мы были впечатлены еще больше. Но сегодня наша любовь к цифровым интерфейсам Читать полностью »
Рекомендации по интерфейсу форм
2012-10-18 в 8:34, admin, рубрики: usability, проектирование интерфейсов, формы, юзабилити, метки: проектирование интерфейсов, формы, юзабилити 
Проектирование форм может оказаться настоящей проблемой. Чтобы получилось что-то стоящее и удобное для пользователей необходимо принять во внимание кучу разных рекомендаций и правил. В данной статье я постарался составить полезный список таких рекомендаций. Для его составления я использовал свой опыт и статьи экспертов.
Основные рекомендации и ввод данных
- Стремитесь к краткости.
- Убедитесь, что в форме используется один язык (обороты, термины).
- Если на странице находится только форма и ничего кроме нее, то при загрузке страницы стоит ставить фокус на первое поле формы, это позволит сэкономить немного времени (страница поиска, входа, регистрации).
- Поддерживайте ясный путь заполнения формы.
- Избегайте вторичных действий, если это возможно.
- В противном случае четко разделяйте основное и дополнительные действия.
- Выравнивайте основное действие так же как и поля формы, это упрощает восприятие формы.
- Цветная подложка у главной кнопки сделает её более видимой.
- Отключайте кнопку «Отправить» после того как пользователь на нее нажал, это позволит избежать двойной отправки данных.
- Еще лучше — показывайте индикатор отправки.
Финансовая статистика об интерфейсах
2012-10-18 в 7:58, admin, рубрики: usability, бизнес студии, деньги, интерфейс, интерфейсы, прибыль, финансовый эффект, юзабилити 
Очень небольшое количество компаний проводит сравнительные исследования прибыльности своего бизнеса до и после редизайна. И еще меньше компаний эти исследования публикуют.
Я старалась подобрать статистические, подкрепленные нормальными источниками исследования о пользе проектирования и денежной ценности юзабилити.
Естественно, это все было сделано с насквозь меркантильной целью. Возможно, вам тоже пригодится, если вы проектировщик, который пытается обосновать безбожный ценник на свои услуги. Ну или поможет расстаться с некой суммой в пользу того самого проектировщика.
Читать полностью »
Как я в армии в Warcraft III играл
2012-10-14 в 17:59, admin, рубрики: cmd, truecrypt, warcraft 3, юзабилити, метки: cmd, truecrypt, warcraft 3В данной статье я опишу способ скрытия приложений на компьютере, удобного запуска и быстрого скрытого их завершения на примере игры Warcraft III в Windows XP.
Так сложилось, что, проходя службу в нашей доблестной армии, у меня периодически появлялся доступ к компьютеру. И так сложилось, что, уходя в армию, я забыл выложить свою флешку, которую постоянно ношу с собой в кошельке. На этой флешке было много разного барахла, один миллион папок с названием «учеба» и архив с названием… tada! wc3.rar
Радости моей не было предела, но тут появился вопрос — как проводить вечера за любимой игрой и при этом остаться незамеченным? На все про все, у меня было 2-3 секунды на закрытие игры.
Читать полностью »
Обзор доклада «Обеспечение доступности мобильных телефонов и услуг мобильной связи для людей с ограниченными возможностями»
2012-10-06 в 15:36, admin, рубрики: accessibility, вспомогательные технологии, мобильные технологии, Телекомы, телефония, юзабилити, метки: accessibility, вспомогательные технологии, мобильные технологии, телефонияВ августе 2012 года Международным союзом электросвязи (International Telecommunication Union) и G3ict — глобальной инициативой по инклюзивным ИКТ (Global initiative for inclusive ICTs) был опубликован совместный доклад «Обеспечение доступности мобильных телефонов и услуг мобильной связи для людей с ограниченными возможностями» («Making Mobile Phones and services accessible for Persons with disabilities»). В докладе содержится информация о том, какие услуги, на сегодняшний день, могут предложить операторы мобильной связи для особой категории людей, обладающих теми или иными ограничениями возможностей.
Данный материал представляет собой краткий обзор этого доклада и предназначен для сжатого ознакомления с его содержанием, что может оказаться полезным для тех, кто не готов самостоятельно изучать довольно объёмный документ в поиске интересных для себя разделов.
Корзина в интернет магазинах. Пара грубых ошибок
2012-10-04 в 8:09, admin, рубрики: Дизайн в IT, корзина покупок, ошибки, юзабилити, метки: интернет-магазин, корзина покупок, ошибки, юзабилитиПриветам!
Достаточно долго работаю с сайтами, в том числе, с онлайн магазинами улучшая их юзабельность и увеличивая количество продаж для клиентов. За этот промежуток времени я поработал более чем со 150 различными сайтами, которые так или иначе что-то продают. Недавно щелкал сайты и удивлялся, как много плохих сайтов продает хорошие товары. Хотя, откровенно говоря, наши интернет магазины и удобство пользования ими идут на шаг вперед западного мира (не берем с иконостаса eBay и Amazon).
Якоб Нильсен :: Изменение дизайна главных страниц
2012-10-04 в 6:05, admin, рубрики: homepage, jacob, redesign, главная, дизайн, Дизайн в IT, переводы, редизайн, страница, хоумпейдж, юзабилити 
Аннотация: вебдизайн становится стабильнее — в среднем, около 40% главных страниц сайтов изменяются в течении года (в сравнении с полным редизайном, который происходит раз в 3 года).
19 лет я собирал изображения главных страниц многих сайтов, делая скриншоты раз в год. Сравнение текущего состояния страниц с тем, что было год назад, дает мне возможность определять степень того, как изменяется дизайн главных страниц.
Давайте начнем с того, что посмотрим несколько типичных примеров из моей коллекции.
1994—1995 Огромные изменения (пример: Microsoft)
Это классические главные страницы времен зарождения веба: много графических элементов без каких-либо традиционных элементов графического интерфейса.
Также, здесь хорошо видно, что в то время дизайн главных страниц полностью менялся с приходом новой версии. В те годы, вебдизайн был настолько экспериментальным, что очень часто единственным нетронутым элементом после редизайна, было название самой компании.
Читать полностью »
Изменения дизайна главных страниц
2012-10-03 в 17:14, admin, рубрики: веб-дизайн, дизайн, переводы, редизайн, юзабилити, метки: дизайн, редизайн, юзабилитиАннотация: вебдизайн становится стабильнее — в среднем, около 40% главных страниц сайтов изменяются в течении года (в сравнении с полным редизайном, который происходит раз в 3 года).
19 лет я собирал изображения главных страниц многих сайтов, делая скриншоты раз в год. Сравнение текущего состояния страниц с тем, что было год назад, дает мне возможность определять степень того, как изменяется дизайн главных страниц.
Давайте начнем с того, что посмотрим несколько типичных примеров из моей коллекции.
1994—1995 Огромные изменения (пример: Microsoft)
Это классические главные страницы времен зарождения веба: много графических элементов без каких-либо традиционных элементов графического интерфейса.
Также, здесь хорошо видно, что в то время дизайн главных страниц полностью менялся с приходом новой версии. В те годы, вебдизайн был настолько экспериментальным, что очень часто единственным нетронутым элементом после редизайна, было название самой компании.
Читать полностью »
Пользовательский опыт против нововведений в интерфейсах
2012-09-28 в 7:09, admin, рубрики: adobe, интерфейсы, обновление, опыт, пользовательский интерфейс, юзабилити, метки: интерфейсы, обновление, опыт, пользовательский интерфейс Сравнительно недавно компания Adobe представила Creative Suite 6 с некоторым количеством новых возможностей, крупных и мелких нововведений. Как водится, многие пользователи стали обновляться, ожидая самых разных улучшений.
Однако некоторые нововведения оказались хоть и довольно мелкими, но вызвали волну недоумения и разговоров. На примере одного такого нововведения я бы хотел поразмышлять о привязанности пользователей к привычному интерфейсу и о возможных путях обхода подобных ситуаций при разработке и обновлении софта.
Читать полностью »