Forwarded from Стой под стрелой (Nikita Prokopov)
Пользователь социальной сети Игнат сетует на зумеров в айти, потому что один из них не смог разобраться в интерфейсе гугл-мита, а именно что в дропдауне можно печатать, а не только выбирать опции из списка. «Чувак работает в ит уже 3-й год… 🥲», — пишет он.
А я вам вот что скажу. Я в айти уже двадцать с лишним лет. Более того, я предельно дотошно отношусь к интерфейсам, к лук-энд-филу, к соглашениям, к стайл гайдам, к аффордансам, для меня все это максимально серьезно. Я полжизни положил, чтобы разобраться, чем отличается круглый чекбокс от квадратного, кнопка от ссылки, сплошное подчеркивание от пунктирного.
И вот, несмотря на весь мой бэкграунд, я на стороне безымянного зумера. Потому что разбираться в шизоидной логике интерфейсов больших компаний — Гугла, Адобе, Атлассиана, Эпла, Микрософта — это прямой путь в дурку.
Разбираться — это искать логику. А логики нет. Аффордансов нет. Соглашения меняются каждый месяц. Элементы управления выглядят как любые другие элементы. Никто не парится что-то с чем-то согласовывать, выверять, систему придумывать. Захотят — сделают неактивное окно ярче активного. Захотят — поставят на тоггл выпадающее меню. Захотят — будут менять подпись у чекбокса при нажатии. Захотят — сделают выделение через другой бордер-радиус.
Главный скил современного пользователя компьютера — преодолевать мышкой огромные пустые пространства и угадывать по оттенку светло-серого, как взаимодействовать с очередным скругленным прямоугольником.
В общем, разбираться нет смысла, потому что вы ничего не получите, если разберетесь. Единственная логика, которая за всеми этими интерфейсами стоит — что так показалось правильно джуну, который его делал.
Самая здоровая реакция — смириться и игнорировать. Получилось что-то сделать? Зашибись. Не вышло? Ну чтож, значит не вышло. Это я вам как профессиональный айтишник говорю. Forget it Jake. It’s Chinatown.
А я вам вот что скажу. Я в айти уже двадцать с лишним лет. Более того, я предельно дотошно отношусь к интерфейсам, к лук-энд-филу, к соглашениям, к стайл гайдам, к аффордансам, для меня все это максимально серьезно. Я полжизни положил, чтобы разобраться, чем отличается круглый чекбокс от квадратного, кнопка от ссылки, сплошное подчеркивание от пунктирного.
И вот, несмотря на весь мой бэкграунд, я на стороне безымянного зумера. Потому что разбираться в шизоидной логике интерфейсов больших компаний — Гугла, Адобе, Атлассиана, Эпла, Микрософта — это прямой путь в дурку.
Разбираться — это искать логику. А логики нет. Аффордансов нет. Соглашения меняются каждый месяц. Элементы управления выглядят как любые другие элементы. Никто не парится что-то с чем-то согласовывать, выверять, систему придумывать. Захотят — сделают неактивное окно ярче активного. Захотят — поставят на тоггл выпадающее меню. Захотят — будут менять подпись у чекбокса при нажатии. Захотят — сделают выделение через другой бордер-радиус.
Главный скил современного пользователя компьютера — преодолевать мышкой огромные пустые пространства и угадывать по оттенку светло-серого, как взаимодействовать с очередным скругленным прямоугольником.
В общем, разбираться нет смысла, потому что вы ничего не получите, если разберетесь. Единственная логика, которая за всеми этими интерфейсами стоит — что так показалось правильно джуну, который его делал.
Самая здоровая реакция — смириться и игнорировать. Получилось что-то сделать? Зашибись. Не вышло? Ну чтож, значит не вышло. Это я вам как профессиональный айтишник говорю. Forget it Jake. It’s Chinatown.
Канал Ильи Бирмана
А тут у Эпла промах. Readily available проиллюстрированно зачёркнутой иконкой, и воспринимается, как будто вовсе не available на самом деле. Имеется в виду, что функция доступна даже без интернета, но зачёркнутость сильнее, чем комплексный смысл. Чтобы решить…
О, а вот ещё такой же пример, но в Москве. Обход слева запрещён.
Forwarded from Nikita Prokopov
This media is not supported in your browser
VIEW IN TELEGRAM
Как ты там говорил, обратимость интерфейса?
1. Одно из направлений деградации эпловского дизайна — в будущих меню они собираются ставить иконки у каждого пункта. Я собирался написать про то, почему это плохая идея, но оказалось, что про это написано у самого Эпла в старых гайдлайнах:
«Если вы добавляете иконки в меню, добавляйте только там, где от них есть реальный толк. Не надо ставить иконку к каждому пункту. Меню с кучей иконок (особенно если они ещё и плохо нарисованы) выглядит захламлённым и читается хуже».
2. Просто для сравнения. Пока были живы образованные дизайнеры, иконки использовали как способ выделить наиболее важные пункты меню, а не трудоустроить иконистов.
«Если вы добавляете иконки в меню, добавляйте только там, где от них есть реальный толк. Не надо ставить иконку к каждому пункту. Меню с кучей иконок (особенно если они ещё и плохо нарисованы) выглядит захламлённым и читается хуже».
2. Просто для сравнения. Пока были живы образованные дизайнеры, иконки использовали как способ выделить наиболее важные пункты меню, а не трудоустроить иконистов.
Короче, у меня Альфа-банк. Всё нормально, настроены пуши всякие. Но они нет-нет, да присылают какое-нибудь левое уведомление через ВК. И эта херь называется «Дзынь от Альфа-Банка». По названию ясно, что это придумал не самый интеллектуальный сотрудник. Первый, может, год, я был уверен, что это какой-то фрод: ясно же, что Альфа-банк — нормальный банк, и он не станет слать уведомление через ВК? Потом оказалось, что это реальный Альфа-банк. Откуда он знает мой акаунт ВК и с какой целью туда пишет — загадка. Хотелось бы, чтобы там провели внутреннюю проверку и отключили это говно.
Поле вывода
Если значение в поле нельзя изменить, его отображают бледным — задисейбленным.
1. Но вот пример формы, в которую данные (вымышленные) подгрузились автоматом. Если они неправильные, значит где-то раньше что-то пошло не так, надо разбираться — просто так тут изменить нельзя.
Так вот для таких случаев задисейбленное поле ввода не очень подходит. Дело не в том, что сейчас поле нельзя изменить почему-то. На самом деле это вообще не поле ввода: значение в принципе нельзя тут ввести. Мы его отображаем в виде поля просто чтобы вёрстка была похожа на вёрстку остальной формы.
Если в вашем продукте встречается такое, имеет смысл придумать отдельный компонент: поле ввода без возможности ввода, поле ввода только для чтения или, если уж совсем честно, поле вывода. Пусть дизайн учитывает требования удобства чтения и «дружбы» с остальными элементами.
2. Например. Выглядит шумновато, но зато передаёт ощущение, что это напечатано и неизменяемо.
3. Это если хочется поспокойнее.
Если значение в поле нельзя изменить, его отображают бледным — задисейбленным.
1. Но вот пример формы, в которую данные (вымышленные) подгрузились автоматом. Если они неправильные, значит где-то раньше что-то пошло не так, надо разбираться — просто так тут изменить нельзя.
Так вот для таких случаев задисейбленное поле ввода не очень подходит. Дело не в том, что сейчас поле нельзя изменить почему-то. На самом деле это вообще не поле ввода: значение в принципе нельзя тут ввести. Мы его отображаем в виде поля просто чтобы вёрстка была похожа на вёрстку остальной формы.
Если в вашем продукте встречается такое, имеет смысл придумать отдельный компонент: поле ввода без возможности ввода, поле ввода только для чтения или, если уж совсем честно, поле вывода. Пусть дизайн учитывает требования удобства чтения и «дружбы» с остальными элементами.
2. Например. Выглядит шумновато, но зато передаёт ощущение, что это напечатано и неизменяемо.
3. Это если хочется поспокойнее.
Юрфак и журфак
Каждый раз, когда слышу эти слова, кажется, что это одно и то же слово, произнесённое по-разному в зависимости от того, кто как читает букву J.
Каждый раз, когда слышу эти слова, кажется, что это одно и то же слово, произнесённое по-разному в зависимости от того, кто как читает букву J.
Показываю, как добиться, чтобы виджет выглядел нормально, срисовывая системный виджет погоды. 10 минут:
https://www.youtube.com/watch?v=aV65V1H4w3I
ЧатГПТ от моего лица: «В этом фрагменте я показываю, как полезно буквально „срисовывать“ готовый интерфейс — не для копирования, а как упражнение. Я беру виджет Эпла, накладываю на него свою версию и начинаю дотягивать по отступам, размерам, плотности текста, цвету, логике выравнивания. Иногда в процессе выясняется, что что-то у меня „не так“, хотя я даже не сразу понимаю, почему — просто на фоне оригинала моя версия выглядит неритмичной, рыхлой или слишком жирной. И вот через эту кропотливую механику выравнивания и подгонки приходит понимание: как устроена композиция, какие отступы считаются нормой, где оси выравнивания, как работает цвет и что именно делает оригинал „живым“».
Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас −20%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.
Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
https://www.youtube.com/watch?v=aV65V1H4w3I
ЧатГПТ от моего лица: «В этом фрагменте я показываю, как полезно буквально „срисовывать“ готовый интерфейс — не для копирования, а как упражнение. Я беру виджет Эпла, накладываю на него свою версию и начинаю дотягивать по отступам, размерам, плотности текста, цвету, логике выравнивания. Иногда в процессе выясняется, что что-то у меня „не так“, хотя я даже не сразу понимаю, почему — просто на фоне оригинала моя версия выглядит неритмичной, рыхлой или слишком жирной. И вот через эту кропотливую механику выравнивания и подгонки приходит понимание: как устроена композиция, какие отступы считаются нормой, где оси выравнивания, как работает цвет и что именно делает оригинал „живым“».
Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас −20%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.
Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
YouTube
На интерфейсном курсе: срисовываем виджет погоды
Показываю, как добиться, чтобы виджет выглядел нормально, срисовывая системный виджет погоды.
ЧатГПТ от моего лица: «В этом фрагменте я показываю, как полезно буквально „срисовывать“ готовый интерфейс — не для копирования, а как упражнение. Я беру виджет…
ЧатГПТ от моего лица: «В этом фрагменте я показываю, как полезно буквально „срисовывать“ готовый интерфейс — не для копирования, а как упражнение. Я беру виджет…
Forwarded from Nikita Prokopov
This media is not supported in your browser
VIEW IN TELEGRAM
Посмотрел на дискорд (звук)
↑
Никита Прокопов посмотрел на Дискорд и описал свои ощущения на видео (со звуком).
Если вы дизайнер интерфейсов, обязательно посмотрите на это, а потом на свои интерфейсы. А у вас как дела с этим? Какие линии откуда докуда идут? От чего и почему падает тень? Какой физический (да или хоть какой-то) смысл в том, что вы нарисовали?
Никита Прокопов посмотрел на Дискорд и описал свои ощущения на видео (со звуком).
Если вы дизайнер интерфейсов, обязательно посмотрите на это, а потом на свои интерфейсы. А у вас как дела с этим? Какие линии откуда докуда идут? От чего и почему падает тень? Какой физический (да или хоть какой-то) смысл в том, что вы нарисовали?
Яндекс-карты показывают, где на трассе висят камеры. Но я вот что не понимаю. Обозначенная точка — это где собственно камера висит или где она скорость проверяет? Если где висит, то хотелось бы понимать, где она её проверяет. Или она на каком-то отрезке её проверяет?
Ну и отдельно отмечу, что довольно абсурдно, что такое показывают. И даже дорожные знаки висят, мол, камера. Казалось бы, это должно быть запрещено писать, чтобы водители соблюдали органичение везде, а не только под камерами.
Ну и отдельно отмечу, что довольно абсурдно, что такое показывают. И даже дорожные знаки висят, мол, камера. Казалось бы, это должно быть запрещено писать, чтобы водители соблюдали органичение везде, а не только под камерами.
Media is too big
VIEW IN TELEGRAM
Немножко приноровился, но пока всё равно неуверенно получается. Но уже очень весело.
Forwarded from Бюро Горбунова
Бирман говорит, что гостовский шрифт для маркировки грузов — красивый:
https://bureau.ru/soviet/20250701/?utm_source=tg-s-s-s250701-010725
https://bureau.ru/soviet/20250701/?utm_source=tg-s-s-s250701-010725
Бюро Горбунова
Гостовский шрифт для маркировки грузов
Существует ГОСТ на маркировку грузов, и в нём есть рекомендуемый шрифт трафарета, страница 39. Как вы считаете, насколько правило «Сперва функциональность, потом красота» убило здесь всю возможную красоту?