Как стать автором
Обновить
102.25
Рейтинг

Интерфейсы *

То, что помогает ориентироваться

Сначала показывать
Порог рейтинга

Опыт разработки виджетов для Figma. От 0 до 23000 установок за 4 месяца

JavaScript *Интерфейсы *Usability *Прототипирование *Дизайн
Из песочницы

Я дизайнер продукта и имею опыт во front-end разработке. В обычное время я работаю над дизайн системой, прототипами и помогаю команде с техническими вопросами, поэтому любые темы на пересечении дизайна и разработки очень увлекают меня.

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

Я решил исследовать эту тему и попробовать разработать что-нибудь для Figma-сообщества. В течение следующих нескольких месяцев я опубликовал 3 виджета, еще столько же отправил в корзину, выпустил 21 обновление, получил более 23000 установок. Я написал эту статью чтобы поделится своим опытом работы над хобби-проектом, показать что интересного я узнал и какие сложности встретил.

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 849
Комментарии 2

Новости

Примеры кошмарного софта вокруг нас

Блог компании RUVDS.com Ненормальное программирование *Программирование *Интерфейсы *Софт
Источник: amansinghblog

В далёкие 90-е мы с нетерпением ждали релизов любимых программ с новыми фичами. Но с выходом MS Office 2000 (на скриншоте) стало ясно — что-то пошло не так. Оказалось, новые функции не только помогают, но и мешают…

И сейчас главная задача — отключить обновления во всех программах. Дошло до того, что приходится копаться в многолетних архивах того же uTorrent, чтобы найти версию без рекламы, которая работала нормально, пока не пришли бодрые менеджеры и не испортили программу на годы вперёд… То же самое по остальным инструментам, которые обрастают фичами и реально деградируют.
Читать дальше →
Всего голосов 167: ↑121 и ↓46 +75
Просмотры 43K
Комментарии 799

Удобный прогноз северного сияния: в цветах и графиках

Разработка веб-сайтов *JavaScript *Интерфейсы *
Из песочницы
✏️ Технотекст 2022

В начале 2022 года я съездил в самостоятельное путешествие за северным сиянием. Это оказалось прекрасно, кроме этапа планирования. Все сайты с прогнозами «северных огней» выглядели странно и едва помогали собраться, но зато предлагали купить в пару кликов тур и ни о чем не переживать. Тур мне был не нужен, а вот хороший прогноз — да.

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

Читать далее
Всего голосов 20: ↑20 и ↓0 +20
Просмотры 2.7K
Комментарии 5

Продолжение о типах кабелей USB-C: переходники вне стандарта

Блог компании RUVDS.com Интерфейсы *
Перевод

Давайте будем откровенны — одних только кабелей USB-C — USB-C недостаточно. Существует и много других видов, которые могут потребоваться в повседневной жизни, пока в нашем обиходе присутствуют устройства без разъёма USB-C. Однако в спецификации учитываются далеко не все типы кабелей, которые мы можем захотеть купить или собрать самостоятельно.

Лично я считаю, что как у хакера у вас должна быть возможность приобрести любую необходимую приспособу со стандартом подключения USB-C. Хакерам не нужны ограничения, обуславливаемые маркетингом, — им необходимо понимать, как можно или нельзя применить тот или иной девайс, исходя из его внутреннего устройства. И я хочу поделиться с вами таким пониманием, чтобы вы могли принимать осмысленные решения.

С другой стороны, USB-C создан для использования не умудрёнными опытом людьми, хотя и в этом плане у данного стандарта есть пробелы. Здесь нам поможет ясность определения того, что соответствует стандарту. Вот известная история о кабеле USB-C, который убил Chromebook и подтолкнул Бенсона Люна к запуску онлайн-блога с рекомендациями относительно USB-C. На деле существует множество подобных печальных историй.

Сегодня же мы разберём виды кабелей USB-C, которые в зависимости от своего использования могут как выполнить свою роль, так и подвести вас.

Прим. пер.: эта статья является логическим продолжением предыдущей публикации «Подробно о типах кабелей USB-C».
Читать дальше →
Всего голосов 65: ↑64 и ↓1 +63
Просмотры 13K
Комментарии 46

Эвристики Нильсена – личный опыт, ошибки и находки

Блог компании Tele2 Интерфейсы *Usability *Дизайн

Привет. Меня зовут Сергей Кардашев. Прошедшие три года я работал менеджером по продуктам и инструментам управления данными в Tele2. До этого много лет был продакт-дизайнером и UI/UX дизайнером. В этой статье я не просто пересказываю принципы построения интерфейсов, а делюсь своими примерами, личным опытом применения этих принципов, своими ошибками и находками. 

Читать далее
Всего голосов 16: ↑14 и ↓2 +12
Просмотры 1.6K
Комментарии 5

Как доработка UX помогла сократить время прохождения сценария заказа еды на 70%. Часть 3

Веб-дизайн *Интерфейсы *Дизайн мобильных приложений *Веб-аналитика *Аналитика мобильных приложений *
Кейс
Recovery mode

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

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 905
Комментарии 1

Дизайн-долг платежом красен: улучшаем таблицы в большом продукте

Блог компании Ozon Tech Веб-дизайн *Интерфейсы *Управление продуктом *Дизайн
Кейс

Меня зовут Александра, я дизайнер из Ozon в SX — Seller Experience. Сегодня расскажу продуктовую историю о таблицах и дизайн-долге.

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

Так было и с нашим продуктом, который накопил много недочётов. Работа без компонентов усложняла внедрение нового как со стороны дизайна, так и со стороны фронтенда. От неконсистентности страдали и пользователи. Особенно плохи были дела с таблицами. Настолько, что пользователи вручную увеличивали страницу, чтобы найти горизонтальный скролл. Нагруженные таблицы — вечная боль, и ресурсов на возврат дизайн-долга и техдолга, как всегда, нет — новые фичи сами себя не спроектируют. Под катом наша история решения большой задачи с низким приоритетом. 

Как поступила команда
Всего голосов 28: ↑27 и ↓1 +26
Просмотры 2.3K
Комментарии 6

Лучшие практики UX/UI в e-сommerce

Веб-дизайн *Интерфейсы *Usability *Разработка под e-commerce *Дизайн

Меня зовут Станислав Хрусталёв, я автор сайта hardclient.com. Работаю в управлении клиентским опытом с 2009 года. Пишу на эту тему, собираю лучшие практики из мира Customer Experience и оцениваю сервисные модели компаний.

Некоторое время назад я задался идеей: собрать базу лучших практик UX/UI в области электронной коммерции. Как сделать покупки в интернет-магазине максимально удобными для клиента? Чтобы он возвращался снова и рекомендовал вас друзьям и знакомым?

Время шло, и из небольшой статьи материал стал превращаться в крупнейшую (?) открытую русскоязычную базу с лучшими практиками UX/UI в сфере e-commerce.

Читать далее
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 1.7K
Комментарии 1

Однажды у нас будет полностью настраиваемый select

Разработка веб-сайтов *Интерфейсы *HTML *
Перевод

Сегодня я хочу рассмотреть предложенную функцию HTML, которая может в итоге заменить множество пользовательских компонентов ввода на основе <div>: <selectmenu>.

Читать далее
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 8.9K
Комментарии 15

Как не утонуть продукту в куче мелких UI/UX-багов

Веб-дизайн *Разработка веб-сайтов *Интерфейсы *Тестирование веб-сервисов *Учебный процесс в IT
Из песочницы

Привет! Меня зовут Даниил Видишев, я продуктовый дизайнер в Inly.

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

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 4K
Комментарии 5

Подключение советской клавиатуры Электроника МС 7004 к современному ПК

Блог компании Timeweb Cloud Интерфейсы *Старое железо Периферия DIY или Сделай сам

Когда я листал доски объявлений, на глаза попалась отличная клавиатура «Электроника МС 7004». Даже по современным меркам клавиатура выглядит просто потрясающе. У неё есть откидной блок со светодиодами, клавиши механика. И она настолько крутая, что даже сейчас на ней хочется работать. Но, как обычно есть один маленький нюанс: у неё свой интерфейс и электропитание.

Такие клавиатуры встречаются часто, выглядят стильно и, в общем-то, можно получить уникальное устройство ввода, но как же её подключить? Этим вопросом я занялся уже после покупки, потому что клавиатура была крута, и вылилось всё в интересное копание в схемотехнике клавиатуры, протоколах и многом другом.
Читать дальше →
Всего голосов 84: ↑79 и ↓5 +74
Просмотры 11K
Комментарии 51

Telegram WebApps. Как встроить веб-приложения в чат-бота?

Разработка веб-сайтов *Python *JavaScript *Интерфейсы *API *
Из песочницы

Относительно недавно команда Telegram выпустила обновление, с которым появилась возможность встраивать в мессенджер веб-приложения. Эта статья — обзор основных моментов внедрения веб-приложениий в телеграм-ботов.

Читать далее
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 10K
Комментарии 6

Дизайн-система и цифровая трансформация Ростелекома

Блог компании Ростелеком Веб-дизайн *Интерфейсы *

Как инициатива IT-направления помогла огромному телекому поменять культуру, запустить множество digital-продуктов, и стать современной цифровой компанией.

Читать далее
Всего голосов 10: ↑8 и ↓2 +6
Просмотры 2.3K
Комментарии 19

Истории

Подробно о типах кабелей USB-C

Блог компании RUVDS.com Интерфейсы *
Перевод

Тема кабелей и разъёмов стандарта USB-C является довольно запутанной, и тому есть объективные причины. Множество вариантов реализации и нюансов вкупе с не всегда добросовестными производителями вносят на рынок кабелей неразбериху. Тем не менее в статье я покажу, что всё в этом вопросе не так уж плохо, если вы готовы прибегнуть к ряду приёмов и скорректировать собственные ожидания.
Читать дальше →
Всего голосов 92: ↑86 и ↓6 +80
Просмотры 23K
Комментарии 26

Удаляем фон у фото используя CoreML

Разработка под iOS *Разработка мобильных приложений *Интерфейсы *Swift *Машинное обучение *
Туториал

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

Узнать как вырезать фон
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 2.3K
Комментарии 5

Проектируем процесс сравнения товаров в интернет-магазине: 156 гайдлайнов

Веб-дизайн *Интерфейсы *Usability *Управление e-commerce *Дизайн

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

Что стоит учесть, чтобы спроектировать идеальный интерфейс сравнения? 156 гайдлайнов в этой статье.

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Просмотры 752
Комментарии 0

Рефлексия над UX: советы тем, кто начинает свой путь

Блог компании Ростелеком-Солар Информационная безопасность *Интерфейсы *Управление разработкой *

Я Алексей Красильников, UX-архитектор Центра продуктов Dozor в компании «РТК-Солар». Под моим крылом — продукты Solar Dozor, Solar webProxy, Solar addVisor. И я очень признателен своим талантливым коллегам по UX за то, что они следуют выбранному курсу, несмотря на все трудности. Эта статья — выжимка нашего командного опыта и пройденного пути. Она будет полезна тем, кто начинает решать задачи дизайна в работающих сервисах.

Читать далее
Рейтинг 0
Просмотры 1.4K
Комментарии 0

Как доработка UX помогла сократить время прохождения сценария заказа еды на 70%. Часть 2

Интерфейсы *Тестирование мобильных приложений *Дизайн мобильных приложений *Прототипирование *Аналитика мобильных приложений *
Recovery mode

Всем привет, на связи дизайнеры студии Focus. В первой части статьи мы рассказывали, как к нам пришла идея доработки UX приложения сети ресторанов Mama Mia, а также, как проводили интервью и изучали ЦА. А сегодня поделимся результатами тестирования текущего приложения и покажем, как проводили конкурентный анализ.

Читать далее
Рейтинг 0
Просмотры 854
Комментарии 2

Редизайн приложения для ЖКХ: как упорядочить хаос и не наломать дров

Интерфейсы *Дизайн мобильных приложений *
Из песочницы

Привет! Я – Андрей, дизайнер компании, которая специализируется на цифровых решениях для ЖКХ. Один из наших продуктов – мобильное приложение жителя. Точнее платформа, на базе которой создаются брендированные версии таких приложений для различных управляющих компаний. Хочу поделиться опытом редизайна этой платформы.

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 1.3K
Комментарии 7

Вклад авторов