Квесты для души

Я очень люблю проходить квесты в компании через Скайп.

— У меня четыре шарика, лягушка и лопата, как дерево подвинуть?
— Где ты взял четвёртый шарик? Дерево слева щупальцем кальмара ткни.
— Какого кальмара?

Самый интересный для совместного прохождения квест — Субмашина, конечно, но многим он кажется слишком сложным. Есть игрушки проще и симпатичнее. Вот три мои любимые.

Машинариум

Отличнейший, добрейший, милейший, красивейший классический квест. Персонаж ходит, собирает, разговаривает, приспосабливает и взаимодействует. Разбавлен головоломками, приятной анимацией и хорошей музыкой.

Тини бэнг стори

Персонажа нет, есть курсор и множество запрятанных предметов. Яркий, живой, красивый. Интересно, что вещи нельзя собирать, пока не становится ясно, куда их применить.

Лимбо

Лимбо — это не совсем квест. И это совсем не милая и добрая игрушка. Лимбо — охренительно стильно нарисованная аркада-головоломка. Вполне сойдёт для совместного прохождения. Скачать стоит ради одной только графики.

Кнопки слива

Кнопки слива на современных унитазах вгоняют меня в ступор. Заставляют задуматься. Большая кнопка — это когда ты много натворил и надо слить хорошенько или наоборот, большая потому, что используется чаще и чтобы попадать легче?

А когда одна кнопка в другой — вообще фантастика. Что с ними нужно делать? Две зажать сложнее — это как бы намёк на что?

Я всегда угадываю неправильно. Очевидно, нужны пиктограммы типа таких.

Лучшее решение, конечно, — всего одна обычная кнопка.

Новый дорожный полицейский

Сам как жезл.

Отключенное текстовое поле в Internet Explorer

Сравните активное и отключённое поле в Internet Explorer’е:

А вот как они выглядят в Фаерфоксе:

В IE пользователи не смогут отличить активное текстовое поле от отключённого. Решение этой проблемы достаточно простое: CSS. Спросите Вашего верстальщика, как сделать так, чтобы отключённое текстовое поле действительно выглядело отключённым в IE.

Это, конечно, мелочь, но разрешение этой проблемы поможет удерживать внимание пользователя пока он не наткнулся на следующую обескураживающую вещь в вашем интерфейсе. :)

Как входить и выходить в дверь правильно

Будучи недавно в Питере в гостях у друга, я наткнулся на два простейших бытовых интерфейса и удивился тому, что не встречал их раньше. Оба интерфейса связаны со входной дверью.

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

Второй бытовой интерфейс любопытнее. На внутренней стороне входной двери, на самом видном месте, я нашел несколько желтых листочков — «Хлеб», «Яйца», «Сыр», «Динамит». В ответ на мой вопрос «Зачем?» друг ответил, что как только что-то из продуктов заканчивается или он вспоминает о необходимости что-то купить, он пишет это что-то на листочке, выходя из дома эти листочки собирает себе в карман, а в магазине их из кармана достает. Знаю, у этого решения куча недостатков, но оно простое, работающее и расширяемое. Например, если я что-то из написанного на листочках не купил, придя домой, я могу снова наклеить его на дверь.

Но дело в другом. Через несколько дней я понял, что это решение мне прекрасно знакомо, более того, я им активно пользуюсь. Рисуя прототипы, я ставлю на страницах большие желтые блоки с текстом типа «Залогиненный пользователь» или «Если страница уже в избранном?». Это не список функциональности, а скорее вопросы и отдельные ситуации по конкретным блокам интерфейса, которые нужно не забыть спроектировать. Перед финализацией очередной версии я иду по страницам и собираю эти напоминалки — что-то дорисовываю, что-то оставляю на потом.

Хотя в определении юзабилити и есть слова про контекст («…продукт может быть использован определенными пользователями при определенном контексте использования для достижения определенных целей/мотивов…»), не стоит забывать, что и контексты, и цели/мотивы в разных задачах и областях часто бывают настолько похожи, что смело можно использовать один и тот же интерфейс. Нужно только замечать это сходство.

Что делать c растеризацией текста?

    Наша самая заметная техническая проблема с прототипированием интерфейсов — растеризация текста. Алгоритмы растеризации текста заметно отличаются в «Windows» (и, соответственно, в стационарном ПО, в частности – во всех браузерах, кроме «Safari») и в программах авторинга.

Курящие дети

Фотограф Фрик Дженсенс сделал эти интересные снимки.