Позднее Ctrl + ↑

На интерфейсном курсе: как именно работает взаимодействие?

Занудный, но важный для работы дизайнера кусочек. Участница курса придумала какой-то интерфейс с необычным поведением во время прокрутки. Проблем тут две: во-первых, даже просто понять, как именно она хочет, не так просто. Во-вторых, это ж ещё потом реализовать надо. А ради чего тратить на это ресурсы? 7 минут:

Это фрагмент № 105 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 февраля 2023 года.

До 30 июня идёт запись на курс, который пройдёт с 1 по 30 июля.

Почитать о курсе

Программа, отзывы, запись

Расширение экранов в Вижене

Во время презентации Вижена Эплы показали, что ты можешь прямо в нём посмотреть на часы или телефон, и всё будет нормально видно — это была просто ещё одна демонстрация того, что ты не изолирован от остального мира, и можешь пользоваться всеми привычными вещами как обычно.

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

Стихи на всю жизнь

Поэзия занимает важное место в моём сердце. Кто-то наизусть помнит стихи Бродского, кто-то — Ахматовой. А я никогда не забуду стихотворение, написанное моим одноклассником Вадей во время одного из уроков в школе:

Я возжелал сегодня отожрать
Чего же боле мне ещё желать?
Но я сижу в паралепипедной коробке
И должен слушать эту лысину с бородкой

Вадим Кудабаев, около 2000 г.

Ближайшая кнопка — не та

Собирался залить очередной видеофрагмент со своего интерфейсного курса, но понял, что в данном случае достаточно картинки.

Разбираем работу участника, я выделяю кусок и говорю:

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

Приходите на курс, там кайф и польза.

До 30 июня идёт запись на курс, который пройдёт с 1 по 30 июля.

Почитать о курсе

Программа, отзывы, запись

Проблемный скеоморфизм

Рассмотрим такой фрагмент студенческой работы:

Пицца лежит на листке в клетку, точнее, не лежит, а, судя по тени, парит над ним. Со школы мы хорошо знаем, что клетка имеет размеры 5×5 мм, поэтому пицца у нас получается диаметром с ширину со средний Айфон. Это никто не считает специально, но просто эта клетка на фоне делает пиццу маленькой. Там, конечно, и выбрана «Маленькая» внизу, но всё-таки даже очень маленькую пиццу я представляю как в два-три раза большую, чем эта.

К самой переключалке размеров вопросов ещё больше. Переключалка нарисована на бумаге тем же способом, что клетка, но при этом выбранный вариант «Маленькая» отбрасывает тень, то есть находится выше бумаги. Но тень он отбрасывает только внутрь шахты переключалки, а за её пределы не отбрасывает. Получается, что на самом деле эта шахта утоплена, а лифт «Маленькая» находится на том же уровне, что бумага? Нет, такого тоже быть не может, ведь внутри самой шахты никакой тени нет. Ладно, может это всё плоское, от лифта никакая тень не падает, просто вот такой эффект нарисован на бумаге? Но этого тоже не может быть, ведь это интерактивный, двигающийся элемент. Напечатанное на бумаге так не может.

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

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

Кстати, это ещё и очередной пример тесного интерфейса.

На курсе презентаций: об опасности излишнего веселья

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

00:00 Презентация
04:53 Разбор

Это фрагмент № 1 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе 29 мая 2023 года.

До 2 июля идёт запись на курс, который пройдёт с 3 по 23 июля.

Почитать о курсе

Программа и запись

На интерфейсном курсе: подробный разбор сложной формы

Разбираем форму из нескольких шагов. Там и про кирпичную кладку, и про лишние поля, и про пространственное-сценарное решение, и про правило 7 элементов, и про инфомусор, и про расположение подписей полей, и про размеры полей, и про разделение на шаги. Целых 15 минут:

Это фрагмент № 104 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 16 декабря 2022 года.

До 30 июня идёт запись на курс, который пройдёт с 1 по 30 июля.

Почитать о курсе

Программа, отзывы, запись

Что послушать — 64

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

Вот что я слушал в последнее время, что мне понравилось:

  1. In Depth: The 5 phases of Figma’s community-led growth. Интересно про то, как был устроен процесс выхода Фигмы на рынок.
  2. Сэм Харрис у Лекса Фридмана. Про отсутствие свободы воли интересный тейк. Да и про любовь тоже.
  3. Making Sense of Free Will. Ещё один разбор философии Харриса относительно свободы воли.
  4. Depression is a disease of civilization. Доклад на ТЕДе про то, что депрессия — это не шутка, но и про то, что антидепрессанты — не решение.
  5. Competition is for Losers. Офигенный спич про то, что есть только два типа бизнесов: монополии и конкурирующие, и что если хочешь быть успешным, то надо быть монополией. Любимая фраза: «This tendency for us to see competition as validation is very deep».

Лайкли 3.1

Лайкли — клёвые социокнопки. В третьей версии улучшена доступность — по социокнопкам можно ходить табом, а кнопка Вотсапа теперь работает, когда не установлено приложение.

Теперь сами кнопки — это элементы <a>. Чтобы в них не просачивались ваши стили, там занулено всё, поэтому если вам нужно, чтобы они наследовали какие-то стили у вашего документа, придётся это более явно прописать.

Подробности:

Лайкли ведёт Николай Рысь (Линкед-Ин).

Эгея 11.2

Ещё один апдейт 11-й версии.

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

Зачем это надо. Вы могли загрузить файл вставкой картинки через ⌘V в редактор, и он назвался как попало, а вам хочется, чтобы назывался по-вашему. Или вы могли забыть написать @2x в названии ретинового файла или @loop в названии зацикленного видео. Раньше надо было удалить файл, переименовать у себя на диске, загрузить новый, не забыть исправить имя в редакторе, а сейчас — просто переименовываешь и всё. Эгея сразу переименовывает и в редакторе тоже.

Эгея переименовывает внимательно:

  • не даст случайно переписать другой файл с тем же именем, но промолчит, если существующий файл с тем же именем — это реально точно такой же файл байт в байт;
  • не сломает другие заметки, если вдруг в них используется файл под старым именем (сделает копию вместо переименования);
  • не даст переименовать jpeg в mp3, но даст в jpg, если вам так нравится больше.

Что ещё изменилось:

  • у Черновиков появилась иконка с карандашиком, чтобы сразу перейти в редактор, а не просто открыть превью заметки;
  • добавились параметры конфига custom_htaccess_rewrites и custom_htaccess_directives, чтобы можно было добавить отсебятины в .htaccess и Эгея её не перетирала при обновлении (при изменении этих параметров Эгея сама перезапишет .htaccess, то есть его по-прежнему не нужно редактировать руками);
  • можно установить переменную окружения или серверную переменную E2_SYNTH_URLS, чтобы Эгея генерировала красивые урлы, так что если у вас Нгинкс, и вы настроили все реврайты в нём, то можете заодно сделать fastcgi_param E2_SYNTH_URLS true, чтобы не трогать конфиг Эгеи;
  • подтюнились темы оформления;
  • на странице /settings/underhood/ теперь показывает, на каком серверном ПО крутится Эгея.

Починилось:

  • ошибки в инсталяторе под ПХП 8.2;
  • ошибки под ПХП 5.6;
  • у всех превьюшек картинок на сервере было то же расширение, что у исходных файлов, хотя на самом деле они все джипеги — теперь будут с расширением jpg как положено;
  • могла не работать загрузка файлов на конфигурациях без красивых урлов;
  • редкие баги в РСС;
  • вёрстка количества новых комментариев иногда ломалась в новом дизайне;
  • поля для ввода имени и почты в комментариях иногда могли появляться, когда не нужно;

Как обновиться

Если Эгея у вас оплачена, напишите мне, и я дам вам полную версию 11.2. Если вы пользуетесь сервисом, подождите, пока мы обновим его.

Свежий дистрибутив лайт-версии — в конце страницы «Стать пользователем». Замените папку /system/ новой.

См. также: Что изменилось в файлах с версии 11.1 (или любой другой).

Ранее Ctrl + ↓