#дизайн

28 постов
пост №1987

В 1987 году Apple опубликовала свои знаменитые Human Interface Guidelines, где объяснила программистам, как делать хорошие, предсказуемые интерфейсы программ под Macintosh.

Вот каноническое издание 1992 года: цветной PDF с теорией и практикой.

К сожалению, с каждым годом, сам Apple всё дальше отходит от этих принципов.

Последний macOS Tahoe — самый злостный нарушитель правил. Вот отличная статья Никиты Прокопова (tonsky), где он разбирает отвратительные иконки системного меню. Они буквально взяли и реализовали пример из книжки, как делать нельзя.

Правда, что 99% людей не замечают такие детали как число и качество иконок. Пускай люди не могут объяснить, что не так, но небрежность и непрофессионализм чувствуются.

Помните знаменитый рассказ Стива Джобса о своем приемном отце, который был мастером на все руки и когда они строили забор, объяснил сыну, что задняя стенка должна быть такой же ровной, как и передняя, чтобы спать спокойно ночью? Apple сегодня оставляет заусенцы прямо на рабочей поверхности.

Варвары захватили римский храм, развесили на стенах шкуры (местами очень красивые) и разожгли на полу костер.

А вот железо у них внутри всё ещё безумно красивое, как и раньше.

Инструкция из HIG

Испортили: macOS Sequoia → Tahoe

А вот справа Никита почистил визуальный шум

пост №1986

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

Хорошая иконка легко отличается от других (в том числе слабовидящими), понятна сходу и запоминается. Ну и эстетически приятна.

пост №1934

Что нового в нашем приложении?

По первых, мы собрали пару прототипов, на streamlit и в фигме и провели десяток интервью с теми, кто откликнулся на мой последний пост. Спасибо вам большое! Интересно, что среди желающих бета-теста были и мужчины и женщины, а поговорить с нами согласились одни женщины.

Во вторых, мы поняли, что нужно всё-таки садиться рисовать «нормальный дизайн».

К счастью, одной из наших респонденток стала Маша. Маша — продуктовый дизайнер и теперь мы не только мечтаем и программируем, но и собираем наши мысли в кучку в виде дизайнов.

Что уже есть?

1. Маша придумала супер онбординг, то есть первые экраны, которые видит новый пользователь. Чтобы быть полезной, нейросети важно знать контекст здоровья. Тут важно не переборщить и не спрашивать лишнего, дать человеку возможность в любой момент прекратить «знакомство» и начать пользоваться приложением. Дополнительный плюсик, если онбординг знакомит человека с механикой работы приложения (как в видеоиграх). Кажется получилось!

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

3. В чате ещё есть кнопка «+ Функции», там есть список предложений, что человек может сделать.

В общем, получается поэтичное приложение. В трех разных местах, тремя разными способами, повторяется идея 3-4 простых действий, в которых апп может быть полезен.

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

Идейно осталось допридумать содержимое дэшборда и проверить идеи дистрибуции. Последнее — самое сложное, но об этом — в следующий раз.

пост №1646

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

В этом эпизоде Илья Рудерман, шрифтовой дизайнер и сооснователь type.today и CSTM Fonts рассказывает, зачем нужно это многообразие, какой шрифт считать хорошим и почему шрифтовики — тоже немного программисты.

Слушайте и подписывайтесь: Apple, Google, Яндекс, Spotify, Castbox, Overcast, веб-версия.

пост №1532

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

Как устроена визуализация данных? Как показать миллионы строк таблицы так, чтобы с первого взгляда было видно главное?

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

Слушайте и подписывайтесь: Apple, Google, Яндекс, Spotify, Castbox, Overcast, веб-версия.

пост №1521

Очень крутой интерактивный элемент в статье Washington Post об отказе от российских углеводородов

Сложность в том, что он внутри текста, но при этом не зафиксирован на одном месте относительно абзацев, как обычно, а перемещается по экрану в процессе пролистывания статьи. 💪

https://www.washingtonpost.com/climate-solutions/interactive/2022/europe-ban-russian-oil-gas-climate/

пост №1458

Совершенно космическая стилизация современных программ вроде зума и слека в интерфейсе macOS 9 Classic 1999 года. Не просто скриншоты, а целое видео, где автор ведет свою ежедневную работу в «интерфейсах прошлого», UI-кит (набор строительных блоков) для дизайн-инструмента фигмы и супер классный лендос. Современное искусство! Должен признаться, что часть старых интерфейсов выглядит удобнее, чем современные ;)

пост №1109

Доброе утро! Эпизод, в котором запуск — завтра. Леша Ивановский (бывший арт-директор культового медиа W-O-S) рассказывает про свой новый проект W1D1, который помогает людям быть более творческими. А ещё делится советами, как перестать тупить в телефон.

Душевный разговор с дизайнером, который объясняет техническому директору, как сделать так, чтобы анимации в React Native не тормозили. Apple, Google, Castbox, Spotify, Яндекс, Overcast, веб-версия.