мяу-дизайн – Telegram
мяу-дизайн
2.86K subscribers
1.15K photos
91 videos
37 files
263 links
т.е. «мяу»

публикует поучительные картинки про дизайн и пытается не упомянуть свой армейский дневник @kefiijrw
Download Telegram
Примерно такая разница
Я часто упоминаю тут, как мне нравятся маленькие, незначительные редизайны и изменения, которые никто кроме дизайнера даже не замечает. Никаких пресс-релизов «Встречайте новую версию!» и взрывов эго дизайнера «Тут надо всё переделать!», только скромное ремесло. Если пользователь даже не понял, что изменилось, это скорее плюс, ведь можно обойтись без перепривыкания и переучивания (и без режима «смотрите что у нас изменилось» при запуске приложения!).
Разглядывать мелкие редизайны тоже интересно. Вот эпл при смене у клавиатуры разъема на usb-c заодно немного поменял маркировку на клавишах. Изменения остались бы незамеченными, но эпл продолжил использовать тот же мокап, поэтому при переключениями между изображениями разных версий клавиатуры разницу можно разглядеть:

— на нижнем ряду маркировка теперь центробежная, она прижимается к дальнему от пробела краю клавишей

— убрали «fn» у клавиши в углу, теперь там только глобус

— зачем-то придвинули ближе друг к другу стрелочки на клавишах «вверх» и «вниз»

— явно обозначили, что при нажатии на «-» с шифтом получаешь подчеркивание _, а не минус или тире: раньше верхняя палочка на клавише была на уровне горизонтальной линии плюса с соседней клавиши, теперь она опущена вниз

— подписи F-клавиш чуть опустились и так стали более второстепенным по сравнению с маркировкой иконками

— сильно уменьшили двоеточие и точку с запятой.

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

Когда я ее увидел впервые, я немного вздрогнул. Для калибровки впечатления показал фото жене — она произнесла «фууу» и отвернулась. Значит, это не глюк, фотка всё же фонит каким-то сигналом. Каким же?

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

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

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

Если вы не целитесь в вирусный маркетинг, гэнгбэнг с огромным насекомым — возможно, не лучший сюжет для рекламы аудио-рекордера.
У нас в глазах два вида фоторецепторов: колбочки и палочки. Колбочки хорошо считывают цвет и быстрые движения, зато палочки в 100 раз более чувствительны к свету, поэтому в сумерках мы полагаемся на них. А вот яркий свет их слепит, поэтому после перехода из светлого помещения в темное требуется время для адаптации зрения и активации палочек, способных что-то распознать в темноте.

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

Классический пример: черная одежда в онлайн-каталоге с белым фоном. Яркий свет слепит палочки, поэтому за них отдуваются колбочки, но их светочувствительности не хватает, чтобы разглядеть какие-то детали одежды вроде наличия карманов или текстуры ткани. Элементы каталога превратились в силуэты.
Что с этим можно поделать? В идеале — понимать и контролировать контекст, в котором живут изображения, и при необходимости избавляться от слепящих элементов в дизайне. Если вы знаете, что собираетесь показывать на странице темную одежду, вероятно, стоит подобрать и подходящее окружение, выбрать потемнее и фон на фотографии, и самой странички:
Вариант попроще — адаптировать фотки и чуть высветлять черные объекты на них, чтобы их смогли осилить колбочки. Да, одежда из-за этого может показаться выцветшей и не передавать всю свою мрачную сущность, но хотя бы будет что-то видно.

Вот два производителя наушников использовали на своих сайтах разные приемы:
Beyerdynamic высветлил фотографии черных наушников, чтобы и на белом фоне можно было разглядеть детали.
Audeze же, как и полагается более дорогому бренду, оформил каталог на премиальном черном фоне, позволив и наушникам оставаться солидно-черными.
(поэтому выбор между светлой и темной темой в приложениях и операционных системах сводится к выбору: или периодически взрывать свои привыкшие к темноте глаза светлыми изображениями и сайтами, или периодически страдать, пытаясь разглядеть что-то на темном изображении, фактически лежащем на лупящем в глаза прожекторе-экране)
Я снова случайно чуть не зашел в женский туалет! На этот раз я увидел две таблички, мозг распознал на первой из них иконку женского туалета, но поленился распознавать вторую и сказал «ну там значит мужской, тебе туда», решив действовать методом «от обратного». Меня остановили в последний момент, и только тогда я заметил, что на второй табличке тоже женский туалет!

Мужские же туалеты были дальше по коридору, но их таблички плохо видно:
То есть в этот раз меня подвела вера в устоявшийся формат «две таблички для мужского и женского туалета, ну может еще будет третья с колясочником, но его легко распознать», который тут оказался нарушен. Возможно, для женских туалетов стоило обойтись одной табличкой по центру со стрелками к дверям.

Предыдущие замешательства с туалетами:
https://news.1rj.ru/str/meow_design/1867
https://news.1rj.ru/str/meow_design/1194
Начальство: ставит задачу повысить уровень удовлетворенности сервисом среди пользователей. А значения его меряют шкалой в типичном опросе на почте «насколько вероятно вы нас порекомендуете друзьям?».

Исполнители: дополняют шкалу опроса сильно перекрученным цветовым обозначением, чтобы опрашиваемые считали 8 так себе оценкой. Уверен, метрики улетели в стратосферу, все получили свои премии.

Это очередной пример, как на любой хитрый KPI найдется не менее хитрый способ его накрутить, проигнорировав полностью смысл, который подразумевался за этим KPI.

Еще один пример, уже исторический: https://ru.wikipedia.org/wiki/Рязанское_чудо
Однажды сервисы получат доступ к показателям эндорфина, кортизола и прочих нейромедиаторов пользователей во время пользования их продуктом, и с благими намерениям соорудят на их основе KPI. Вот тогда веселье начнется. Каждый продукт будет постепенно эволюционировать в героин, ну или какой другой более эффективный способ потеребить центр удовольствия.
Внешний вид товаров в магазинах обусловлен функцией продать себя: упаковка сметаны показывает тебе коровку на лугу, коробка сока — счастливую полную семью, наклейки на ноутбуках сообщают о крутом процессоре и технологии HyperUltraFitnessBoostAI. Не будем осуждать производителей за такие ходы, им надо как-то выживать на высококонкурентном рынке, и не мне их учить этому делу.

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

Это диверсия против наших глаз. Не могу утверждать, что обладатели висящей годами огромной наклейки «5 лет гарантии» на холодильнике/стиралке/микроволновке не смогут стать хорошими дизайнерами, но, скажем так, это дополнительный утяжелитель на ногу по пути к цели (раскрывал эту тему тут). Просто откройте холодильник и взгляните на эту страшную упаковку майонеза. Оно повсюду!!1
От чего-то избавиться относительно легко. Икея пыталась воспитать в нас привычку пересыпать продукты из продающей магазинной упаковки в их нейтральные контейнеры. С крупами тут попроще, чем с зубной пастой, хотя и с ней тоже есть варианты.