Интерфейсы *

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

Когда дизайнер заканчивает работу над макетами, UI Kit и всеми элементами для первой мобильной платформы, ему нужно адаптировать всё тоже самое для второй. Хоть это задача простая, но она занимает довольно много времени.

Наш Lead дизайнер интерфейсов Фёдор Миронов нашел способ, как с помощью Figma Variables оптимизировать процесс создания макетов для второй платформы. При этом можно сохранить уникальность каждой из них и значительно быстрее подготовить все нужные состояния для разработчиков.

В результате удаётся примерно в два раза сокращать время рутинной работы для дизайнера, оптимизировать затраты на разработку дизайна и получать макеты сразу для iOS и Android, что в целом экономит бюджет проекта.

В статье рассказываем, как настроить компоненты с Variables так, чтобы получить всю эту магию.

Текст — один из важнейших элементов дизайна и на работу с ним порой уходит много времени. От заполнения контентом до удаления висячих предлогов — всё это требует большого внимания и часто превращается в рутину.

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

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

Статья будет полезна не только дизайнерам, но и разработчикам. Так вы сможете посмотреть на себя и свою работу со стороны, понять, как вас воспринимают дизайнеры, и, возможно, пересмотреть свое отношение к дизайн-процессу. Давайте начнём!

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

Как iPhone заставил интерфейс и UX авто меняться и почему концерны до сих пор не могут оправиться от этого?

Сегодня дизайн-система — это неотъемлемая часть процесса разработки цифровых продуктов. Однако не всегда очевидно, как именно такой инструмент помогает работать с UI-компонентами и улучшать качество продукта.

Меня зовут Артур Иванов, я тимлид B2B Product Design департамента Design & Research Office (DRO) «Лаборатории Касперского», и именно перед нашей командой встал вызов по внедрению дизайн-системы под названием Hexa UI в уже существующие рабочие процессы отдела дизайна.

Когда-то и Uber был сервисом по заказу «черных, дорогих автомобилей». Вы все еще можете заказать в нем «черный лухари», но народным его сделало другое. Мой проект консоли для детей «Фаренгейт» и его ответвление, RU_UI — самостоятельной оболочки для консолей, остаются прекрасными продуктами закрывающими свои задачи и будут полноценно развиваться и дальше. Однако, это локальные продукты, существующие пока только на российском рынке. А посему, самое время выйти в global release и for free.

Помогаем вузам от Владивостока до Калининграда организовать онлайн пространство учебного заведения без затрат на команду разработчиков. Обозреваем приложение Кампус для студентов и университетов, о котором пишет Forbes.

Собственное мобильное приложение для университета – это удобно, но дорого, долго и сложно в реализации. Многие вузовские приложения «умирают» через 1–2 года после создания. Студенты, разрабатывающие и развивающие приложение, выпускаются, а университет редко может найти деньги и команду для поддержки. На сайтах вузов расписание и информацию о мероприятиях зачастую долго обновляют. При этом запрос на удобное приложение своего вуза у студентов есть всегда, особенно у студентов из больших городов. Они привыкли к супераппам, где есть все от доставки еды до проката самокатов.

Поэтому в 2023 году мы объединили в экосистему расписание, курсы по подготовке к сессии, вакансии и скидки для студентов.

Вот уже полгода, мой проект игровой платформы Фаренгейт на русском языке и для русскоязычной аудитории, находится в стадии тестирования концепции на реальных пользователях. Технически продукт был собран еще в мае 2024 года, но полноценно выпускать его на рынок без четкого proof-of-concept, что он выполняет поставленные задачи было бы странно. 

Меня интересовало как ускорить свою работу с помощью AI. И чтобы разбираться с этим и быстро узнать, что об этом думают другие, я нашла курс и пошла учиться. Не пожалела, и здесь я рассказываю о 4-х инсайтах, которые пополнили список моих скиллов продуктового дизайнера.

Курс рассчитан на четыре недели. Я проходила его 4 месяца. Не спешила. Читала все дополнительные материалы. Применяла на текущих проектах всё, о чем узнавала. Приобрела хорошую привычку описывать то, что делаю и написала 6 стади-кейсов о своих текущих проектах.

Привет, Хабр! Привет, Хабр! Меня зовут Ольга Смирнова, я UX-редактор в Lamoda Tech. Работая в продуктовой команде, я наблюдаю, как новые участники сталкиваются с незнакомой терминологией, которую используют дизайнеры. Продакт-менеджер, UX-редактор, исследователь или начинающий дизайнер могут потратить многоо времени, чтобы вникнуть во все понятия.

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

Это статья‑ворчалка: несмотря на все достижения прогресса — ИМХО, до сих пор оно так и остаётся.

Нет, ну в самом деле, а что у нас появилось хорошего‑то?

Сразу оговорюсь, под словом «десктоп» в данном случае подразумевается некая рабочая среда на ПК, в которой комфортно и удобно работать, причём желательно всем. При этом оставим за кадром сложность настройки или стабильность работы — только и исключительно про удобство. Ну и конечно — с моей, собственной точки зрения.

Самолёты, вертолёты, беспилотники, космические аппараты, морские корабли, подводные лодки и многие другие огромные и не очень «железки». Все мы так или иначе сталкиваемся с кем-то из них ежедневно: в новостях, в путешествиях, на дорогах, в детских игрушках и много где ещё. А задавались ли вы вопросом, почему это всё работает? Как управляется? Об этом мы поговорим в этой статье.

Привет! Меня зовут Максим Гарбарт, я тестировщик компании Битрикс24. Моя работа связана с проверкой одного из важнейших компонентов системы – сервиса авторизации. Для пользователей это, как правило, лишь форма входа, где нужно ввести логин и пароль. Но для нас это сложная система, от надежности и точности которой зависит безопасность данных, удобство работы и доверие к продукту.

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

Привет! Меня зовут Александр, я фронтенд‑разработчик в Точке. Моя команда занимается разработкой «системы построения интерфейсов» aka UI‑кита. В статье расскажу, как мы решали вопрос выгрузки многоцветных логотипов в формате SVG из Figma и добавления к ним поддержки тёмной темы.

Вы когда-нибудь задумывались, как незрячий человек смотрит фильмы, а глухой зритель — понимает атмосферу сцены без звуков? В Кинопоиске теперь это не просто возможно — это удобно и доступно. Меня зовут Настя, я отвечаю за продуктовое направление Инклюзии в Яндексе. Вместе с командой мы работаем над тем, чтобы каждый, независимо от особенностей здоровья, мог наслаждаться фильмами и сериалами. В этом посте я расскажу, как мы делаем Кинопоиск местом, где кино доступно для всех.

Последний год мы активно ведем работу над доступностью Кинопоиска.  Он стал тринадцатым сервисом Яндекса, адаптированным для незрячих и слабовидящих людей — это случилось в начале 2024 года. Это означает, что сервис доступен для использования с помощью специальных программ экранного доступа (другими словами — скринридеров), которыми пользуются незрячие пользователи. 

А ещё контент Кинопоиска начал пополняться субтитрами для глухих и слабослышащих людей и тифлокомментариями. 

Вот как выглядит видео с SDH и тифлокомментариями.

Всем привет!

Меня зовут Ваня и это моя первая статья на Хабре (надеюсь, что и не последняя).

Содержание за 2 секунды: сокращаем Dock при помощи Shortcuts.

Привет! Меня зовут Артём Литвин, последние три года я работаю дизайн-лидом в компании Домклик и руковожу командой из девяти продуктовых дизайнеров. Хочу поделиться своим опытом, как выстроить эффективную работу в дизайн-отделе. Мы рассмотрим три ключевые темы, которые могут помочь улучшить работу в вашей команде:

— Продуктовые активности: как делать продукты лучше.

— Коммуникационные активности: как дизайн‑отделу работать слаженно и с удовольствием.

— Форматы коммуникации: как эффективно доносить информацию и обмениваться идеями.