Подтвердить | Отменить

Когда пользователь что-то удаляет, хороший интерфейс должен уберечь его от ошибочного удаления нужных данных. Но как это лучше сделать?

Первый порыв – переспросить: «Точно удалить? Да | Нет».
Это сообщение требует совершить дополнительное действие каждый раз, несмотря на то, что ошибки довольно редки. Т.е. в большинстве случаев интерфейс требует совершать лишние действия. Пользователь может привыкнуть быстро прокликивать «да/удалить/продолжить», и в тот момент, когда он действительно совершит ошибку, он кликнет «да/удалить/продолжить» раньше, чем успеет сообразить, что произошло.

Что делать? Позволить отменить деструктивное действие.
Возможность отмены не отвлекает, не заставляет совершать лишние действия и даёт пользователю время осознать ошибку. Отмена может быть сложнее в реализации, но так надёжнее.

Видели Circe Italic?

А Circe Slab?

Цирцея становится все более самостоятельной и функциональной.

Италик расширяет возможности для акцентирования и оформления. Слэб, из которого сквозит то ар-деко, то дикий запад, хорош для акциденции и заголовков, но при этом в целом достаточно гармоничен и спокоен для текстового набора (а для объёмных текстов есть ещё зауженные начертания Narrow)

Продолжение статьи с картинки

Слои – для слоёв

Иногда (часто) начинающие дизайнеры в иллюстраторе группируют слои по артбордам, как в фотошопе. Но слои могут принести больше пользы, если использовать их для «горизонтальной» группировки.

Например, можно одним кликом в палитре слоёв лочить все фоны, чтобы они не лезли под руки. Можно скрыть ненужные слои при экспорте. При сохранении в PDF можно не сливать эти слои, и тогда их видимостью можно будет управлять в просмотрщике (например, типографиям можно сказать: контуры реза и в отдельном слое) или в индизайне.

Техническая эстетика

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

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

В четверг в фигму завезли долгожданное обновление с auto layout.

Описание нового функционала завёрнуто в удобную обучалку, сделанную прямо в самой фигме, и это очередной пример отличного UX: зачем рассказывать, если можно показать, – и зачем показывать, если можно дать потрогать.

Если вдруг вы ещё не поковырялись, то вот эта же песочница на русском.

Так, всё.
Заканчиваю прокрастинировать и раскачиваться.
Есть что навёрстывать, есть о чём рассказать и что показать.

Я ещё здесь. Спасибо вам, что вы тоже.

В 1970 году математик Джон Конвей придумал игру под названием «Жизнь» (Game of Life). Это сетка из квадратных ячеек, каждая из которых может быть закрашенной (населённой, «живой») или пустой.

На старте игрок определяет, какие клетки живые, какие – нет, и запускает «эволюцию», на каждом шаге которой проверяются два условия:
1) пустая клетка становится живой, если среди восьми окружающих клеток есть ровно три живых, остальные остаются пустыми.
2) живая клетка остаётся живой, если среди восьми соседей есть 2 или 3 живых, остальные становятся пустыми.

Несмотря на простоту правил, эта система проявляет свойства, не присущие её отдельным элементам.

Например, отдельные структуры обладают цикличностью (осцилляторы). Другие могут перемещаться по полю (глайдеры). Третьи генерируют глайдеры (ружья). Четвёртые перемещаются по полю и оставляют за собой след (паровозы).

Более того – из этих небольших структур можно создавать ещё более сложные, способные к генерированию и обработке сигналов, хранению логических состояний, проверке условий – то есть всему тому, что определяет вычислительные машины. «Жизнь» полна по Тьюрингу – то есть на ней можно «запрограммировать» любой алгоритм, доступный компьютерам.

Например, саму «Жизнь»: https://www.youtube.com/watch?v=xP5-iIeKXE8

Удивительно, как простейшие правила приводят к изощрённым структурам любой сложности.

Визитки для небольшой компании

Найден самый удобный способ собирать макеты визиток так, чтобы их заказчик мог редактировать и готовить в печать сам.

Коротко: PDF-форма.

Развёрнуто: выгружаем макет в PDF, в Акробате делаем из него форму. Чтобы потом заполнять поля, достаточно бесплатного Adobe Reader. А заполненную форму потом надо «напечатать» PDF-принтером. Стандартный микрософтовский даже шрифты в кривые переводит.

Фиксация долгов

Иногда видишь какой-то несущественный косячок в макете, который уже ушёл в печать, по которому уже все работы закрыты, и исправлять его нет либо смысла, либо времени. В таком случае в папке проекта надо создать файлик «Долг» (debt.txt), в котором описать проблему.
Когда придёт время вновь вернуться к этим макетам (делать новую версию, внести изменения или просто передать исходники) – этот файл бросится в глаза, и к остальным работам можно будет безболезненно приурочить устранение старых долгов.

Как перестать беспокоиться и начать жить

Чтобы не помереть, надо чётко разделять работу и отдых. Причём время на работу меняться может, а время на отдых – свято, сдвигать и работать в него нельзя. Даже думать про работу нельзя. Как в той поговорке – «делу время, потехе час» – обязательно не меньше часа, и обязательно только потеха.

А чтобы вне работы можно было отдыхать, все дела, пусть даже самые мелкие, надо фиксировать письменно. Помнить – херня; я пробовал, мне не понравилось. Если больше одной вещи в голове держишь, то от одного этого уже уставать начинаешь.

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

Рационализация странностей

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

Может быть, клавиши отсортированы по частоте использования (0, 1 и 2 в центре). Или они намеренно расставлены в непривычном порядке, чтобы оператору пришлось переключить внимание на ввод и снизить таким образом вероятность ошибок. Или, может быть, сигнальные контакты в панели расставлены в таком порядке, чтобы сэкономить на монтаже – и эта выгода превосходит дополнительные трудозатраты оператора. Или, может, просто инженер дорабатывал последние две недели перед сокращением и, как мог, отомстил потомкам.

Если что-то выглядит слишком тупо – стоит задуматься, какое у этого может быть рациональное объяснение. Обычно за шершавостью скрываются инсайты или интересные истории.

История с ваттметром возымела продолжение!

@Lex_Murrey запостил картинку с вопросом «зачем так?» на Пикабу, а пикабушник EnableDevice написал в компанию Энергомера и получил (!) официальный ответ:

Да, действительно, имел факт выпуска приборов с такой клавиатурой. Производителем клавиатуры был допущен брак. Но в связи со срочностью изготовления приборов была выпущена ограниченная партия ЦЭ6802 с такой клавиатурой до изготовления новой партии клавиатуры.

С уважением
ведущий инженер
Дмитренко А.Т.

На этикетке молока увидел прекрасное: круговая диаграмма, показывающая, что молоко почти наполовину состоит из углеводов, и спидометр, наглядно демонстрирующий, что 260 ккал – смерть.

Это пример графики ради графики: пытаешься понять смысл, заложенный в образ – а его нет.

Наконец я завёл блог с очень персонально-брендовым адресом http://sarnetsky.ru/

Плюсы своего сайта:
· теги
· комменты
· пермалинки с осмысленными названиями
· редактирование постов больше чем через сутки
· поисковая индексация

Постепенно буду переносить контент отсюда туда.

Велкам :)