Показаны сообщения с ярлыком usability. Показать все сообщения
Показаны сообщения с ярлыком usability. Показать все сообщения

12 января 2023 г.

Маленькая фишка браузера, которая переворачивает всё

Хочу рассказать о маленькой фишке, которая мне никогда не нравилась, но которую я открыл для себя заново в 2022 году и уже не представляю себе ежедневное пользование браузера на десктопе без неё. Я говорю о вертикальных вкладках! Не то, чтобы я про такую опцию не знал - я ей пытался пользоваться ещё в браузере Opera, когда она была той самой настоящей "Оперой" на своём фирменном движке, потом в браузере Vivaldi, и вот наконец я дошёл до браузера Edge от Microsoft. Почему я пользуюсь этим браузером давно: я считаю Edge весьма добротным и одним из самых удобных браузеров на платформе Windows, а ещё он здесь самый быстрый, надежный (в отличии от Vivaldi в котором периодически что-то отваливалось) и уделывает в плане производительности оригинальный Chrome на движке которого создавался, а так же Edge дольше сохраняет батарейку на ноутбуке. Однако я видел какими нечестными методами MS пытается его втюхать в свою систему и не могу такой назойливый маркетинг одобрять. 

Вертикальные вкладки
Когда я включил ради интереса вертикальные табы, я ощутил наконец свободу в интерфейсе: теперь моим глазам не надо постоянно искать название вкладок сверху - они всегда слева, удобно рассортированы. Так же я теперь могу открыть намного больше вкладок и не испытывать фрустрации от того, что они заняли всё место, мои глаза фокусируются на середине экрана. Большинство сайтов сделаны так, что вертикального места всегда не хватает, а вот горизонтального полно, потому что мониторы вытянуты по горизонтали. Только не забудьте включить настройку "скрывать заголовок окна", чтобы ещё больше экономить места на экране.  Всплыл и негативный побочный эффект: некоторые сайты я открываю и забываю про открытые вкладки на недели, потому что они больше не отвлекают и не кричат "прочти меня сейчас". К счастью, новый механизм браузера позволяет "заморозить" эти вкладки и они не потребляют процессорного времени и памяти в "спящем" состоянии. 
Включение вертикальных вкладок. Просто наберите "верт" в поиске настроек.
Раньше фича вертикальных вкладок была спрятана за экспериментальным флагом, но она так понравилась многим пользователям, что теперь доступна в обычных настройках. Дизайнеры Microsoft почувствовали, что нащупали золотую жилу и продолжают вести интересные дизайнерские разработки в области вкладок (заимствуя хорошие идеи из Vivaldi), внедрив например переключение рабочих пространств (удобно переключаться между "работа" и "отдых") и группировку вертикальных вкладок в группы. Между прочим в некоторых хипстерских браузерах типа Arc это вообще платная функция для повышения продуктивности. Кстати, режим вертикальных вкладок был очень популярен ещё в браузере Firefox, но... сейчас в развитии этого браузера слишком многое пошло не так, как хотелось бы пользователям и он стремительно потерял свою долю рынка, хотя сам по себе движок у Firefox неплох и лично я предпочитаю его использовать при разработке сайтов. 

Если ваш браузер поддерживает функцию вертикальных вкладок - обязательно попробуйте её. Может так получится, что вы потом не сможете от неё отказаться. 

24 февраля 2013 г.

Приручаем встроенный firewall Windows

Я провел небольшой апгрейд своего системного блока, в связи с чем в нем завелось 4 ГБ оперативной памяти и новая операционная система Windows 8 x64. О перипетиях установки и использования этой системы я расскажу в отдельном посте, а сейчас о такой необходимой для современного продвинутого пользователя программе как firewall. С неудовольствием узнал, что не все производители выловили и исправили проблемы со своими программами в новом детище Microsoft. К примеру: мой любимый файерволл Online Armor Free работает, но неправильно перехватывает экран, что может вообще привести к невозможности использования системы (на рабочий стол вы не попадете и не доберетесь до всплывающего окна). Антивирус Avast почему-то отказывается запускаться при старте системы (впрочем потом он передумал и заработал). В общем, проблем много, а я решил попробовать новые утилиты взамен старых.
В операционных системах от Microsoft давно имеются встроенные средства защиты компьютера, которые по идее должны были удовлетворять всех пользователей. К сожалению, реальность такова что встроенный антивирус проваливает тесты за тестом, а встроенным файерволлом пользоваться в принципе невозможно, ибо его создавал какой-то инопланетянин, настолько его интерфейс недружелюбен и запутан. К счастью, сторонние разработчики всегда помогут решить эти проблемы.
Что нужно от обычного файерволла? Отловить выход программы в интернет и спросить пользователя: можно или нельзя? Решение запомнить и так поступать в дальнейшем. Вроде не сложно. Именно так поступают надстройки на стандартным брандмауэром.
Sphinx Windows 7 Firewall control
Я решил попробовать надстройку от Sphinx и она мне понравилась своей простотой. Базовые функции в бесплатном варианте программы работают на ура. Не смотря на слово Vista в адресе сайта (кстати, все сайты подобных программ выглядят устаревшими лет на 10), программа неплохо работает и в Windows 8. Правила составляются, программы блокируются или полностью имеют доступ в сеть. Если нужны более продвинутые варианты настройки правил, то придется использовать платную версию (или полноценный файерволл типа Comodo). В бесплатном варианте программа ничего не может сделать с системными процессами и они имеют доступ в сеть.
Аналогичные надстройки (у всех программ есть и платные и бесплатные варианты использования):
Tinywall - бесплатная надстройка, которая предлагает возможность создания своих зон и профилей приложений (у Sphinx это есть только в платном варианте). Tinywall достойная альтернатива, правда поддержка Windows 8 не заявлена, а сама программа написана на устаревшей версии .NET.
Wokhan Windows Firewall Notifier 7 выглядит неплохо, предоставляет много информации о сетевых соединениях, но поддержка Windows 8 заявлена только следующих версиях.
Windows Firewall Control - с виду серьезная надстройка, да и поддержка русского языка радует. Поддержка W8 имеется, написана на новой версии .NET 4. Вот только работает она в Demo режиме и просит 10$ за полноценную. Я считаю 10 и более долларов это цена полноценного средства защиты, а не надстройки над встроенным.
Вот таким образом можно контролировать сетевые соединения своего компьютера, впрочем продвинутому пользователю этого будет мало и он установит полноценную систему предотвращения атак: KIS, Outpost или популярный Comodo.

26 января 2012 г.

Общественные интерфейсы

Внешний вид виновника моей растерянности
Волею судеб (с) был вынужден воспользоваться терминалом одной из крупных торговых сетей для пополнения электронного кошелька (с целью дальнейшей растраты своих денежных средств).
Я много писал в своем блоге об интерфейсах, удобстве использования различными сервисами, программами и сайтами; я имею непосредственное отношение к IT, много лет работаю с различными электронными устройствами (смартфонами, компьютерами)... но я запутался в интерфейсе терминала!
Я около двух минут тыкал в различные не шибко быстро открывающиеся меню, а мой мозг автоматически подмечал "косяки" в интерфейсе, глупости и откровенные недочеты (отсутствие картинок логотипов, тормозное меню). Ну кто же знал если набирать в поиске "yandex", то вы никогда в жизни не найдете сервис "Яндекс.Деньги" (яндекс - найдется не всё), просто потому что в системе оно прописано не тегами, а черт знает как. Вероятно надо было не умничать, а набирать "яндекс". Сам интерфейс поиска ввел меня замешательство тем, что убрал от меня клавишу "ввода" запроса. Я привык к компьютерным клавиатурам и когда у меня на виртуальной клавиатуре "крадут" клавишу "enter" меня это, знаете ли, немного напрягает. В итоге мне пришлось обратиться за помощью (человеко-машинный интерфейс) и милая девушка-консультант нашла мне необходимый пункт меню в дебрях однотипных иконок. Если бы я самостоятельно искал нужный мне сервис, я бы потратил кучу времени под взорами стоящих за мной в очереди посетителей.
К сожалению, данная ситуация типична при общении с терминалами многочисленных платежных систем или интерфейсами банкоматов (здесь в деле построения монструозных интерфейсов лидирует "Сбербанк"). Возникает множество непонятных моментов, умышленных недомолвок (а ведь дело касается моих личных денежных средств). Дизайнеры научились рисовать симпатичные (иногда) интерфейсы, слышали краем уха про "фокус-группы", но сделать по-настоящему человечный интерфейс, простой и понятный даже старушке ни разу не работавшей с компьютером, никому не удается. Да что там говорить про пожилых людей, когда в этих интерфейсах путается даже обычный человек. Часто установка электронного терминала заканчивается тем, что к нему приставляется сотрудник, который помогает пользователям совершать простейшие действия. А ведь терминал устанавливался чтобы заменить человека, а не создать еще одно рабочее место.
Возможно в будущем можно будет продвинуться в деле построения понятных интерфейсов с помощью технологий распознавания голоса. Голосовой поиск Google уже сейчас весьма сносно распознает человеческую речь и успешно работает на смартфонах, почему бы не использовать данную технологию в терминалах? Возможно он сможет заменить помощника-человека, помочь быстро находить посетителю нужный сервис и даже отвечать на несложные запросы пользователя, как делает Siri.

18 января 2012 г.

Clearly чтобы ясно видеть полезную информацию

Расширения для чтения статей в интернете являются теперь такой же неотъемлемой частью "джентльменского набора" интернет-серфера, как и программы для борьбы с рекламой. С помощью Adblock можно предотвратить загрузку различных рекламных материалов, следящих скриптов социальных сетей, но вот чего это расширение никогда не сможет, так это интеллектуально очистить сайт от рекламной шелухи.


Современный информационный сайт (а развлекательный сайт тем более), представляет собой невообразимое, набитое и пестрящее различными иллюстрациями, заголовками, кнопками (сотни разных социальных сетей), рекламными материалами (не блокируются Adblock, так как сделаны уникальными), тормозными скриптами ... в общем страшное зрелище.  В подобном виде сейчас предстают многие солидные издания. Их можно понять: если пользователь каким-то чудом зашел на сайт, то его надо раскрутить по полной, продемонстрировать рекламу и увлечь интересными статьями, а пользователь авось не будет обижаться, проглотит, раз все-равно по делу зашел (интересную статью почитать). Все это от "бескультурья" российских веб-мастеров и нетребовательности рядового пользователя.
Именно из-за такого отношения большого количества сайтов к своему пользователю, я и не рискую узнавать о новостях непосредственно на этих сайтах. Гораздо эффективнее просеять информацию через сито верного RSS-ридера и заметив интересную новость перейти непосредственно на сайт. Здесь мы используем еще один "волшебный" фильтр и отсекаем всю ненужную информацию с помощью расширений для чтения статей.  Таких расширений создано очень много для всех основных браузеров и я писал о них в своем блоге: Readability, iReader (весьма популярен) и многие другие не такие известные расширения, но выполняющие схожие функции.
Страница до и после использования расширения Clearly
 Позвольте представить очередное расширение, призванное позволить читать сайты. Это расширение Clearly от Evernote. Регистрация в Evernote не требуется, хотя интеграция в этот удобный сервис, конечно же, присутствует. На первый взгляд это расширение не предлагает абсолютно ничего нового (кроме интеграции с Evernote), да еще и имеет скудные средства для настройки. На самом деле это весьма красивое и удобное приложение. С помощью закладки "персональная тема" и небольших знаний css можно настроить внешний вид как угодно. Clearly работает весьма эффективно и правильно обрабатывает многие сайты, которые по какой-то причине не работали у меня в iReader. Более того: корректно обрабатываются и подхватываются комментарии к статьям, чем не могут похвастаться многие расширения подобного рода. Не секрет что чтение комментариев к статьям зачастую доставляет большое удовольствие чем сама статья.
В общем, мы имеем еще одно неплохое расширение для чтения интернета.

7 января 2012 г.

Avira Free 2012

Я расстался с антивирусом от Microsoft. Я попытался установить 4-ю версию Microsoft Security Essentials, но этой антивирусной заразе что-то не нравилось в моем компьютере и устанавливаться она наотрез отказалась (о чем не преминула настучать в Майкрасофт - попытку выйти в сеть засек мой firewall). Проблема была в том, что старую (2-ю версию) MSE я уже удалил.
MSE: все в порядке. Но так ли это на самом деле?
Не хочешь - как хочешь. Я конечно неплохо жил с MSE и даже прощал ей попытки отправлять на анализ все подозрительные файлы и строчить доносы в "центр", но взглянем фактам в лицо: согласно множеству тестов (разной степени предвзятости) MSE не является безопасным антивирусом. Он довольно шустрый, бесплатный для пользователей лицензионной Windows (версия Starter тоже подойдет), не отвлекает на себя внимание и очень прост в настройках, но использовать его на компьютере без еще одного уровня защиты, типа firewall с эвристическим анализатором и проактивной защитой, я бы не стал. Иначе вы рискуете получить зеленую иконку MSE и зараженный компьютер.
Avira v12 Free
Я выбирал из бесплатных антивирусов, так как не вижу абсолютно никакого смысла в покупке вируса - я давно привык справляться своими силами и оборонять свой компьютер самостоятельно подручными средствами. Выбор был из:

  • Comodo Antivirus - в последнее время он заслужил похвалу критиков, но я хорошо помню какими прожорливыми бывают продукты под маркой Comodo.
  • AVG Free - достаточно неплохой и шустрый антивирус. Собственно ближайший конкурент для Avira Free.
  • Avast! Free - я длительное время использовал этот антивирус. Он прекрасно себя зарекомендовал, поймал очень много "зловредов", которые лезли на мой компьютер через сеть, но и несколько раз допустил заражение компьютера, допустив запуск новых типов вирусов. В данный момент предоставляет допольное продвинутую защиту для пользователя несмотря на статус бесплатной версии.

Как вы можете видеть, остановился на Avira, понадеявшись на немецкое качество.
Кстати, о немецком качестве - к программированию этот миф совершенно не относится. Немецкие программы монструозные и забагованные похлеще некоторых китайских и индийских, причем требуют за них вполне приличные деньги. 
Только начав пользоваться я сразу обнаружил довольно серьезные упущения в интерфейсе и логике поведения. Самый безобидный пример: невозможно установить периодичность обновления менее суток - программа станет ругаться что она должна обновляться не чаще чем 1 раз в 24 часа, и периодичность в 6 часов её категорически не устроит! А как же своевременное обновление, а как же оперативное реагирование на угрозы 24/7? Другой пример: я произвожу сканирование большого каталога и в этот момент нажимаю кнопку обновления базы данных. Что произойдет? Результаты сканирования будут отменены, программа полностью закроется (о чем известит Windows, которая сообщит что вы остались без защиты) и перезапустится. Начинайте проверку заново, пожалуйста. Происходит сканирование, обнаружены зараженные: вы хотите узнать что это за файлы, но из диалога сканирования, который нельзя закрыть, а можно только свернуть, можно узнать только о количестве зараженных файлов и примерное название последнего вируса! Удивительная логика. И таких "непоняток" там много.
В завершении всего, данный антивирус при сканировании может довольно сильно нагружать систему и работать становится не комфортно (даже в браузере). Кроме того в бесплатной версии довольно урезан функционал антивируса, в отличии от того же Avast!
В итоге я решил держаться подальше от этого "немецкого качественного антивируса", пусть и говорят некоторые тесты (к которым надо относится скептически - они все ангажированы) что у него процент определений вирусов больше чем у других бесплатных антивирусов.

1 ноября 2011 г.

Error 404 и вежливость

Я часто выкладываю ссылки (в наше время бума социальных сетей этим занимается 99% пользователей) и вот в один прекрасный момент столкнулся с тем что одна из моих ссылок ведет в никуда. Те самые знаменитые три цифры: 404.
Сегодня мой пост не о ведущих в никуда ссылках, а о сетевой вежливости и прописных истинах, которые до сих пор не усвоили многие сайты.

Реальный пример того как не надо делать "ошибку 404"
  1. Ошибка 404 если и должна выводиться, то делаться это должно нестандартным образом (см. перехват ошибок). Как минимум это логотип сайта, сообщение для пользователя с описанием проблемы (написанное простым и понятным языком, чтобы проблема стала понятна сразу). Многие сайты заводят если и не информативные формы сообщений для ошибок, то хотя бы креативные.
  2. Еще большая глупость выводить в ошибке рабочие версии программного обеспечения и отладочную информацию. Конечно, никто специально их не выводит, это делают "дефолтные" (по умолчанию) настройки сервера. Но такие настройки "по умолчанию" как и пароли "по умолчанию" рассчитаны на то что будут изменены в процессе настройки!
  3. Если взглянуть еще раз на реальный пример того как нельзя делать обработку ошибок, то можно узнать что это невразумительное сообщение на английском языке выдал сервер рассчитанный на русскоязычных пользователей. Выдавайте сообщению пользователю на его родном языке, ну или хотя бы на языке основной массы посетителей сайта. 
  4.  Со страницы с ошибкой пользователь должен куда-то попасть. Пусть это будет главная страница сайта или форма поиска. Некоторые сайты пытаются угадать что искал пользователь и предлагают на основе его запроса некоторые страницы, которые его могли бы заинтересовать. Некоторые сайты вешают рекламу и на странице с ошибками.
  5. Все подобные страницы должны анализироваться и как правило анализируются. Даже такая неказистая ошибка в вышеприведённом скриншоте, попадет в логи сервера (правда их никто читать не будет).


Уважайте пользователей!

5 октября 2011 г.

Управление голосом: будущее компьютерных интерфейсов

 
Рекламный ролик о Siri в iPhone 4S

Вчера я следил в прямом эфире за очередной трансляцией с презентации компании Apple, на которой был представлен iPhone 4S. Сам телефон и его характеристики меня волновали мало, тем более некоторые эксперты угадали в своих прогнозах и название (была утечка из одного онлайн-магазина), и даже характеристики новой модели телефона от Apple (мощный процессор A5).
Трансляция прерывалась выпадением серверов от большой нагрузки, постоянными прерываниями, ну и официальный запрет на передачу видео с презентации не добавлял удовольствия. Но ажиотаж у пользователей был большой, хотя и после презентации курс акций Apple не взлетел ракетой вверх, да и вообще он медленно полз вниз.
Но это все лирика, а вот что меня действительно очень заинтересовало, так это функция интеллектуального управления, практически искусственный интеллект (ну не настоящий конечно, но выглядит как в фантастических фильмах) внутри телефона. Называется эта система Siri, и является разработкой одного стартапа, который купила корпорация.

Разработка начата в 2007, в 2010 была куплена Apple, видеоролики о работе этой системы появлялись еще год назад, но только в этом году, на презентации нового мощного двухъядерного телефона, было заявлено что данная система будет поставляться с iPhone.
Ничего нового и революционного в этой системе нет. Впрочем так можно сказать о любой разработке от Apple: сам iPhone или iPod не представляли из себя ничего нового на момент выхода, а некоторые технические характеристики продуктов от Apple хуже чем у флагманских разработок конкурентов. Дьявол, как всегда, в мелочах и в том самом usability (удобстве и понятности для пользователя), о котором я столько много писал в своем блоге.
C Siri можно общаться почти как с человеком, задавать вопросы и делать просьбы, это ваш персональный помощник в телефоне, ваш секретарь. Это отличается от распознавания голоса, которое уже имеется и успешно работает у Google. Взгляните на рекламный ролик в начале поста, но учтите что это всего лишь рекламный ролик (там заведомо есть обман) и данный продукт находится в стадии beta. Не зря его скрывали целый год и представили эту важную "фишку" только с выходом iPhone 4S. Конечно, русского языка для этой системы пока не предвидеться, как и поставки самих телефонов в нашу страну. Кроме того, проблема качественного распознавания и синтеза русской речи весьма сложна. В данный момент система работает с несколькими языками, основным и наиболее качественно сделанным является, очевидно, английский язык.
Я измеряю уровень usability, тем как быстро неподготовленный пользователь может привыкнуть и эффективно использовать систему. С такой штукой в телефоне (или планшете) как Siri, данный гаджет был бы простым в использования для начинающего пользователя, например для пожилого пользователя. Siri может читать SMS и что более важно, писать их, распознавая голос пользователя.
Компания Apple постоянно задает темп всей отрасли и данная функция (Siri), задаст направление развития всем "умным телефонам". Теперь мощности смартфонов с мощным двухъядерным процессором будут использоваться для работы таких вот электронных секретарей (а то игры уже как-то надоели). Один раз Apple уже ввела моду на тач-скрины и пальцеориентированный интерфейс, управление голосом тоже замечательное достижение и достойно стать новой вехой в развитии интерфейсов между компьютером и человеком.
Компьютер становится все более человечным. Теперь с ним можно поговорить.

5 августа 2011 г.

Как написать полезную программу

Две мышки для вдвое эффективной работы (c) via Flickr
Я уже ранее писал о так называемых "программистах" с которыми мне приходится работать рядом в качестве рядового пользователя. Каждый раз когда я сталкиваюсь с продуктами их программистской жизнедеятельности и мне хочется закричать: "Вон из профессии! Вы недостойны называться программистами!". Больших трудов мне стоит сдерживать себя в рамках, хотя иной раз я не сдерживаю ругательств при работе с очередным программным монстром, призванным облегчить мои (простого пользователя) труды. Я оправдываю этих людей плохим воспитанием, образованием и низкой зарплатой. В конце концов они попадут в ад для программистов и ответят за все грехи что совершили в своей жизни.
Долгое время, пока не пришли эти доморощенные инноваторы, мы (пользователи) были предоставлены сами себе. За это время я написал множество простейших утилит, макросов и просто полезных шаблонов, которые облегчали мой труд. Почти всеми этими полезными вещами я пользуюсь до сих пор - они работают замечательно и пережили два сгоревших компьютера и четыре переустановки операционной системы.
Находясь на месте пользователя и одновременно на месте программиста, я получил весьма ценный опыт и много удовольствия от написания программ. Хочу поведать о некоторых ценных мыслях, которые я вынес занимаясь тестированием и внедрением самописных программ для автоматизации делопроизводства.
Нельзя начинать писать программу не понимая до конца что ты хочешь получить в итоге и что от тебя требуется пользователю. В конечном итоге это закончится тем что всю работу придется начинать сначала. Сколько раз я быстро программировал что-то, а потом с удивлением узнавал что от меня требовалось совершенно другое. Или не совсем другое, с маленькими изменениями... но из-за этого придется переписать и перерисовать половину программы. В настоящем программировании есть такая штука, ТЗ - техническое задание, но не каждый пользователя умеет его грамотно составлять, и не каждый программист может его понять...
(c) via Flickr
Хорошо. Программа написана, она получает данные, обрабатывает и выдает какой-то результат. Краткое тестирование с различными данными показывает что все в порядке - данные на выходе корректные. Работа закончена? Вовсе нет, основная часть работы только начинается. У любого программиста непосредственное программирование занимает только небольшую часть проекта (20-30% времени), все остальное время он обязан отдавать тестированию и исправлению выявленных недочетов. К сожалению, не все так поступают - поджимают сроки, руководитель требует функциональности немедленно...
Я поступал также. Программа написана, программа работает, программа выдана пользователю. Пользователь вроде не выражает недовольство. Кажется все в порядке. Такое заблуждение длится ровно до того момента, когда ты сам начинаешь пользоваться своей программой. Да, я подменял пользователей в их работе, когда кто-то уходил в отпуск или отсутствовал. Коллектив у нас небольшой и каждый должен был уметь выполнять функции своего коллеги (в разумных пределах, конечно). Так вот, когда я начинал работать на месте пользователя, я обычно хватался за голову. Наконец я понимал как именно должна работать программа для максимального удобства и эффективности. Никакое вдумчивое чтение ТЗ и продумывание всех нюансов заранее не даст такого озарения. Нельзя ограничиваться только формальным тестированием продукта - необходима вдумчивая работа на месте пользователя.
Те люди, которые сейчас "работают на нас", нарушают все эти простые заповеди и еще массу других. Они плевать хотели на пользователей и их желания. Они не хотят знать каким образом происходит работа этого пользователя. Они ведут себя как полнейшие профанами и болванами, каковыми и являются. Не происходит никакого общения между программистом и пользователем. Когда я писал свои программы, я находился в непосредственной близости от пользователей, стоял за спиной и вникал во все детали работы. Те надменные люди (я их даже в лицо никогда не видел), которые пишут нам программы, купили (я на это надеюсь) IDE, получили компоненты, фреймворки и считают себя умнее нас, простых пользователей, о чем уведомляют руководство. Конечно же, всем очевидно что при подобном подходе они не смогут написать никакой полезной программы и тем самым разрушат нашу работу, все наши бизнес-процессы и впустую потратят деньги, которые им выделили.
Я все-таки надеюсь что эта неудача (когда начальству станет понятен весь масштаб катастрофы) хоть кого-то научит, а этих людей которые посмели себя называть программистами, выгонят из профессии. 

31 мая 2011 г.

Долой полосы прокрутки!

Верный и надежный друг любого компьютера
Часто ли вы пользуетесь полосами прокрутки? Понятное дело смотрите вы на них очень часто, но прикасаетесь ли вы к ним с помощью курсора? Я делаю это крайне редко. Когда я читаю статью в браузере или просто просматриваю большую веб-страницу я использую для этого устройство типа "мышь", а конкретнее колесико мыши. Подумать только, а ведь я помню те времена когда колесо прокрутки в манипуляторах типа "мышь" были не обязательным элементом. В те далекие, темные времена достаточно было двух клавиш. Впрочем при чтении статей более трех экранов удобнее прокручивать страницы не с помощью мыши (обычно у меня она настроена на прокрутку трех строк), а с помощью клавиатуры - клавиши PgDn или пробел.
Мир меняется. Из мира планшетных компьютеров и "умных" телефонов приходят новые способы прокручивания. Я говорю о так называемой кинетической прокрутке. Теперь не нужно искать тонкий скроллбар, целиться в него ногтем и тащить в вертикальном направлении. Эта концепция взаимодействия теперь считается наиболее простой и удобной, это де факто стандарт в мире интерфейсов.
Overlay scroll bar в новой Ubuntu 11.04. 
Немудрено что полосы прокрутки начинают становится атавизмом и неудобным элементом для дизайнеров интерфейсов и пользователей. Полностью они не исчезнут, так как у них есть информационная функция - показывать сколько еще нужно крутить до конца экрана (на смартфонах с ограниченным размером экрана эта информационная функция иногда заменяется статусной строкой с указанием текущей позиций, например 12%/100% прочитанного текста). Впрочем зачастую пользователь сам способен оценить где кончается интересующего его информация и начинается footer ("подвал") сайта, таким образом у скроллбаров легко можно отобрать и информационную функцию. Полоса прокрутки превращается в элемент отъедающий экранное пространство и что самое неприятное, отвлекающий пользователя.
Thin scroll bar - расширение для браузера Chrome
Избавится от этого надоедливого элемента пользовательского интерфейса в браузере (а именно этот инструмент основной у современного пользователя) довольно просто. Я уже затрагивал тему изменения внешнего вида скроллбаров в своей заметке о кастомизации браузера Chrome. Thin Scroll Bar - это расширение которое идет чуть дальше простого изменения внешнего вида вертикальной полосы прокрутки - оно делает её как можно более незаметной.
Я говорю о вертикальной прокрутке так как пользователь в 99% случаев имеет дело именно с ней. Про то что ни один сайт не должен использовать горизонтальную прокрутку усвоили почти все веб-мастера. Тем не менее на многих сайтах эта прокрутка появляется при масштабировании страницы или увеличении размера шрифтов и в этом виноваты особенности html-верстки и неряшливость веб-дизайнера.
Timeline в видеоредакторе Cyberlink Powerdirector - слева направо и в бесконечность
Впрочем горизонтальная прокрутка успешно используется и является логичным, удобным элементом пользовательского интерфейса. Типичный пример этот так называемая "шкала времени" - timeline, которая используется в программах для редактирования видео. Кроме того в новых планшетных компьютерах горизонтальная прокрутка может быть более удобной чем вертикальная - пример из жизни: перелистывание страниц книги. 

7 мая 2011 г.

Далекое будущее интерфейсов

К чему тратить электричество, если пользователь сам себе компьютер?
Просмотр лекции об интерфейсе (ссылка на youtube, 1 час) натолкнул меня на раздумья  о далеком будущем человечества и интерфейсов в частности.
В будущем, как известно, не будет привычных клавиатур, мониторов и даже с электронной бумагой не придется иметь дело (даже в туалете). Вся информация будет поступать напрямую в мозг пользователя и проходить обработку там-же (что-то вроде браузера). Дополненная реальность настолько станет обыденной, что обычная реальность будет никому не нужна без обработки. Смотреть на мир своими собственными глазами будет таким же развлечением как городскому жителю сходить в поход.
Проблема интерфейсов будет решаться не только проектировщиками интерфейсов, но и самим пользователем. Это может кардинально сместить акценты в проблеме интерфейсов - пользователю будет поставляться сырая информация (raw data) и уже его право каким образом её отображать и как взаимодействовать. Естественно какие-то готовые способы взаимодействия будут уже запрограммированы.
Поясню примерами. Пример: получена информация о прогнозе погоды (текущая температура, ветер, прогноз на ближайшие часы). Информация может быть отображена визуально, например в виде виртуального окошка с текстовой информацией, может быть прочитаны диктором, а может отобразиться тактильно, путем воздействия на чувства пользователя:  он поежится от холода, увидит виртуального прохожего в соответствующей одежде или с зонтом, увидит виртуальные облака в небе.
Можно выбрать аватар себе или своим друзьям. 
Или вот к примеру как мог выглядеть твиттер будущего. Сообщения можно было передавать с помощью текста (появляется виртуальная клавиатура или даже виртуальный стол с пишущей машинкой), видеообращения или звуковой записи. Пользователь получая сообщения из своей ленты может услышать голос из виртуального радиоприемника, увидеть аватара или видеопослание (всплывающее окно, что-то вроде голограммы) или увидеть текст на ближайшей стене (стена реальная, текст спроецирован).
Возможно я заглядываю слишком далеко, но могу сказать с уверенностью: сложность программ будет расти, количество получаемой информации будет расти с огромной скоростью и, следовательно, необходимы новые методы и интерфейсы для эффективной работы с ней. Допускаю что к имеющимся методам получения информации (визуальная, аудиальная или тактильная) будет разработан новый способ. 

5 апреля 2011 г.

Перемешать, но не взбалтывать

Оригинальный логотип. Здесь все в порядке.
Случайно столкнулся с вопиющим проявлением идиотизма в рекламе. Даже не учитывая тот факт, что скорее всего увиденный мной логотип был без всякого зазрения совести "сплагиатчен" (см. оригинал вверху), преступление против здравого смысла слишком велико чтобы о нем молчать. Вот что я увидел на отвратительно синем небе и на фоне пошлой зеленой травки:
ТЕХНОСАD
И что должен подумать обычный, нормальный человек, который немного умеет читать иностранные буквы? Технокад?  Техноса-английская-Ди? Те-кс-хо-кад? Не знаю насколько здесь виноват сам дизайнер (а он, скорее всего, виноват в плагиате), но тот кто придумал это ужасное сочетание русских и английских просто болван. Я рад что такие страшные перлы не часто встречаются в рекламе.

2 апреля 2011 г.

Дизайнер-картограф

Картинка для примера. В данном случае дизайнера можно похвалить - он освоил 3D
Кроме собирания музыки похожей на плагиат у меня есть множество разных хобби. Одно из них это разглядывание объявлений, но не с целью узнать сколько стоят сосиски в рекламируемом супермаркете, а с целью оценки дизайна самого объявления. Эти объявления меня частенько радуют.
Встретил я в общественном транспорте (ну да, конечно, зачем стараться сделать что-то хорошо для людей которые пользуются общественным транспортом) объявление средней паршивости в стиле 30 минут в CorelDraw. Меня привлекла схема проезда на этом объявлении. Улицы указанные на схеме были мне знакомы, а вот где находится это место я долго не мог понять. Даже головой крутил - ничего не понятно. Тогда я взял пересечение двух улиц и наложил в своем воображении на карту (повернув пару раз на 90 градусов). И тут мне стало все ясно. Я даже чуть не рассмеялся от такого открытия.
Оказывается "дизайнер" (вот бы посмотреть на это чудо, наверняка какая-нибудь девочка 18 лет после курсов дизайнеров за 1500 рублей) нарисовал эту схему проезда самостоятельно. И улицы подписал самостоятельно. И домики тоже нарисовал с помощью инструмента прямоугольник с заливкой. По одной из улиц проходили трамвайные пути и чтобы эти пути не мешали дизайнеру рисовать название улицы, он их просто сдвинул в сторону! Ему это показалось недостаточным, так он еще и сделал все дома одинаковыми по размеру: copy and paste - очень удобно! Ну согласитесь, когда дома на карте все разные это некрасиво, нарушает гармонию и "фен-шуй".
Самая худшая разновидность идиота это идиот с инициативой.