Разбор UI/UX на примере прототипа в Figma и основные принципы

[Kwisatz]

Как бы еще приучить дизайнеров пользоваться потом продуктами на основе этих всех прототипов. Приче так чтобы дизайнер выполнил все операции раз по 50 как пользователь, сразу бы атрофировалось «я дизайнер, я так вижу».

[andozhskaya]

Не знаю. Предполагаю, что в этом случае дизайнер является специалистом исключительно по UI. И давать ему задание нужно только после того как описан UX и на бумажке накиданы возможные блоки.

[Ivnika]

Очередная сто тысячная статья обо всем и ни о чем. Автор, прошу прощения, но это так. Ничего нового вы не сообщили, статья из разряда hello world…

[andozhskaya]

Согласна и в введении написала, что статья для совсем зеленых новичков и написала ее потому, что не смогла найти аналог, где можно было бы по шагам увидеть, что делать, если не знаешь ничего от слова «совсем».

[andozhskaya]

Отредактировала, спасибо. Имелось ввиду, что другие пользователи не увидят изменения, внесенные оффлайн без предварительной синхронизации.

[oinovikov]

Webflow, Figma «По факту являются конструкторами сайтов»… что? Что?? ЧТО??? Это факту, это два совершенно разных инструмента.

[andozhskaya]

Спасибо, откорректировала текст. Имелось ввиду, что они очень похожи.

[oinovikov]

Все же я не соглашусь: вебфлоу, как раз, целиком для того чтобы «визуально» создать сайт, полноценный сайт, который прямо у них и крутится, у которого можно подключить БД, есть cms какая-то там и т.п. А фигма просто для прототипирования на 100%. Да, можно кинуть ссылку на предпросмотр и кликать ее. Да, там можно копировать стили и таким образом перенести картинку макета в верстку, а потом скопированными стилями добавить кликабельные области, но это то еще извращение. Да, можно воспользоваться плагинами и тоже блоки превратить в верстку… но это все костыли, это все еще статичные экраны (или я чего-то не знаю).

Вебфлоу ближе к какой-нибудь тильде что ли, а фигма ближе к Framer/inVision/XD. Последние у вас тоже не совсем в своих категориях. Не знаю, все как-то неочевидно и запутало бы новичка точно.

Порекомендую посмотреть вот это видео youtu.be/LmXVxkWjLT8, особенно диаграмму youtu.be/LmXVxkWjLT8?t=844 и объяснение ведущего по ее поводу.

[andozhskaya]

Спасибо. Подумаю, как еще подправить текст.

[MetaAbstract]

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

интересно, а есть IT компании, которым интересно решение этой проблемы?