Здравствуй, %username%! Недавно (а точнее после прочтения этого топика) я задался вопросом о разделении избранного и того, что я хочу прочитать позже. Немного поискав, я обнаружил, что решения пока никто не предложил, и быстро набросал расширение для Google Chrome, которое добавляет кнопку «прочитать позже», а также пункт «прочитаю позже» в избранное.
Читать полностью »
Рубрика «usability» - 71
Кнопка «прочитать позже»
2013-10-12 в 23:40, admin, рубрики: chrome, usability, дополнение, избранное, опрос, Хабрахабр API, юзерскрипт, метки: chrome, дополнение, избранное, опрос, хабр, юзерскриптИщете UI-дизайнера?
2013-10-10 в 20:53, admin, рубрики: ui/ux, ui/ux дизайн, usability, дизайн, дизайн интерфейсов, интерфейс, интерфейсы, метки: ui/ux, ui/ux дизайн, usability, дизайн, дизайн интерфейсов, интерфейсИнтереса ради посмотрел обзор вакансий на тему «UI design».
Сравнил наши запросы на Хантим, Хабре, hh и других ресурсах и то же самое на LinkedIn (преимущественно в этой области преобладают индусы). Вердикт: у «них» — все в порядке с пониманием (ну или почти в порядке), а вот у нас совершенно не знают, что такое дизайн UI.
Давайте поразмышляем…
Метрика #25 — Подкаст о технологиях, продуктах и сервисах из мира ИТ
2013-10-10 в 7:56, admin, рубрики: apple, iOS, OS X, usability, windows, windows phone, Блог компании UIDG, сценарии, метки: apple, iOS, OS X, usability, windows, windows phone, сценарии 
Всем привет! С вами «Метрика» — шоу для тех, кто создает и анализирует продукты и сервисы, проектирует и руководит, занимается бизнесом и любит новые технологии.
Сегодня в программе
В 25-м выпуске Метрики, мы возвращаемся к проектированию, сценариям, паттернам и юзабилити продуктов Apple и Microsoft с Платоном Днепровским и технологическим евангелистом компании Microsoft — Константином Кичинским (kichik).
Читать полностью »
Схемы рецептов для кухни пиццерии. Процесс, тестирование, инструкция к схемам
2013-10-07 в 11:10, admin, рубрики: usability, додо, Додо Пицца, Инфографика, кухня, пицца, процесс, схемы, тестирование, метки: додо, Додо Пицца, кухня, пицца, процесс, схемы, тестированиеВ прошлом посте я описал процесс создания схем рецептов для пиццерии. Там же я обещал рассказать о процессе работы и тестировании.
Итак, моя задача состояла в том, чтобы графически изобразить рецепты пицц, придумать универсальные схемы для количества ингредиентов в каждой пицце и главное — сделать все это понятным для рядового сотрудника пиццерии.
Одна из промежуточных версий набора схем для пиццерий. Схемы, размещенные таким образом, разворачивались на мониторе во время тестирования перед добровольцем. Сегодня в пиццериях соотношение масштаба размеров схем иное.
Для понимания задачи я приведу пример процесса изготовления Гавайской пиццы. Если на экране пиццамекера высветилось название этой пиццы, он находит инструкцию по ее приготовлению.
- Рецепты пицц. Тут можно найти список ингредиентов конкретного продукта.
- Схемы количества ингредиентов. Если поступил заказ на пиццу среднего размера (30 см), то пиццамейкер обратит внимание именно на блоки с количествами для этой пиццы.
- Инструкция. Она существует для ознакомления с принципами схем. Тут показано что и как зашифровано.
Сотрудник добавит 15 штук слайсов ветчины в 3 круга, двойную порцию ананасов (3/4 стаканчика два раза) и стандартную порцию сыра Моцарелла для средней пиццы (1 полный зеленый стаканчик — цвета стаканчиков подобраны не случайно, коробки для средних пицц у нас тоже зеленого цвета).
До финального варианта дизайн прошел долгий путь. Многие из решений об изменениях приняты в результате тестирования на людях, никогда не бывавших на кухне пиццерии.
Одновременно с дизайном схем тестировался и дизайн инструкций, которые должны были объяснить человеку принцип работы самих схем.
Читать полностью »
Выбор номинала купюр в банкоматах
2013-10-07 в 9:08, admin, рубрики: usability, банкоматы, интерфейсы, Финансы для всех, юзабилити интерфейсов, Я негодую, метки: банкоматы, юзабилити интерфейсов, я негодуюОчень хочется в банкоматах иметь возможность выбора: получить всю сумму пятитысячным купюрами, или какую-то её часть выдать тысячными, и какую-то сотенными. Мне кажется, это улучшит впечатление от доброжелательности банкоматов, и разгрузит операционистов и кассиров в отделениях. Потому что когда человеку нужны купюры конкретных номиналов, ему сейчас приходится обращаться в отделение.
А Вы что думаете? Бывает ли нужна Вам такая возможность? Какие у банков могут быть причины не давать таких возможностей? Какие варианты интерфейса на этот счёт Вы встречали, и что Вы о них думаете? Возможно ли придумать интерфейс лучше?
Добавляем эффект Motion Blur в WPF-приложения
2013-10-01 в 19:56, admin, рубрики: .net, motion blur, usability, wpf, метки: c++, motion blur, wpf 
Привет!
Все мы много раз слышали фразу о том, что 24 кадра в секунду — это максимально возможное значение, которое способно воспринимать человеческое зрение. Поэтому, если ускорить видеоряд всего на один лишний кадр, можно внедрить в подсознание зрителя любую информацию. И все мы, конечно, знаем, что это неправда. Так же, как и фотодиоды матрицы цифровых фотоаппаратов, нейроны сетчатки фиксируют не мгновенную освещённость в данной точке, а суммарный световой поток за некоторый короткий интервал времени, в результате чего быстродвижущиеся объекты кажутся нам «смазанными». Более того, наш мозг привык к такой особенности зрения, поэтому видео, скомпонованное из отдельных фотографий объекта, нам кажется неестественным. То же самое касается и компьютерной анимации. Художники-мультипликаторы уже давно научились дорисовывать размытые шлейфы за своими персонажами — такой приём называется «Motion blur» и доступен во всех современных пакетах 2d- и 3d-анимации. Но как быть обычным desktop-программистам? В этой статье я попытаюсь рассказать о том, как я прикручивал Motion Blur к WPF-приложению для придания эффекта отзывчивости при появлении всплывающих окон.
Читать полностью »
Юзабилити: Ошибка подмены значения или чем плоха встроенная звонилка Android
2013-09-27 в 19:29, admin, рубрики: android, nexus 4, usability, проектирование интерфейсов, юзабилити, метки: android, nexus 4, проектирование интерфейсов, юзабилитиСегодня я хотел бы обратить ваше внимание на одну важную ошибку в проектировании интерфейса — подмену значения. Это не самая грубая или распространенная ошибка, но она часто прокрадывается в достаточно дорогие и продуманные интерфейсы. Можно даже сказать что это ошибка переоптимизации, когда проектировщик перестарался с «упрощением» интерфейса. Ее относительно легко выловить на стадии разработки, но нужно знать, куда смотреть.
В качестве основного примера я приведу стандартный дайлер на Nexus’e, и подозреваю что другие Android-дайлеры тоже ее содержат.
Читать полностью »
Редизайн Twitter приложения для iOS7, но глобальные изменения ещё впереди
2013-09-24 в 10:48, admin, рубрики: applications, iOS, redesign, twitter, usability, интерфейсы
В связи с предстоящим выходом на IPO, твиттер выпустил обновлённое приложение, включающее в себя несколько новых возможностей и, конечно, редизайн под 7 версию iOS. Но это мелочи по сравнению с тем, что собирается делать компания дальше для того, чтобы её продукт было более передовым и дружелюбным.
В своём блоге компания, которая насчитывает около 200 миллионов пользователей, рассказала о запуске обновлённых приложений, отмечая то, как теперь эти приложения интергированы с iOS. К примеру, Siri теперь сможет искать в твитере людей и записи. Браузер Safari включает в себя так называемые "Коллективные ссылки", которые ведут на новости, которые обсуждаются в твиттере. Приложение Music будет отображать популярные песни из твиттера по тэгу #music.
Читать полностью »
Прекратите печатать!
2013-09-22 в 21:53, admin, рубрики: usability, печать документов, Программирование, метки: печать документов Я всё сдерживался, но очередной ворох бесполезных бумаг заставил меня написать эту статью-призыв.
Мы много читаем про удобство интерфейса, про верстку сайтов, про типографику, но почему я не вижу статей про качество и особенно количество того, что все эти программы, сервисы и сайты печатают?
Конечно, можно выкинуть ненужную бумажку, но ведь можно же попытаться сделать мир лучше.
Пример 1: на заправке Газпромнефть мне выдают 6 (шесть!) чеков.
Там стоит компьютер, терминал для карточек с принтером, второй отдельный принтер и другая техника.
Процесс выглядит незамысловато: в платежный терминал вставляют бонусную карточку, второй принтер что-то печатает, потом достают бонусную, вставляют кредитную, платежный терминал печатает чек, вставляют опять бонусную карточку, платежный терминал и принтер что-то печатают дуэтом, кассир собирает урожай, один из чеков оставляет себе, остальные 6 (шесть) отдаёт мне.
Вот скан чеков.
Да, тут даже можно проследить логику. Но зачем мне такая логика? По вечерам на заправке очередь, а все эти махинации занимают лишнее время.
Особенно поражает размах бумажной щедрости после поездки в Норвегию, где самые богатые и бережливые жители мира обязательно спросят: нужно ли мне печатать чек об оплате. Бумага, чай, не бесплатная.
Я знаю, наш мир тесен — вы передайте обязательно разработчикам, что так делать не надо.
Пример 2: прорывной сервис онлайн покупки билетов РЖД.
Новый мобильный фреймворк для A/B тестирования от Facebook. Редизайн навигационной панели для iOS 5,6&7
2013-09-21 в 16:41, admin, рубрики: Facebook, iOS, mobile apps, mobile development, usability, интерфейсы
Facebook утратил возможность «move fast and break things» когда переключил свои приложения с HTML5 на нативные технологии. Но теперь смог вернуть её обратно. 18 сентября он анонсировал большой редизайн приложения под 7 iOS, одним из главных достоинств стал «tab bar» внизу экрана, разработанный с помощью современного нативного мобильного фреймворка тестирования (здесь и дальше под тестированием понимается A/B тестирование. — прим. переводчика). Facebook понял что нужно избавляться от «выдвижной» навигации, тестируя различные варианты интерфейса на группах по 10 миллионов пользователей.
Читать полностью »