Прототипирование фронта в 2к26 от системного аналитика

Вот важная новость с фронта ИИ: ruinik 16 минут назад Прототипирование фронта в 2к26 от системного аналитика Простой 8 мин 675 Анализ и проектирование систем * Искусственный интеллект Интерфейсы * Веб-разработка * Веб-дизайн * Мнение Я системный аналитик с N лет опыта работы — сколько захотите, столько и придумайте. Расскажу, как раньше я проектировал интерфейсы, делал красивый фронт, которым пользовались и, наверное, продолжают пользоваться конечные потребители, и что я делаю сейчас. Как все начиналосьВ самом начале, когда я очень сильно грешил, где-то на первом курсе института, я прыгал с одной профессии на другую.

Сегодня я хочу быть фронтендером, завтра — Java-разработчиком, потом — C++-разработчиком, затем писать бэк на Python, а в пятницу я хочу быть QA. Мой кореш, пусть это будет "Кот Борис", рассказал мне про такой прекрасный сайт, как Figma. Было прикольно набросать какой-нибудь дизайн, посмотреть работы в Community, взять оттуда красивый референс, набор готовых компонентов и так далее.

Технические детали

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

Этот навык потом не раз пригодился мне на работе. Как я работал с Figma в продеРасскажу, как я работал с Figma в так называемом проде, или продуктовой разработке. Были стейкхолдеры — заказчики, шефы и другие прекрасные люди.

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

Отраслевые последствия

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

После этого я отправлял макет начальству на согласование, а затем передавал его дизайнерам. Дизайнеры смотрели и говорили:— Блин, класс, как все красиво и аккуратно. После этого они уже приводили макет в порядок: исправляли отступы, расположение элементов и другие визуальные детали.

Иногда давали рекомендации по улучшению UX/UI, к которым мы часто прислушивались. И только после этого все отдавалось фронтенд-разработчикам. На других работах процесс был плюс-минус таким же.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.