Дизайн

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

Илья Бирман нашел твит американского дизайнера Тобайаса ван Шнайдера: As a Designer, if you care about making well-designed things, you should surround yourself with well designed things in your life. You'll absorb more than you think. The watch you wear, your furniture, the car you drive, the software you use... everything you passively use throughout the day becomes a reference point, or think of it as a baseline of the standard you hold yourself to in your own work. And no, this doesn't mean only buying expensive things. Well designed doesn't necessarily mean costly, it just means well considered. Live among things made by people who deeply cared, because its contagious (: Но я не согласен. Если будешь окружать себе аккуратными вещами, то и будешь вариться в своем пузыре и производить многократно переваренные смыслы. Дизайн — уникальная профессия, в которой _вредно_ сидеть в своей студии, потому что это профессия в первую очередь про людей. Так что нужно идти, смотреть, впитывать, читать книги, слушать музыку, смотреть пьесы, читать стихи, смотреть на картины. Худшее, что может сделать дизайнер — окружить себя продуктами жизнедеятельности других дизайнеров. Дизайн про людей, а людей в студии не найдешь.

Где возникают ошибки Можно предложить следующую модель получения результата: цель → намерение → действие → система → результат Все это находится в окружении, которое влияет на наши действия. 1. Намерение Насколько намерение помогает достичь цели, или насколько у меня правильный образ действия, того, что я хочу сделать. Дон Норман называл эту стадию понимание «концептуальной модели системы». В ряде случаев концептуальная модель простая: если нажать на педаль тормоза, то машина остановиться. Но в ряде случаев концептуальная модель может быть запутанной: чтобы открыть дверь — её надо толкнуть или потянуть на себя? Я уже не говорю про более сложные системы. Насколько система представляет собой ясную схему, что и как надо сделать, чтобы получить желаемый результат? 2. Действие Несовпадение намерения и действия — действительно ошибка человека. Я хотел повернуть налево, но повернул направо. Я хотел нажать на тормоз, а нажал на газ. Насколько система позволяет сделать неправильное действие. Кроме этого важную роль начинают играть другие факторы: усталость исполнителя, отвлекали ли исполнителя во время важных действий и т.д. 3. Система или черный ящик. Сама система может работать с ошибками. Люди могут неправильно понять, то что мы им говорим, информация передается с ошибками. Механизмы могут быть спроектированы с ошибками, софт ошибается. 4. Окружение Это та обстановка, в которой мы действуем. Либо это культура организации, это социоэкономические факторы и т.д. Окружение может влиять на ошибки, которые возникают в процессе. Есть ли давление, чтобы добиться хороших результатов. Насколько система требует не ошибаться или система требует достичь цели любой ценой. Это культура компании, тон сверху, психологическая безопасность и все подобные вещи. Сюда же относятся ошибки, которые можно называть «внешними событиями». Мы ехали по правилам, в нас врезалась машина. Но мы же все сделали правильно. ;) Как видно, отклонения или ошибки могут возникать на любом уровне в этой модели. Но на каждом уровне ошибки возникают по разными причинами и требуют разных методов для предотвращения. #ЧФ #ошибки

Программа при запуске хочет, чтобы я открыл файл Один из паттернов в интерфейсе, который меня бесит — это когда запускаешь программу на Маке, а она тут же открывает диалог открытия файла. Ну типа, думает она, пользователю же я низачем не нужна без файлов, ему же по-любому нужно будет открыть? — вот я и помогу! Это, как и кнопка «наверх» внизу страницы и кнопка «На главную» на пустом экране — тоже пример того, когда мне протягивают костыль, а я не хромой. Во-первых, я сам решу, открывать мне файл или нет. Может, я зашёл просто версию посмотреть или обновление установить? Или я звпустил программу впрок, но прямо сейчас не собираюсь ничего с ней делать. Просто не лезь со своим диалогом и не мешай мне пользоваться компьютером! Во-вторых, даже если я и собираюсь открыть файл, ну не через диалог открытия файла же я это буду делать! Это самый неудобный способ открыть файл в мире. Файл почти наверняка у меня где-то и так под рукой: в письме, в телеге, на рабочем столе, в папке, в веере Downloads в доке. Я его просто оттуда затащу да и всё. Нафиг мне твой диалог сдался вообще? Если программа пытается по-умному что-то предусмотреть или предугадать — это хорошо. Но важно, чтобы результат этого предугадывания не был помехой пользователю.

Какие иконка и название должны быть у приложения для картографии? Большинство из нас скажет что с картой, компасом или глобусом. А называться должно что-то вроде geo/map/find или что-то подобное. И когда будут создавать такое приложение, попадут в лимбо неинтересных приложений, которыми никто не будет пользоваться. Идея Zenly была в том что приложение должно вызывать эмоции. Чуваки сделали приложение для геолокации с иконкой эскимо! И это рвёт шаблоны как чёрный квадрат в красном углу. Задумка авторов что они должны ассоциироваться не с картой, а с вот этим вот ощущением прогулки и встречи друзей, поэтому выбрали эскимо. Zenly стало гипер-популярным приложением с 40М пользователей в месяц (MAU) в пике. И 160М скачиваний. Это настолько много что это было 2 по скачиванию приложение в русском App Store, обгоняя instagram Snap выкупили его за $213M. Найдено на канале @voicestuff (btw один из новых админов)

💿 Прозрачный CD-плеер для стены Возможно, в лентах коротких видео вам попадался этот гаджет. Нам тоже попался — и мы решили разобраться, что это за красота такая. Называется SYITREN RM1 и собирает деньги на Kickstarter. Обычный CD-плеер прячет диск в тёмной коробке, здесь всё наоборот: корпус — двухслойная прозрачная акриловая рамка на металлических стойках по углам, и через неё видно и крутящийся диск, и оптическую головку, и электронику. Ножки съёмные, так что RM1 можно поставить на стол, а можно повесить на стену через паз на задней панели — получается что-то среднее между плеером и картиной. Жёлтым светится матрица 12 × 8 светодиодов: номер трека, громкость, простенькая анимация и полоска прогресса песни. Из режимов — повтор трека, последовательное воспроизведение и шаффл. По начинке: 🔸 Читает обычные аудио-CD, а также диски с MP3 и WMA 🔸 Оптическая головка рассчитана и на горизонтальное, и на вертикальное положение 🔸 Антишок-буфер: 40 секунд для CD и до 120 секунд для MP3 — на стене штука полезная 🔸 Габариты 260 × 260 × 42 мм, вес 900 граммов 🔸 Динамика внутри нет вообще: звук уходит по Bluetooth 5.3 (заявлено до 10 метров) или через 3,5-мм выход. Отношение сигнал/шум — 95 дБ 🔸 Аккумулятор 18650 на 2000 мА·ч, 6–8 часов проигрывания, зарядка по USB-C за час-два Цены на Kickstarter стартуют с 89 долларов (~7200 рублей). @droidergram

Дизайн второго порядка Есть вещь, которая долго не давала мне покоя. Почему огромное количество людей делают вещи, которые ухудшают систему, хотя сами они не злые и не глупые? Почему компании тонут в техническом долге. Почему города становятся неудобнее. Почему бюрократия растёт. Почему хорошие идеи почти всегда проигрывают. Кажется, что проблема в людях. Но, возможно, проблема в другом. Мы почти всегда проектируем действие. «Сделай правильно.» «Используй стандарт.» «Не пиши костыли.» «Думай о будущем.» Это дизайн первого порядка. Он пытается изменить человека. Но существует дизайн второго порядка. Он вообще не пытается менять человека — он меняет сам ландшафт. Представьте гору. Можно бесконечно убеждать шарик катиться вверх. А можно немного изменить форму поверхности, и тот же самый шарик сам покатится в нужную сторону. В большинстве организаций хорошие решения требуют идти против склона: ▪️ Рефакторинг ▪️ Документация ▪️ Честная коммуникация ▪️ Переиспользуемые компоненты ▪️ Стандарты Все знают, что они полезны. Но локально они почти всегда дороже. Поэтому система не эволюционирует к хорошему дизайну. Она эволюционирует туда, куда смотрит локальная выгода. И, кажется, именно здесь начинается дизайн второго порядка. Не спрашивать: «Как заставить людей делать правильные вещи?» А спрашивать: «Как изменить ландшафт так, чтобы правильная вещь стала самым дешёвым следующим шагом?» Мне кажется, именно это и есть архитектура будущего. Топ-менеджерам на заметку Не мотивируйте людей. Берите мотивированных и уменьшайте демотиваторы. Не ставьте цели. Стройте системы, в которых достижение целей становится неизбежным. Не спорьте про процессы и зоны ответственности. Меняйте дизайн команды — так, чтобы отделы и департаменты сами выбирали решения, которые согласуются между собой и работают как единый здоровый организм, двигающий компанию вперёд. Заметили общее?

Я уже писал про мои мечты о «правильном» визивиге. Первой идеей было поведение на границе регионов с разной разметкой. Идея в том, что к курсору прилипает стиль того, откуда он пришел. Пришел на границу из жирного? Будешь писать жирным. Пришел, наоборот, из обычного? Будешь писать обычным. В том же самом месте, на той же самой границе. Есть еще идея делать в одном месте два шага, но она мне нравится меньше. Сегодня вторая идея. Я посмотрел на списки. Для меня это всегда дичь. Например, я зашел сейчас в Ноутс. Сделал ненумерованый список. Написал первый пункт. Нажал Энтер. Создался второй пункт, автоматически, с маркером. Пока все хорошо. И вот я стою на пустом элементе. Как мне закончить список? Скажем, я набрал три пункта, стою на четвертом, а он мне уже не нужен. В обычном тексте ты видишь слева от курсора маркер, значит бэкспейс должен его удалить. Так? Так. А в визивиге не так! Бэкспейс вернет тебя в предыдущий пункт! То есть удалит и маркер, и перенос строки. Зачем? Не знаю. Как тогда закончить список? Нажать ЭНТЕР. То есть то, что обычно создает новый пункт, тут ничего не создает, а удаляет маркер слева!!! Как создать пустой пункт, если энтер его удаляет? А никак. Кстати, это поведение еще и разнится от программы к программе. Например, в Гуглдоках бэкспейс удалит маркер слева, но оставит оступ. Так можно сделать элемент списка без маркера. Зачем? Прост. Неудивительно, что люди не любят визивиг! Обычные кнопки ведут себя совсем не так, как в обычном тексте. Выделение работает не так: можно выделить строку от начала до конца, и признак «элемент списка» скопируется вместе с ним, хотя ты вроде бы об этом не просил. Сами маркеры списка тоже ни выделить нельзя, ни даже курсором на них встать. Почему? Что в них такого особенного? Короче, думал я, думал, и пришел вот к какому выводу. Маркеры списка нужно интерпретировать как обычный текст. Давать ходить в них курсором, выделять, копировать, вставлять, удалять бэкспейсом. Это будет самое простое, предсказуемое, интуитивное поведение. По сути, главная причина, почему мы все так любим плейнтекст и не любим визивиг в том, что в плейнтексте все работает понятно и предсказуемо: что выделил, то и скопировалось. Ну вот, нет причин, почему в визивиге оно не может работать так же. Если у вас совершенно случайно есть программа iA Writer, там списки рабоают почти правильно. Т.е. можно выделять/копировать/удалять маркеры так же легко, как обычный текст. Вот списки я хочу сделать так же, а bold/italic все-таки визивигом. Отдельно интересно, кто придумал конвенции вот эти, что энтер завершает список, например, или что бэкспейс склеивает элементы. Потому что это явно все друг у друга копируют, но как будто никто ни в какой момент не остановился и не подумал, зачем.

Пользовательский опыт (UX) UX — это впечатление, которое человек получает от взаимодействия с продуктом: насколько всё понятно, удобно и приятно. Чем легче пользоваться сервисом, тем охотнее клиент остаётся и возвращается. Что формирует хороший UX? Минимум действий — чем быстрее пользователь достигает цели, тем лучше Быстрая загрузка — медленные платформы отталкивают Понятный интерфейс — всё должно быть логично и не вызывать вопросов Приятное оформление — гармоничные цвета, удобочитаемые шрифты и заметные кнопки увеличивают вовлечённость Компании вроде Airbnb или Notion инвестируют в UX, потому что довольные пользователи — это не только продажи, но и повторные визиты. Фаундер | Бизнес и Стартапы

Microsoft объяснила, почему «Панель управления» и «Редактор реестра» в Windows 11 всё ещё выглядят как привет из прошлого Вице-президент по дизайну Microsoft Маркус Эш в интервью Windows Central рассказал, почему компания не торопится перерабатывать устаревшие утилиты вроде «Панели управления», «Проводника» и «Редактора реестра». По его словам, главное препятствие — это сохранение обратной совместимости. Разработчики не могут просто переписать интерфейс, не рискуя сломать работу старых драйверов или специализированного софта, завязанного на прежние системные вызовы. Перенос функций в современное приложение «Параметры» происходит только после глубокого анализа телеметрии и пользовательских сценариев. В компании заверяют, что работы по модернизации идут непрерывно, но приоритетом остается стабильность системы.

Интерфейсы для людей больше не нужны? Я вот делаю админку у себя на сайте с курсами. Там есть всякие поля, которые раньше я заполнял вручную. Название курса, описание, обложку (картинку) курса. И вот уже в который раз замечаю, что поля эти есть. Но их я не трогаю руками. Проще открыть Claude или Codex и сказать, давай на сайт добавим вот такой-то курс, там будут вот эти уроки, вот описание для уроков, на основе содержания курса, сгенерируй обложку и поставь ее для курса. И всё. Нейронка дальше создаст на платформе курс, заполнит поля и поставит обложку. Мне остается записать видеоурок и выложить его на платформу. Получается, что эти поля нужны «на всякий случай», когда под рукой нет нейронки, а поправить что-то нужно.