Прототипы.
Кому они надо? Даешь дизайн! (нет)

Привет начинающий друг😘 Сегодня поговорим о прототипировании.

Начнем с того, что же такое прототип - по сути это структура (скелет) будущего сайта или приложения и т.д. на которым схематично отображены элементы.
Начинаем от большего к меньшему: делаем страницу, на странице блоки,  в блоках размещаем контент - кнопки, фото, текст и т.п.

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

Прототипы могут быть 2х детализаций:
Lo-Fi (low fidelity) прототипы исключают присутствие дизайна в любом виде и фокусируют исключительно на логике
Hi-Fi (high fidelity) детализированные прототипы фокусируют на проработке дизайна продукта, тактильности интерфейса, валидации графических решений.

Делая Lo-Fi  можно быстро согласовать структуру будущего сайта, расположение элементов и контент не отвлекаясь на стилистику, а при разработке дизайна не отвлекаться на структуру, логику и контент.

В итоге мозг ликует -  работа делается поэтапно и без головной боли.

А делая сразу "дизайн" ты тычешь пальцем в лужу в надежде сделать красивый и удобный бассейн 😩

Полезный пост! Спасибо🤝

😊

Прототипы без реального контента, цветов айдентики и других важных штучек не нужоны)

Кто сказал?

А как же тестировать интерфейс на потенциальных пользователей?

Что тестировать собрался серыми прямоугольниками?)

Аа, я понял)
Ты троллишь)

не, я не шучу

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

Ну тогда странно это слышать от продуктового диза, если ты таким являешься

Я думаю он просто не совсем верно выразился)
Да @winkeyless ?)

Иначе получается что есть такой сценарий:
Если новый проект без айдентики -  делать прототипы нет смысла

Все походу по-разному работают ... у кого какая школа кунфу ... я раньше думал что можно для презентации ux части обойтись и без ui ... а ui натянуть после верификации всей UX схемы ... а потом аж уже оттестипованный uiux отдавать в продакшен... у всех походу разная кухня

Если мне нужно быстро что-то набросать, то я делаю это из реального контента: Сюда картинку подгрузил по теме, туда текст сымпровизировал на ходу, здесь покрасил пару кнопок за одну секунду и т.д, и вот уже очертания готового продукта, который можно оценить.

Я не раскладываю по полотну серые прямоугольники, которые говорят о том, что здесь будут фотки. Без реального контекста это все бред.

"Без реального контекста это все бред."
Контента мб?
Я и не говорил что нужно делать без контента

Ты забыл кое что добавить

Ты берёшь реальные фотки, красишь за одну секунду кнопки, получаешь очертания готового продукта, а потом выкидываешь на авардс и сразу берёшь сайт года, да?

Для него всё бред

Не ну если ты про то как экраны на бумажках малюют раскладывают и на стене потом красивенько наклеечками это какаято имитация деятельности ...

Они отвлекают. Реальный контент, цвет, типографика. Нельзя просто так взять и покрасить кнопочку. Нужно сделать ее идеальной.