Mastodon on ZHub

0 posts0 participants0 posts today

HabrЧем полезен Server Driven UIПривет! Меня зовут Олег Иванов, я руководитель мобильной разработки в Московском кредитном банке. Сегодня поговорим о Server Driven UI вот по такому плану: - что это вообще за технология - из чего она состоит - рассмотрим наши подходы к ее реализации Начнем с терминологии: SDUI (Server Driven UI) — это пользовательский интерфейс, управляемый сервером. Что такое пользовательский интерфейс? Среда, с помощью которой пользователь взаимодействует с программным обеспечением через приложения. Обычно он состоит из множества экранных форм, которые и ведут пользователя по флоу до какого-то определенного результата. Если абстрагироваться от назначения экранных форм, то схематично User Flow можно представить так:<a href="https://habr.com/ru/companies/mkb/articles/885648/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/mkb/articles/885648/</a><a href="https://zhub.link/tags/SDUI" class="mention hashtag" rel="tag">#SDUI</a> <a href="https://zhub.link/tags/UI_kit" class="mention hashtag" rel="tag">#UI_kit</a> <a href="https://zhub.link/tags/ios" class="mention hashtag" rel="tag">#ios</a> <a href="https://zhub.link/tags/android" class="mention hashtag" rel="tag">#android</a> <a href="https://zhub.link/tags/moblie" class="mention hashtag" rel="tag">#moblie</a> <a href="https://zhub.link/tags/%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D0%B0%D1%8F_%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%BA%D0%B0" class="mention hashtag" rel="tag">#мобильная_разработка</a>

HabrДизайн и разработка — как передать макеты чтобы не было слёзПривет, Хабровчане! Я Рома — продуктовый дизайнер Tomoru.Team. Дизайнеры и разработчики работаю вместе над перекладываем макетов из Фигмы в прод. В этой статье хочу рассказать как за полгода мы с командой смогли выстроить достаточно рабочую схему по передаче макетов без болей и горения пятой точки<a href="https://habr.com/ru/articles/880278/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/880278/</a><a href="https://zhub.link/tags/ux" class="mention hashtag" rel="tag">#ux</a> <a href="https://zhub.link/tags/ui" class="mention hashtag" rel="tag">#ui</a> <a href="https://zhub.link/tags/ui_kit" class="mention hashtag" rel="tag">#ui_kit</a> <a href="https://zhub.link/tags/ui_testing" class="mention hashtag" rel="tag">#ui_testing</a> <a href="https://zhub.link/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD" class="mention hashtag" rel="tag">#дизайн</a> <a href="https://zhub.link/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D1%83" class="mention hashtag" rel="tag">#дизайнеру</a> <a href="https://zhub.link/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD_%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%BE%D0%B2" class="mention hashtag" rel="tag">#дизайн_интерфейсов</a> <a href="https://zhub.link/tags/%D0%BF%D1%80%D0%B8%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="tag">#приложения</a> <a href="https://zhub.link/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D1%8B" class="mention hashtag" rel="tag">#дизайнеры</a>

Habr[Перевод] Фиаско Фигмы или тёмная сторона последних апдейтовЭтот пост в оригинале (eng) <a href="https://www.setproduct.com/blog/dark-side-of-figmas-updates" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://www.setproduct.com/blog/dark-side-of-figmas-updates</a> Глава 1: В какой‑то момент всё пошло не так Смотря недавнюю конференцию CONFIG24 , я не мог избавиться от неприятного зуда. Чем сильнее зуд одолевал меня, тем больше приходило осознание – приоритеты Figma сместились с улучшения сервиса на увеличение прибыли. Я неустанно задавал вопросы: Что произошло с Figma, которую мы все так горячо любили? Почему в приоритете деньги, а не список фич от пользователей, которые мы просим? И если Фигма - ФСЁ, то что это сулит дизайн-инструментам в будущем? Провал сделки с Adobe, похоже, стал переломным моментом. Фокус Figma на создании функций с использованием искусственного интеллекта для увеличения количества пользователей - крутой поворот от первоначальной концепции сервиса. Не подумайте, я не против использования искусственного интеллекта, но больш усилий, похоже, затрачивается на что-то "модное", но не особо нужное. Функция автоматического переименования слоев была изюминкой Figma, но ее недостаточно, чтобы компенсировать недостаток внимания к запросам пользователей.<a href="https://habr.com/ru/articles/839888/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/839888/</a><a href="https://zhub.link/tags/figma" class="mention hashtag" rel="tag">#figma</a> <a href="https://zhub.link/tags/ui_kit" class="mention hashtag" rel="tag">#ui_kit</a> <a href="https://zhub.link/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD_%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0" class="mention hashtag" rel="tag">#дизайн_система</a> <a href="https://zhub.link/tags/design_system" class="mention hashtag" rel="tag">#design_system</a> <a href="https://zhub.link/tags/ui3" class="mention hashtag" rel="tag">#ui3</a> <a href="https://zhub.link/tags/%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D1%8F" class="mention hashtag" rel="tag">#обновления</a> <a href="https://zhub.link/tags/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81" class="mention hashtag" rel="tag">#интерфейс</a> <a href="https://zhub.link/tags/%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D1%8B" class="mention hashtag" rel="tag">#интерфейсы</a> <a href="https://zhub.link/tags/%D0%B8%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BC%D0%B5%D0%BD%D1%82" class="mention hashtag" rel="tag">#инструмент</a> <a href="https://zhub.link/tags/%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD" class="mention hashtag" rel="tag">#дизайн</a>

Habr10 certain indicators of a well-done UX designUX design is the backbone of any digital product like an app or a website. It’s like a “dark horse” of a product: it’s something that is not always visible to a naked eye, but without it a product would be very hard or even impossible to use. In the meantime, it’s very easy to tell apart an optimized, well-done UX from a poorly implemented one. The latter can not only turn users away from a product, but also make a negative impact on the brand perception as a whole, as it plays a great role in customer satisfaction. Of course, each product has its own UX quality criteria, as it depends on different factors like the theme of a product, age of the target audience and so on. But there are also a few general indicators of a well-done UX that are applicable to any product no matter what. Let’s discuss them:<a href="https://habr.com/ru/articles/833076/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/articles/833076/</a><a href="https://zhub.link/tags/ui" class="mention hashtag" rel="tag">#ui</a> <a href="https://zhub.link/tags/ui" class="mention hashtag" rel="tag">#ui</a>/ux <a href="https://zhub.link/tags/uikit" class="mention hashtag" rel="tag">#uikit</a> <a href="https://zhub.link/tags/ui" class="mention hashtag" rel="tag">#ui</a>/ux_дизайн <a href="https://zhub.link/tags/ui_kit" class="mention hashtag" rel="tag">#ui_kit</a> <a href="https://zhub.link/tags/ui_testing" class="mention hashtag" rel="tag">#ui_testing</a> <a href="https://zhub.link/tags/uitableview" class="mention hashtag" rel="tag">#uitableview</a> <a href="https://zhub.link/tags/uicollectionview" class="mention hashtag" rel="tag">#uicollectionview</a> <a href="https://zhub.link/tags/uix" class="mention hashtag" rel="tag">#uix</a> <a href="https://zhub.link/tags/ui%D1%82%D0%B5%D1%81%D1%82%D1%8B" class="mention hashtag" rel="tag">#uiтесты</a>

HabrПолный гайд по UI-китам: как их создавать, подключать и ничего не боятьсяПривет! Я Леша Кузьмин, главный про фронтенду в<a href="https://habr.com/ru/companies/agima/articles/825080/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/agima/articles/825080/</a><a href="https://zhub.link/tags/uikit" class="mention hashtag" rel="tag">#uikit</a> <a href="https://zhub.link/tags/reactjs" class="mention hashtag" rel="tag">#reactjs</a> <a href="https://zhub.link/tags/ui_kit" class="mention hashtag" rel="tag">#ui_kit</a> <a href="https://zhub.link/tags/css" class="mention hashtag" rel="tag">#css</a> <a href="https://zhub.link/tags/headless" class="mention hashtag" rel="tag">#headless</a>

HabrTaiga UI: итоги 2023 годаЗаканчиваются рабочие дни уходящего года, а значит, самое время подводить итоги наших трудов. За 2023 год у проекта Taiga UI появилось более пятидесяти релизов, больше двух тысяч вмерженных PR-ов и свыше пятисот закрытых issue. Taiga UI — это огромный Angular UI Kit, который активно используется в сотне продуктов компании Тинькофф и популярен за ее пределами. Разработка проекта много лет идет в Open Source, собирая свою аудиторию по всему миру. Продолжу ежегодную традицию и напомню пользователям библиотек о самых интересных изменениях за последний год.<a href="https://habr.com/ru/companies/tinkoff/articles/782924/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://habr.com/ru/companies/tinkoff/articles/782924/</a><a href="https://zhub.link/tags/taiga_ui" class="mention hashtag" rel="tag">#taiga_ui</a> <a href="https://zhub.link/tags/taiga" class="mention hashtag" rel="tag">#taiga</a> <a href="https://zhub.link/tags/ui_kit" class="mention hashtag" rel="tag">#ui_kit</a> <a href="https://zhub.link/tags/ui" class="mention hashtag" rel="tag">#ui</a> <a href="https://zhub.link/tags/taiga_family" class="mention hashtag" rel="tag">#taiga_family</a> <a href="https://zhub.link/tags/angular" class="mention hashtag" rel="tag">#angular</a> <a href="https://zhub.link/tags/open_source" class="mention hashtag" rel="tag">#open_source</a>

Recent searches

Search options

Administered by:

Server stats:

#ui_kit