Сброшенный пароль

WP: Загадочные радиокнопки

Трава была зеленее, а небо – синЕе

Нет сомнения, что компьютерные интерфейсы со временем улучшаются. Но сами компьютеры становятся лишь мельче и, как таковые, всё более и более унылыми. Вот доказательство этого тезиса.

Довоенный товар, сносу ему нет.

Кофе Хауз

В «Русском орфографическом словаре» РАН слово «капучино» пишется без удвоенных согласных.

«Кофе Хауз» открылся 17 лет назад. Слово «капучино» в словаре уже как минимум 13 лет: второе издание датируется 2004 годом. Было много времени, чтобы исправить ошибку :)

Вообще, мне стало интересно, когда слово фиксируется в словаре, можно ли узнать приблизительную дату. С этой целью впервые задала вопрос «Грамоте.ру» 8 июля 2012 года, ответа до сих пор нет, даже расстроилась немного!

Кстати, не менее интересно, почему владельцы кофейни отказались от дефисов во фразе «эспрессо каппучино бар».

Анатомия для дизайнера

Мне кажется, существует определенная путаница в терминологии. Как-то очень часто под словом «дизайн» имеются ввиду различные хитрости в работе с Photoshop'ом, CorelDRAW, HTML и пр. Я предлагаю чётче отделять компьютерную графику и вёрстку, как технологический аспект, от дизайна. Дизайн — это искусство, а компьютерная графика — средство его выражения. Это разные вещи и отличаются они настолько, насколько скрипка отличается от звука, ею издаваемого.

Окинув прищуренным взглядом темы, на которые я писал ранее, я вдруг понял, что там сказано лишь о программах, хитростях, приёмах — о технологии. Но где же главное? То, ради чего технология существует? Я говорю о воздухе, а где человек, который им дышит? Нужно нарисовать скелет, обтянуть его мышцами, покрыть кожей. Тогда я стал собирать материал для этой статьи, где будет говориться о

~ концепции — скелете работы,
~ впечатлении — её внешнем виде,
~ композиции — мускулах, оживляющих работу.

Читать дальше http://seoded.blogspot.ru/2017/04/blog-post_12.html

Why!

Необычные обычные вещи

Француз Suzy Lelièvre создает вот такие замечательные вещи.

Некоторые из них просто красивы, а некоторые очень даже функциональны. Взгляните сами.

Blend-a-Med

Открываешь тюбик, а оттуда кариес, бактерии и, самое главное, дёсны выползают такие!

Краткость не всегда сестра таланта ;)

J7

Давно я не читала этикеток.

В руки попалась коробка яблочного J7.

1. Молчу про заглавную «Т» в слове «Твой», потому что это же сам Ты! Как и «Акция», это же почти Сталин.
2. Ребята не в курсе про разный рисунок кавычек, когда есть внутренние. Просто же! «Собирай чемоданы на „Остров Счастья“!»
3. 7 (семь) — коробка действительно очень юридический документ.
4. 10-тизначный — это восторг.
5. промо-упаковки — рассказывала ранее.
6. смс — стандартная аббревиатура же, ну.
7. Супер приз: супер — не пишем же «на клеивать». И опять в дремучий лес за разгадкой, почему же «С» заглавная.
8. Тайланд — не бывает там «Й».

А потом я ушла доваривать борщ.

Кнопки слива

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

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

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

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

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

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

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

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

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

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

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

Серый?

Цвет фона Windows 3.1 и (по наследству) Windows 95, похоже, вычислялся почти сугубо арифметически. Видно, что цвет R192G192B192 выбран очень просто: от чисто чёрного отложено 20 единиц, после чего оставшийся диапазон разделен ровно на три части.

20 единиц, по-видимому, пришлось откладывать из-за того, что CRT-мониторы чудовищно передавали цвета в тенях, так что все очень темные оттенки превращались в чисто черный цвет. В начале моей рабочей карьеры я работал ретушером и до сих пор помню совет, данный мне старшим товарищем – ретушируя скан, очень полезно временно инвертировать его, чтобы увидеть дефекты в темных областях; исправив эти дефекты, картинку можно инвертировать назад.

В Windows XP наконец-то спохватились, найдя, что выбирать основной цвет интерфейса алгоритмом, не учитывая восприятия, как-то очень по-ботанически. И сделали его гораздо светлее, а равно как гораздо приятнее (на мой взгляд).

Зачем в Vista ещё раз осветлили серый я могу только гадать (у меня есть несколько теорий, но все они начисто разбиваются тем соображением, что ЖК-мониторы обладают недостатком, обратным тому, что был у CRT – они плохо передают цвета в очень светлых областях; я видел мониторы, на которых Vista-серый выцветал в белый, а XP-серый ещё нет).

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

Хюбрис и интерфейс: кто кого поборет?

    Рекомендую очень смешную — и поучительную — заметку [en] о том, что получилось в «Wolfram|alpha» из-за гордыни разработчиков. Вводится новый и, на мой взгляд, очень полезный термин — «хюбристический интерфейс» (хюбрис, он же гибрис, так же известный как ὕβρις — в древнегреческой культуре особый сорт дерзости, выражающийся в желании превзойти богов).

 

 

    Автор ругает псевдо-естественный (попробуйте найти «sise of egg») язык запросов «Wolfram|alpha», мотивируя свою ругань тем, что этот интерфейс отнимает у пользователей контроль над результатом («If the product is used as a tool, its interface should be as unintelligent as possible. Stupid is predictable; predictable is learnable; learnable is usable»). Аргументация, по-моему, очень весомая.

Интерфейс может быть каким угодно…

…пока он розовый. Этой мантрой я уже давно замучил всех дизайнеров нашей дивной компании – а теперь хочу замучить и вас. Вот небольшой учебный фильм; если заменить всего несколько слов в нём, всё будет применимо и к интерфейсам! Не забудьте только включить режим HD.

On-hover убивает Flash. И не только

Очень интересная статья аж от 2010 года профессионального Flash-разработчика о том, почему у Flash проблемы на мобильных устройствах (уж на что Adobe и Apple взаимно любят друг друга, а все равно Flash отсутствует на iPhone и конца этому не видно). Кратко: большинство Flash-изделий используют on-hover как самостоятельный и незаменимый метод взаимодействия; on-hover, в свою очередь, невозможен на современных устройствах с тактильным вводом (его эмуляция хоть и возможна, но убога до безобразия).

Я, откровенно говоря, испытываю в данном случае лишь злорадство. Мне нравится Flash (и ещё больше нравится Air, которая суть Java от людей, не испорченных enterprise-программированием), но всё же — флашеры сами виноваты в том, что получилось. Использовать интерфейсные методы только потому что (а) так можно и (б) другие так не делают — статистически верный способ получить нечто убогое.

Вот вполне реальный сценарий. Есть сайт, на сайте есть анимированное меню. В начале работы в голове дизайнера что-то щёлкает и дизайнер решает — повешу анимацию не на on-click (боже, как это скучно и старо!), а на on-hover. С мышью всё работает; с пальцем не работает ничего.

Неочевидные факты

Помню, как я удивился некогда, узнав, что поле «Отчество» в формах не может быть обязательным – у многих наших соотечественников отчества просто нет и им нечего туда вводить. Про то, что отчества может и не быть, я знал и до этого, но применить это знание к интерфейсам я сам не догадался. А сегодня случайно узнал, что в японоязычных и китаеязычных интерфейсах алфавитная сортировка бессмысленна – алфавит слишком уж большой. Мог бы и сам догадаться, но не догадался.

Очень интересно узнать, чего ещё я одновременно знаю и не знаю применительно к интерфейсам. Что поразило своей очевидностью и неочевидностью вас?

Расцвеченный пароль

Дивная (пока, скорее всего, не технически) идея визуализировать содержимое полей ввода пароля с маскируемым вводом.

В таких полях пользователь узнает о своей ошибке (если она есть) только после нажатия кнопки входа, что сбивает оба фокуса (фокусы ввода и внимания). Цветные полосочки позволяют пользователю запомнить свои цвета, после этого становится сразу видно, правильно ли был введен пароль. По-моему, очень дивно.

И да, часто ещё лучше просто не маскировать пароль.

Юзабилити чтения: о ширине текстовой области

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

Теория

Месяц назад я открыл для себя скорочтение. Штука оказалась нереально полезной и приятной — рекомендую абсолютно всем. Для обучения не нужны никакие курсы, с головой хватает теоретических книг и живых текстов для практики.

Многие из книг начинаются с типирования и объяснения механизмов чтения. Для большинства людей характерно обычное построчное чтение, при котором каждая из строк читается последовательными областями, по которым «прыгает» взгляд при движении глаз слева направо:

Читать дальше http://seoded.blogspot.ru/2017/03/blog-post_3.html

Простые решения сложных задач от Антона Шнайдера

Антон Шнайдер, бывший ведущий дизайнер студии Лебедева, рассказывает и показывает примеры так называемого читерства и элегантности — решения сложных задач простыми способами. Поначалу некоторые из них покажутся совсем уж шуточными, но в этом как раз и простота :)

Для тех, кто не позволяет себе лишний десяток мегабайтов, или минут; или для тех, кто смотрел, но уже успел подзабыть, я предлагаю краткое, яркое изложение в текстовом виде.

http://seoded.blogspot.ru/2017/03/blog-post_2.html