дизайн

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что уже есть?

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

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

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

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

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

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