Как стать автором
Обновить
59.6

Интерфейсы *

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

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

UI Art. Как попадать в стиль при отрисовке декоративных элементов игрового интерфейса

Время на прочтение 4 мин
Количество просмотров 2.4K
Разработка игр *Интерфейсы *Графический дизайн *Дизайн игр *Дизайн
Туториал

Всем привет!  Я Михаил Кравченко, дизайнер игровых интерфейсов.

В этой статье рассмотрим процесс попадания в референс на примере декоративного элемента из Hearthstone и приёмы, которые упрощают жизнь UI художника. Ниже лежит картинка с результатом, который у меня получился.

Читать далее
Всего голосов 17: ↑17 и ↓0 +17
Комментарии 11

Новости

→ Как быстро завезти тёмную тему

Уровень сложности Средний
Время на прочтение 3 мин
Количество просмотров 1.8K
Разработка под iOS *Интерфейсы *Разработка под Android *Accessibility *Дизайн мобильных приложений *
Из песочницы

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

Хочу поделиться как мы, имя слабую компонентную базу, умудрились завезти тёмную тему для айос и андроид.

При этом в «дано» у нас было: 
— библиотека цветов в Фигме;
— библиотека цветов на платформах (с кучей цветов наследия);
— только базовые компоненты в Фигме и ещё меньше — в коде;
— иконочный сет и сет иллюстраций. 

В статье я по шагам опишу наш путь.

Читать далее →
Всего голосов 6: ↑6 и ↓0 +6
Комментарии 4

Всё про USB-C: грехи производителей

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 15K
Блог компании RUVDS.com Интерфейсы *Производство и разработка электроники *Гаджеты Компьютерное железо
Перевод

Работая с USB-C, люди то и дело сталкиваются с различными проблемами. Я поспрашивала пользователей на Twitter и Mastodon об их отрицательном опыте работы с USB-C и получила широкий отклик. Помимо этого, в различных сообществах вроде r/UsbCHardware собрано немало информации о явлениях, которые вызывают проблемы при использовании этой технологии.

Текущая статья посвящена обзору допускаемых производителями недочётов в реализации стандарта USB-C и анализу возможных причин этого.
Читать дальше →
Всего голосов 78: ↑77 и ↓1 +76
Комментарии 89

Полное понимание асинхронности в браузере

Время на прочтение 24 мин
Количество просмотров 29K
Блог компании Яндекс JavaScript *Программирование *Интерфейсы *Браузеры
Про асинхронность JavaScript написано много статей, документации и книг. Но вся информация сильно распределена по интернету, поэтому сложно быстро и полностью разобраться, что к чему, и составить цельную картину в голове. Не хватает одного исчерпывающего гайда. Именно эту потребность я и хочу закрыть своей статьёй.

Читать дальше →
Всего голосов 71: ↑71 и ↓0 +71
Комментарии 19

Истории

Всё про USB-C: паяльник Pinecil

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 15K
Блог компании RUVDS.com Интерфейсы *Производство и разработка электроники *Гаджеты DIY или Сделай сам
Перевод

Как многие правильно заметили, в случае с USB-C важен не просто сам стандарт, а то, как он реализован. В конце концов, мы имеем дело с реализациями, и именно на этой почве обычно возникает большинство проблем. Отчасти, конечно, вина лежит и на стандарте, например, в плане отсутствия маркировки кабелей. Хотя, на мой взгляд, он продуман намного лучше, чем некоторым кажется.

Я хочу познакомить вас с несколькими реализациями USB-C в некоторых интересных опенсорсных продуктах. Все они в том или ином смысле не идеальны – иначе и быть не может, поскольку им приходится иметь дело с беспорядочным реальным миром, где совершенство является редкостью.

Сегодня мы поговорим о Pinecil – недорогом и качественном паяльнике от Pine64, выпущенном пару лет назад. Для питания в нём предусмотрен и круглый разъём, и порт USB-C. Это стало долгожданным отступлением от стратегии компании Miniware, которая не применяла такое решение ни в оснащённой исключительно круглым разъёмом модели TS100, ни в маломощных паяльниках TS80. Кроме того, поскольку Pinecil разработан под использование жал T12 от модели TS100, он заслуженно завоевал популярность в мире электронщиков-любителей.
Читать дальше →
Всего голосов 76: ↑76 и ↓0 +76
Комментарии 18

Простой лайфхак для ввода символа "#" в русской раскладке клавиатуры под Linux

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 8.4K
Высокая производительность *Настройка Linux *Интерфейсы *Лайфхаки для гиков
Туториал

знак решетки


Давно полюбил формат Markdown за простоту и легкость его использования при документировании исходного кода и за возможность его применения при оформлении статей для Хабра. Потом добавился Obsidian для ведения заметок. И формат Markdown стал по сути основным способом форматирования набираемого текста.


Единственной, но весьма большой ложкой дегтя, оставалась проблема ввода символа решетки «#» при использовании русской клавиатуры. А так как знак решётки (октото́рп, хеш, знак номера, дие́з, sharp), в русской раскладке клавиатуры отсутствует, то каждый раз переключаться на английскую раскладку, меня немного утомляло. И «немного утомляло» еще мягко сказано, так как символ решетки, кроме указания заголовков в Markdown и тегов в Obsidian, еще часто используется как начало комментария до конца строки (в Bash, Python, NewLang).


А так как предлагаемые на просторах интернета способы ввода символа решетки в русской раскладке клавиатуры меня совсем не вдохновляли (и если Alt+35 на Numpad под виндой еще сойдет, но этот способ не работает под Linux, а занимать буфер обмена ради вставки одного символа, вообще не вариант), то пришлось потратить некоторое время на эксперименты, результатами которых я и хочу поделиться.

Простой лайфак ввода # в русской раскладке под Linux
Всего голосов 27: ↑19 и ↓8 +11
Комментарии 44

UX/UI исследование метавселенных. Часть 2

Уровень сложности Средний
Время на прочтение 18 мин
Количество просмотров 1.6K
Интерфейсы *Графический дизайн *AR и VR
Аналитика

В этой части оставшаяся половина исследования (клавиатура, аватар, система взаимодействия, иммерсивность) и итоги.

Спасибо за обратную связь по первой части: и за фидбек, и за поддержку.

Ссылка на первую часть.

Продолжим. Зафиналим!

Читать вторую часть исследования метаверса
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 15

Памятка по проведению брифинга с клиентом

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 1.4K
Веб-дизайн *Анализ и проектирование систем *Интерфейсы *Дизайн мобильных приложений *Интервью
Туториал

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

Читать далее
Всего голосов 6: ↑1 и ↓5 -4
Комментарии 4

Бенчмаркинг: пошаговая схема работы

Уровень сложности Средний
Время на прочтение 10 мин
Количество просмотров 1.9K
Веб-дизайн *Интерфейсы *Дизайн мобильных приложений *Интернет-маркетинг *Дизайн
Из песочницы

Лонгрид о том, как с помощью бенчмаркинга найти и использовать лучшие практики рынка.

Бенчмаркинг можно применять как для проектов, которые находятся на стадии запуска или защиты перед руководством, так и для digital-продуктов, которые уже работают. В первом случае вы сможете продемонстрировать ЛПР, руководству или инвесторам предварительное видение будущего продукта. Во втором — получить важные инсайты и найти новые идеи для реализации. Ниже делюсь методикой и инструментами бенчмаркинга.

Рекомендовано к прочтению всем, кто занимается дизайном, аналитикой, исследованиями или представляет отделы маркетинга и R&D.

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

Что должен уметь Frontend разработчик в 2023 году (+Roadmap)

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 23K
Разработка веб-сайтов *JavaScript *Интерфейсы *ReactJS *TypeScript *
Из песочницы

С каждым годом войти в IT становится всё труднее. За счёт высоких зарплат, комфортного образа жизни, амбиций, потребности в специалистах, сейчас чуть ли не каждый второй хочет стать программистом. За счёт этих факторов, рынок труда в IT перенасыщается, из-за чего потребности в навыках специалистов тоже выросли. Теперь от разработчиков даже требуют уметь программировать, я знаю, это ужасно...

Это не говорит о том, что сейчас в IT идти смысла нету, этот факт лишь говорит о том, что повысилась конкуренция. Я лично считаю, что такая ситуация наоборот благосклонно влияет на весь мир в целом, так как конкуренция порождает прогресс. А для вас это дополнительный стимул стать еще более востребованным специалистом и сильной личностью.

Читать далее
Всего голосов 14: ↑1 и ↓13 -12
Комментарии 25

Всё про USB-C: ноутбук Framework

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 11K
Блог компании RUVDS.com Интерфейсы *Производство и разработка электроники *Гаджеты Ноутбуки
Перевод

Если говорить о высококачественных реализациях USB-C, то на рынке существует продукт, обладающий целым рядом привлекательных сторон, основанных на этом стандарте. Его также можно привести в качестве блестящего примера правильной реализации USB-C. Речь идёт о ноутбуке Framework, в котором центральное место занимают платы расширения USB-C.
Читать дальше →
Всего голосов 76: ↑76 и ↓0 +76
Комментарии 13

Проектируем дизайн честного кредитного калькулятора

Уровень сложности Средний
Время на прочтение 6 мин
Количество просмотров 2.1K
Веб-дизайн *Интерфейсы *Дизайн
Туториал

Перед вами задача спроектировать калькулятор для банковского сервиса. Рассказываем, с чего начать, какие практики упростят работу пользователя и сделают калькулятор честным.

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

Как повысить качество данных при заполнении электронных форм

Время на прочтение 7 мин
Количество просмотров 1.6K
Блог компании ДОМ.РФ Анализ и проектирование систем *Интерфейсы *

Привет, Хабр! Сегодня поговорим про способы упрощения клиентского пути приложений посредством использования подсказок при заполнении данных об адресах и реквизитах организаций, а также рассмотрим опыт подключения сервиса «Подсказок» от DaData к электронной форме документа. И сравним использование «Подсказок» по адресам и адресных справочников Федеральной информационной адресной системы (ФИАС). Через тернии к звездам ведет Алена Сычева, аналитик направления Аналитики «Цифровых технологий», ИТ-”дочки” ДОМ.РФ.  

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

Создание обертки геометрического ядра C3D для использования на разных языках и платформах

Время на прочтение 4 мин
Количество просмотров 580
Блог компании АСКОН Интерфейсы *CAD/CAM *C# *Математика *
Кейс

Одна из задач в разработке современных программных продуктов — снижение порога вхождения. Ее решением может быть, например, документация, снабженная большим количеством примеров, развитая техподдержка или возможность использования продуктов на нескольких языках программирования.

Рассмотрим процесс создания обертки для библиотеки геометрического ядра C3D Labs.

Читать далее
Всего голосов 4: ↑3 и ↓1 +2
Комментарии 0

«Спасайтесь, в группах дети!» и другие истории о специфике модерации отдельных групп респондентов

Уровень сложности Простой
Время на прочтение 15 мин
Количество просмотров 1K
Блог компании ПСБ Интерфейсы *Usability *Дизайн
Туториал

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

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

Заметки модератора на полях про мой опыт: 12 неполных лет в качественных исследованиях (GfK, Ipsos) + год в банке. Из них 5 лет в финтех-рисече и 2 года в UX. Итак: финтех, банковская сфера, продуктовые in-house исследования.

С кого же мы начнем?
Всего голосов 7: ↑6 и ↓1 +5
Комментарии 0

[Business English] Ляпы на сайтах и в продуктах крупных компаний

Время на прочтение 3 мин
Количество просмотров 2.6K
Интерфейсы *Usability *Локализация продуктов *Копирайт Изучение языков
Обзор

От неточностей в текстах не застрахованы даже самые крупные компании. Ляпы можно встретить везде — в корпоративных документах, промо‑роликах, на сайтах, в презентациях… Иногда это недосмотр по невнимательности, а иногда — проявление вопиющей непрофессиональности.

В этом посте я разберу конкретные примеры. Думаю, некоторые из них вас удивят.

***

Хуже всего, когда в корпоративных текстах встречаются грамматические ошибки — неправильное употребление времен, некорректное склонение по числу/роду и т. п.

Взгляните на этот скриншот из Zoom:

Читать далее
Всего голосов 9: ↑6 и ↓3 +3
Комментарии 14

Всё про USB-C: высокоскоростные интерфейсы

Уровень сложности Средний
Время на прочтение 12 мин
Количество просмотров 8K
Блог компании RUVDS.com Интерфейсы *Производство и разработка электроники *Гаджеты Компьютерное железо
Перевод

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

Возможность получения высокоскоростного интерфейса через USB-C называется Alternate Mode (альтернативный режим), или коротко «altmode». Сегодня можно встретить три варианта altmode – это USB3, DisplayPort и Thunderbolt. При этом некоторые, например HDMI и VirtualLink, канули в лету, а другие, например USB4, только собираются появиться на свет. Для большинства альтернативных режимов требуется цифровая коммуникация через USB-C, предполагающая передачу определённых сообщений по каналу Power Delivery (PD). Тем не менее способны на это не все, и самым простым примером является USB3. Давайте разберём, что же лежит в основе альтернативного режима.
Читать дальше →
Всего голосов 60: ↑60 и ↓0 +60
Комментарии 2

Из дизайнера в инженеры: как спроектировать сложный интерфейс, если никто не знает, что должно получиться в итоге

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 3.9K
Интерфейсы *Usability *
Кейс

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

В статье делимся своим опытом как действовать дизайнерам при проектировании уникальной и сложной системы.

Читать далее
Всего голосов 14: ↑13 и ↓1 +12
Комментарии 5

Всё про USB-C: введение для электронщиков

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 15K
Блог компании RUVDS.com Интерфейсы *Производство и разработка электроники *Гаджеты Компьютерное железо
Перевод

Прошло уже почти пять лет, как во всевозможных устройствах начали появляться порты USB-C. Это стандарт, за рамки которого могут выходить многие производители и электронщики. Поначалу существовало много путаницы относительно того, что он в себе несёт, и всяческие отклонения со стороны производителей некоторых людей отталкивали. Однако теперь USB-C уже прочно вошёл в нашу жизнь, и я хочу показать вам, как именно этот стандарт используется, чего могут ожидать от него пользователи, а что он способен предложить электронщикам.
Читать дальше →
Всего голосов 53: ↑53 и ↓0 +53
Комментарии 17

Роботрон. Как восстановить клавиатуру из 1987г. для чайников

Время на прочтение 13 мин
Количество просмотров 11K
Блог компании Timeweb Cloud Интерфейсы *Программирование микроконтроллеров *Старое железо DIY или Сделай сам
Туториал

Очень давно на Хабре мною была прочитана статья о механических клавиатурах, свичах их разновидностях и всём таком. Естественно мне захотелось причаститься к секте кнопкопоклонников и сделать свою также для себя же. Но вместе с тем я не хотел кидаться с места в карьер неизведанных знаний (да и куча других незавершённых проектов давила на совесть) и решил потренироваться сначала «на кошечках». Желание засело в мозгу, запрос был сформирован, отослан в ноосферу и осталось только ждать.

И вот однажды «кошечки» ко мне постучались сами…
Читать дальше →
Всего голосов 95: ↑95 и ↓0 +95
Комментарии 66

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