Архив записей по категориям // Usability
Network test: Is your mouse...
Лучше три дня потерять, чтобы пять минут поработать.
То ли лыжи не едут,.. В очередной раз понадобился линух, взял первый попавшийся под руку диск и через полчаса опять захотелось погундеть на тему юзабельности, но вместо этого просто сделал скриншот одного (лишь одного) из моментов, которые меня убивают:
Вот для меня там всё такое. Я понимаю: мелкие глюки, досадные баги, «это уже давно исправили», «но ведь работает, работает же!». Тьфу.
Очень хочется в консоль, да руки коротки.
Categories: Soft, Usability | comments: (6)
Gecko: -moz-force-broken-image-icon
Для того, чтобы в том же LJ нормально отображалась иерархия тредов при просмотре их в Gecko с отлюченной графикой, можно поиграть с -moz-force-broken-image-icon, например, добавив в userContent.css такую строчку:
*{-moz-force-broken-image-icon:1 !important;}Владимир Палант указывал на nsImageFrame::HandleLoadError(), но непонятно чем я в то время слушал. А зря, очень помогло.
Ну и непосредственно в стили самого сайта можно прописать то же самое, если нет безразличия к таким пользователям.
Categories: CSS, Usability | comments: (0)
ILO 0.4.10. Мысли, планы
Обновил ImgLikeOpera до 0.4.10. Прежде всего, спасибо всем, кто тем или иным образом участвует в написании этого расширения.
С каждой новой версией думаешь, что вот оно, вот, становится похоже хоть на что-то более-менее человеческое. Проходит время, всплывают ошибки, после исправления которых материшь себя как последнего идиота. Эта версия не является исключением. Я постарался на выходных всё бросить (звучит несколько странно, когда ты в отпуске) и повоевать с наиболее критичными вещами. Получилось следующее:
[ read more ]
Categories: Soft, Usability | comments: (9)
XHR: bookmarks, back button
Заигравшись с XMLHttpRequest, можно забыть о том, что пользователи не брезгуют закладками и кнопкой «Назад». Фреймы.
Categories: Usability | comments: (1)
Mozilla: keyset, keyconfig
Кстати, если кому не нравятся те хоткеи, которые заданы в продуктах Mozilla или прописаны авторами расширений, то есть замечательное расширение: keyconfig. Будем считать, что я выполнил одно из пожеланий.
(в сторону) На расширение есть расширение. Хотя… в данном случае всё логично.
Categories: Soft, Usability | comments: (4)
ILO: button
— Где же всё-таки у него кнопка?
х/ф «Приключения Электроника»
[ read more ]
Categories: Usability | comments: (6)
ImgLikeOpera: filter, regexp
Это опрос.™
Неправильно подошёл к вопросу фильтров в ImgLikeOpera, хочется исправиться.
Дано: URL вида http://example.com/my-iMg.php?id=4+5
Два варианта создания фильтра пользователем:
- бездумное вбивание чего-нибудь вроде
.com/my-iMg.php?idи дальнейшее преобразование этого «бездумия» в процессе работы расширения экранированием специальных символов:/\.com\/my\-iMg\.php\?id/i - вдумчивое написание полноценного регулярного выражения
\.com\/my\-iMg\.php\?idи дальнейшее преобразование:/\.com\/my\-iMg\.php\?id/i
Понятно, что второй вариант хоть и более трудоёмок, но зато более гибок.
Можно наизобретать «третьих» вариантов. Например, оговариваем необходимость написания регулярных выражений полностью (/pattern/[i]), но обязательно найдутся люди, которые будут вводить /p.at+h1/p-ath2/ и удивляться. Специально для этих случаев смотрим наличие отсутствия граничных слэшей, экранирование специальных символов внутри патэрна и пытаемся додумывать то, что хочет получить пользователь на самом деле.
С одной стороны, подобное додумывание лично мне не по душе. Со стороны другой, я прекрасно понимаю, что не все знают о существовании регулярных выражений. Как быть?
Update: ага, ясно откуда я это «придумал». Прикрутить-то прикрутил, а как работает, видимо, только в подкорке отложилось. Я себе удивляюсь в последнее время; совершенно непонятно куда смотрю и о чём думаю (поэтому и прикрутил совсем не так, как должно быть):
Adblock supports two types of filters: simple, and Regular Expression.
Categories: Usability | comments: (8)
Mozilla: ILO FF1.0-only
Последняя дата обновления поста: 08/09/2005 02:56
Сайт расширения: imglikeopera.mozdev.org.
ImgLikeOpera 0.5.5, 61kb (23/05/2005).
Текущая версия ILO работает только с Firefox 1.0.x. Прошлые версии расширения (для Firefox 0.9.3) не поддерживаются и малопригодны для использования.
Итак…
… Не имеет никакого значения что ваш код уродлив и содержит много ошибок, и никому он не нравится. …
Джоель Спольски: «Огонь и движение»
[ read more ]
Categories: dHtml, Soft, Usability | comments: (126)
Винчестер, sIFR храни
Проспал выход sIFR2.0rc3. Скачал сегодня, посмотрел. Собственно, меня интересует лишь одно: когда такие страницы можно будет спокойно бросать на винт. Пока что нельзя. При всей своей дружественности к браузерам без поддержки (или просто отключенного) flash и поисковым системам, разработчики этого метода до сих пор не задумались о том, что некоторые пользователи имеют привычку сохранять страницы. Хотя сделать sIFR более дружественным к локальному просмотру не составляет труда. В самом простом случае достаточно открыть sifr.js и добавить что-нибудь вроде
if (!/http:\/\//.test(window.location)) sIFR = false;перед последними строками в этом файле
if(sIFR != false){sIFR.setup();};То ли это настолько очевидно, что я нигде не нашёл упоминания об этой проблеме, то ли плохо искал, то ли… одно из трёх.
Ещё по теме:
- Usable Type: «How and when to use sIFR»;
- ru_webdev: Про м., к. и п., использующих флеш.
Update: пользуйтесь Mozilla, она сохранит Ваш Flash до самых кончиков. :)
Categories: Flash MX, Usability | comments: (4)
Linux: снова и снова...
С весны стоял десятый Mandrake, с кучей ненужного хлама периода ознакомления (всякие gdesklets, superkaramba и т.д.) Решил обновиться, благо во внутренней сетке кто-то выложил 10.1. Обновление происходило старым-добрым windows-методом, когда всё стирается под корень и ставится девственно чистая ось. После установки два часа шаманил, вспоминая последовательность своих плясок с бубном полугодичной давности для подключения usb’шного модема. Подключил. Правда, до сих пор не знаю как я это сделал. При помощи лома и какой-то матери, да.
[ read more ]
Categories: Soft, Usability | comments: (2)
Drop-down choice lists... Editable... False...
editable
Type: boolean
Indicates that the value of the menulist can be modified by typing directly into the value field. This is rendered as a textbox with a drop-down arrow beside it. The user may enter text into the textbox or select one of the choices by clicking from the drop-down.
XUL Planet: Menulist: attributes
Это я всё про автоматизацию планирования. Всучить всем по Мозилле на работе было бы прикольно. Ведь пишут же интересные интерфейсы. Но, к сожалению, даже XUL оставляет желать лучшего.
Categories: dHtml, Usability | comments: (1)
План распития спиртных напитков. Автоматизация
Мне всё это напоминает одну старую историю. Вызвался я писать программу одной фирме, занимающейся производством и установкой пластиковых окон. Нужно было по исходным данным (тип, размеры) рассчитать стоимость и вывести на печать бланк заказа. Держитесь, потому что я сейчас скажу, на чём собирался это писать. На флэше. Просто я тогда не знал ничего лучше, чем флэш. (С другой стороны, заказчик, как всегда, сам не знал, чего хотел. Первоначальные условия задачи флэш покрыл бы. Это потом пошло: «Надо то, сделай это…» ТЗ, ТЗ, ТЗ, как много в этих буквах!)
[ read more ]
Categories: dHtml, Usability | comments: (2)
Mozilla: cached images only. Part 4
Субботний день выдался спокойным. ImgLikeOpera 0.4.2
Детальный changelog просто не могу привести, самые существенные отличия от предыдущих версий:
[ read more ]
Categories: dHtml, Soft, Usability | comments: (15)
Mozilla: SQL Support
Mozilla’s SQL Support allows applications to directly connect to SQL databases. A web application no longer needs to pass information through a scripting language, such as Perl or Python, in order to recieve information it can use.
mozilla.org: «SQL Support in Mozilla»
[ утирает слюну ]
PS: Жаль, ага?
Categories: PHP, Usability | comments: (1)
Mozilla: cached images only. Part 3
v0.3.2. Очередная версия. Глючная, но всё-таки работающая. Немного.
Самая большая глупость, которую я сделал, заключается в том, что изначально писал под FF0.8. Потом я удосужился поставить 0.9.3; именно с этой версией должно работать, насчёт остальных не уверен. А тут ещё во вторник 1.0PR обещают… Уффф…
[ read more ]
Categories: dHtml, Soft, Usability | comments: (5)
Mozilla: cached images only. Part 2
Чорт бы побрал эту чортову Мозиллу с её чортовыми табами! :)
Update: ILO FF1.0-only
Categories: dHtml, Soft, Usability | comments: (5)
Mozilla: ImgLikeOpera (images, cached images only, no images)
Ниже я попробую рассказать о том, как я пытался написать extension для Mozilla, позволяющий «по-Оперному» управлять загрузкой графических объектов, и почему эта попытка не удалась.
Следует отметить, что я мало знаком с JavaScript и XUL, поэтому некоторые утверждения могут быть не совсем верными.
Будем считать, что эта кнопка уже есть (думаю, что прикручивание такого элемента к интерфейсу Mozilla больших сложностей не вызовет). Кнопка стоит в положении «Show cached images only», пользователь запросил ресурс, начинает работать скрипт, который должен сделать следующее:
[ read more ]
Categories: dHtml, Soft, Usability | comments: (3)
Gmail. Opera
Люди говорят…
[ read more ]
Categories: Usability, Web-билдинг | comments: (6)
Give me a T!
Как любил говорить один преподаватель нашего политеха: «Что есть самое дорогое у студента? Правильно. Его время.»
[ read more ]
Categories: Usability | comments: (5)
Графика, меню и все-все-все
Во-вторых, я рад, что вы так заботитесь о пользователях наладонников и иже с ними, но по-моему пользователей веб-броузеров пока что больше, а в нашей стране очень многие из них отключают отображение графики (представте себе 8). И что же они увидят в предложенном варианте? Посмотрите сами.
Новенькое в деревне: «CSS: more accessible graphic menu».
Categories: CSS, imfo.ru, Usability | comments: (0)
Хочу начать работу
Начните работу на сайте с нажатия на кнопку ПУСК.
«Облако» — разработка web-сайтов
Ходить Оперой. Нажимать. До просветления.
Могу посоветовать ещё одну кнопку для нажимания. Быстрее грузится, экономит трафик.
Categories: dHtml, Usability | comments: (3)
Some links. Галопом
- Подписи к картинкам средствами JavaScript. Яваскрипт — зло [ :) ], но такие решения мне нравятся тем, что при отключенных скриптах сохраняется usability (описание изображения остаётся в
title). - Русская «виртуальная» клавиатура. Живёт и здравствует.
- … still use IE?
- W3C and ISO Publish Final Version of Portable Network Graphics (PNG) Specification (read more).
- Using Accesskeys: 1, 2.
- -moz- (Netscape CSS Extensions).
- «CSS Crib Sheet» теперь имеет постоянный адрес.
- D. Keith Robinson «CSS Hacks — Your Take», Anne van Kesteren «Hacks: CSS or XHTML?».
Так всё-таки хакать или нет? It depends. Imfo.
Буквосочетание «Alesh» неразрывно связано с народной мудростью о кривизне наджопной части тела и могиле.
kukutz: Есть вещи, которые остаются неизменными.
LJ ru_webdev: RegExp
Categories: CSS, Usability, Web-билдинг | comments: (1)
Navigation. Find Me If You Can
Well, I thought I did a hell of a job here with my extraneous titles and skip nav links and relative fonts sizes and such, but it appears 90% doesn’t exempt one from criticism. What’s being discussed is how much we should defer to a user’s settings, and allow their preferences to prevail. Particularily, no specifying of underlining or not underlining links (an issue I will happily concede) and no specifying of a default font size (one which I won’t).
Dave Shea «mozilla.org Notes»
[ read more ]
Categories: Usability, Web-билдинг | comments: (0)
Якоб Нильсен. Triple W
Davezilla.com »» Humor Categories »» Jakob Nielsen
Jakob loses points for using a non-standard font on the shirt…
Из комментариев к «Triple W!»
Categories: Humor, Usability | comments: (0)
U-R_L?s=
Ещё одна заметка с подборкой ссылок на тему «дружественные» УРЛы.
Categories: Usability, Web-билдинг | comments: (0)
Opera, баннеры резать нехорошо!
Alt+P.
В "Стилях страницы" (Page style) поставить галку "Моя таблица стилей" (My style sheet) и указать путь к Hidecertainsizes.css (из \Styles\user\). Указанные в этой таблице стилей размеры либо оставить «as is», либо добавить/убрать на свой вкус.
При желании этот «агрессивный» CSS можно дополнить интересными вещами:iframe {content: '[-=IFRAME was here=-]' !important;}
…"Author/User mode" возле адресной строки.
Categories: CSS, Usability | comments: (2)
Резиновый дизайн. Em vs Px
На днях узнал, что один из моих друзей героически смотрел страницы при "Text Size: larger" (800x600), восхищаясь дизайном пиксельных сайтов и даже не подозревая о возможности смены размера текста.
Юзабилити? Что это?
Продолжая тему «bookmarklets»: Simon Willison «Page Readability Bookmarks» + Related Entries.
Categories: Usability | comments: (0)
Госкомспорт. Адрес. WWW
Если вам вдруг срочно понадобится узнать физический адрес (бывает и такое) Государственного комитета РФ по физической культуре, спорту и туризму…
Долго искал, потом плюнул и стал пытать Яндекс.
Сообщаю секретную информацию: 103064, г.Москва, ул.Казакова, д.18.
Ну не хомяк ведь! «Официальное представительство», блин.
P.S. УРЛ вида goskomsport.ru/xml/t/main.xml?lang=ru&nic=com&mid=6&pid=1 — это очень круто. Главное XML, а остальное приложится.
P.P.S. Ещё «по теме» [ LiNk ]
Categories: Usability | comments: (0)
IE. Королевский размер. Zoom. Bookmarklets
В IE есть интересное свойство: document.body.style.zoom. С его помощью можно масштабировать документ (почти как в Опере и Мозилле). Самое загадочное, что такой возможности нет в интерфейсе самого IE, ведь все прекрасно знают, как «Text Size» сосёт на «font-size: Size_px».
[ read more ]
Categories: dHtml, Usability | comments: (2)
Opera. Нужные вещи
Откл./вкл. плагинов (oh, yea! Flash!), кукисов (на всякий случай), переключение кодировки и некоторые другие «Preferences» у меня живут на правой кнопке мышки. [ LiNk ]
Пользуюсь уже давно, вспоминаю об этом только в процессе установки свежих версий. Удобно.
Opera 7.11 — '/defaults/standard_menu.ini'
Categories: Flash MX, Usability | comments: (0)
И снова типографика. Justify
Тема-то хорошая, но вот добротной реализации я не встречал ни разу. Может быть не там искал?
Мимоходом узрел такие вещи: «Стандарты печатной продукции. ГОСТы и ОСТы», «Оформление и дизайн», «Справочный материал».
Categories: Language, Usability | comments: (0)
Экранная типографика
Все аналоги, которые нам удалось найти, проигрывают «Typetext» по множеству параметров.
http://kapranoff.ru/cgi/kg.pl
http://apes.sharpdesign.ru/somestuff
http://bang.dax.ru
http://webcode.ru/use/nbsp
http://www.interactive-design.ru/useit/html
http://www.emdin.ru/tools/teditor.htm
http://www.artlebedev.ru/tools/typograf
http://www.onegin.com/mt
http://chihpyh.far.ru
http://hiero.ru/david/typographer.php
Categories: Language, Usability | comments: (1)
Metamark Shorten™ Service. Short URL
Вводим длиииииинный URL, получаем короткий. [ LiNk ]
Было: http://imfo.ru/archive/2003/06/28/looooongURL
Стало: http://xrl.us/shortURL
Categories: Usability, Web-билдинг | comments: (1)
Транслитерация. Клавиатура на экране
…данная страница, предлагающая «виртуальную», экранную клавиатуру — для людей, которые ну никак не могут инсталлировать обычные клавиатурные средства для русского (например, сидят в Интернет-кафе или в библиотеке) или же для людей, которые пишут по-русски очень редко и поэтому не хотят инсталлировать клавиатурную поддержку русского под их Windows.
<…>
Другие предлагают вводить латиницу (транслит) типа «ya ushel», а потом пытаются сами перекодировать это в кириллицу. Но даже в лучших из таких программ случаются ошибки перекодировки и получается «странная» кириллица.
IE, Mozilla 1.3+ [ LiNk ]
Update: адрес изменился.
Categories: dHtml, Usability | comments: (2)
Средство против религиозных споров. Большинство
Всё дело в том, что не имеет смысла задавать вопросы вроде «Большинству людей нравятся выпадающие меню?». Правильнее задать другой вопрос: «Вот это выпадающее меню, с этими элементами и такими формулировками в таком контексте, вот на этой странице создаст хорошее впечатление у большинства пользователей из тех, которые возможно воспользуются этим сайтом?»
© Steve Krug «Don’t make me think!»
Я бы ещё выделил слово «большинство». Ведь всегда найдутся люди, которым не понравится цветовая гамма, вид кнопки «Search», необходимость вертикальной прокрутки (про горизонтальную молчу), оформление ссылок и т.д. Первостепенная задача — увеличить процент большинства.
Categories: Usability | comments: (0)
Жду ответа, качаю RSS
RSS feeds for comments on a post aren’t good enough, for a whole bunch of reasons. Who wants to have to subscribe to an RSS feed for every place they ever leave a comment?
Keith Devens «Weblog comment subscriptions»
Если мой poor english меня не подводит, то речь идёт в том числе и об этом. Порой интересно читать комментарии других посетителей, но часто больший интерес представляет реакция «хозяина».
PS. RSS Aggregators. Ещё один список [ LiNk ]
Categories: RSS, Usability | comments: (2)
Неудобно на потолке спать
Тестирование на удобство пользования трёх вариантов представления результатов поисковых запросов (по 10, 50 и 100 ссылок на страницу).
Юзабельность трёх вариантов вывода информации:
- несколько текстовых блоков с большими отступами (в три forward-click’а);
- полосой по всей высоте (в один forward-click);
- одним блоком, требующим прокрутки страницы (максимум 7 прокруток).
Результаты этого тестирования будут интересны любителям вешать меню каскадного типа вверху страниц.
Usability News [ LiNk ] is a newsletter highlighting some the Software Usability Research Laboratory’s (SURL) latest research findings.
Categories: Usability | comments: (0)
Идеал
Людям нравится Белый Яndex. На вкус и цвет…, а ya.ru лучше.
Categories: Usability | comments: (0)
Flash
Flash испоганили тупые дети и не менее тупые взрослые. Идея-то хорошая, используют не по назначению.
Несмотря на то, что во флеше можно построить глубокий и развитый интерактив, пользователя, как правило, интересует только одно — как отключить эту болтающуюся заразу.
Categories: Flash MX, Usability | comments: (0)