0. Не проектируй интерфейс раньше, чем язык и слова, которыми он будет описан
1. Всегда учитывай Целое
Процесс дизайна состоит из трёх шагов: 1) Перечислить все ограничения, под которые проектируется диз; 2) Рассмотреть множество решений, удовлетворяющих этим ограничениям; 3) Если понимаешь, что нужно добавить ограничение или одно можно убрать, вернуться к шагу 1.
ИИ хорошо генерирует варианты, но плохо держит ограничения, поэтому дизайни ограничения раньше, чем экраны
В тоже время, галлюцинации ИИ хорошо подводит к новым нестандартным решениям, из которых можно почерпнуть вдохновения, поэтому читай ниже.
2. Убирай лишнее
Убирай ненужное, что все (ты сам, коллеги, ИИ) так любят добавлять. Простой вопрос: "Юзер сможет без этого решить свою задачу?". Ответ в 80%: "да"
Проверяй дизайн на скорость понимания, а не на красоту
3. Дизайни только с живыми данными, ибо они отображают реальность в которой ваш красивый дизайн будет ломаться о длинные тексты на проде.
4. Используй библиотеки и переиспользуемые компоненты. Унификация позволяет систематизировать интерфейс для вас, для пользователя и для ИИ (помни про пользу ограничений для ИИ).
Проектируй UI для повторного использования UX
Гибкость системы = гибкость интерфейса. И наоборот
Если решение работает только для одного экрана, то скорее всего, оно временное. Ищи где UI/UX должен(!) всплывать ещё
5. Заимствовать чужие дизайн-решения не глупо, глупо их не заимствовать, потому что большинство UX-проблем и паттернов уже давно решены.
Всё что нужно это опознать ваши, найти подходящее решение и собрать всё вместе. Собранные вначале работы удачные скриншоты от конкурентов/смежных проектов дают более чистое видение проблем как вам, так и для ИИ.
6. Советы по вайбкодингу с ИИ аналогично применимы и в дизайне
7. Исследуй вкус
Предпочтение = это «мне нравится»
Вкус = это понимание, почему нравится
Вкус – это рефлексия над собственной реакцией на что-то
8. Всегда не торопись c дизайном 😌