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

Интерфейсы *

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

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

Quick & worldwide: как мы ускорили DocLoc-релизы и апдейты для 34 локализаций

Уровень сложности Средний
Время на прочтение 11 мин
Количество просмотров 1.2K
Наши потребительские мобильные продукты уникальны тем, что распространяются в более чем 100 странах на 34 языках — возможно, рекордное значение в российской IT-индустрии. В основном лишь считанные продукты отдельных компаний переводятся на десяток-другой языков; у нас же масса флагманов, которые переводятся на все 34. И конечно, если бы мы в группе разработки документации и локализаций (Doc&Loc) переводили каждую локаль «от корки до корки» по отдельности и никак это не оптимизировали, то пожалуй, никаких рекордов бы не было.

image

Меня зовут Никита Авилов, я — технический писатель в группе Doc&Loc Mac & Mobile «Лаборатории Касперского». В этой статье расскажу, как именно мы выстроили работу внутри команды, а также кроссфункциональное взаимодействие с другими подразделениями, чтобы меньшими усилиями раскатывать наши продукты на такое количество локалей.
Читать дальше →
Всего голосов 17: ↑17 и ↓0 +17
Комментарии 3

Эта статья опубликована в прошлом году

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 9.5K

Здравствуйте, меня зовут Дмитрий Карловский, и я.. буквально только что написал эту статью. Ну, на самом деле вчера. А если точнее, то в этом году. Удачи вам понять когда же именно.

Далее вашему вниманию представлен чуть более подробный, но всё же бесчеловечный анализ этого вопроса..

Так когда же именно?
Всего голосов 64: ↑49 и ↓15 +34
Комментарии 78

Зачем вам эмоциоанльный дизайн

Уровень сложности Простой
Время на прочтение 8 мин
Количество просмотров 3.8K

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

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

Те, кто давно в дизайне интерфейсов, наверняка наблюдали перевоплощения роли дизайнера, которые влияли на их зарплату: веб-дизайнеры, UI/UX, продуктовые и теперь даже growth. Вроде достаточно, зачем нам ещё эмоциональные? Или это опять перевоплощение? Продуктовым дизайнерам надо переживать?

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

Читать далее
Всего голосов 17: ↑15 и ↓2 +13
Комментарии 21

Анти-легаси архитектура для UI приложений

Время на прочтение 8 мин
Количество просмотров 6.5K

В предыдущих статьях мы пришли к выводу, что для того, чтобы UI‑код не превращался в легаси, нам нужно отделить представление от бизнес‑логики и немного иначе, чем это делают Redux и Elm, так как оба подхода не позволяют сделать это полностью.

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

React view как чистая функция состояния

React изменил наш подход к пользовательскому интерфейсу — его философия основана на простых, но мощных концепциях использования компонентов и однонаправленного потока данных.

Ещё считается, что React внес реактивность в пользовательский интерфейс, но это не так, так как шаблоны MVVM и фреймворки, которые сильно полагаются на реактивность, были введены раньше React. (Knockout и Angular с двойным биндингом данных, Ember.js Observable)

Эти концепции делают UI разработку не только интуитивнее, но и объединяют дизайн и разработку в одном инфополе. Кстати, Elm тоже полагается на подобные концепции и использует чистые композируемые функции представления без состояния.

Читать далее
Всего голосов 11: ↑10 и ↓1 +9
Комментарии 5

Истории

Как использовать html-элемент <dialog>?

Уровень сложности Средний
Время на прочтение 11 мин
Количество просмотров 16K

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

В своей работе я часто создаю собственные или использую уже готовые UI-компоненты. Проблема с такими компонентами заключается в том, что они часто ограничены определённым фреймворком, и их реализация требует написания сложной нестандартизированной логики. В течение долгого времени для базовых UI-компонентов, таких как диалоговые окна, использовались самописные решения, а в тяжёлых случаях и встроенные в JavaScript методы alert(), prompt() и confirm().

Отличная новость в том, что такой компонент можно реализовать с использованием нативного HTML-элемента <dialog>, который встроен в стандарт HTML5 и работает одинаково во всех современных браузерах.

Давайте познакомимся с возможностями <dialog> поближе.

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

Интернационализация от i до n: как мы переводим интерфейсы в Фантехе Яндекса

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 3.7K

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

В этом посте расскажу:

какие именно решения для интернационализации фронтенда мы разрабатываем;

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

о проблемах переводов в современных реалиях.

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

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

Тирания маргинального юзера. Почему всё вокруг становится примитивнее

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 53K


C каждым годом софт требует всё больше ресурсов: больше памяти, мощного CPU, аппаратного ускорения графики и т. д. Причина в целом понятна. Постоянные тормоза веб-платформы и нового софта — отчасти плата за удобство разработки (с повышением уровня абстракций). Железо становится мощнее, индустрия это использует. Всё нормально.

Но непонятно другое. Почему происходит реальная деградация интерфейсов. Грубо говоря, почему они становятся всё более примитивными и тупыми, словно рассчитаны на жителей «Идиократии» (на КДПВ). И речь не только о веб-сайтах.
Читать дальше →
Всего голосов 176: ↑162 и ↓14 +148
Комментарии 596

Подход, который помог нам точно оценить трудозатраты на разработку дизайн-системы

Уровень сложности Простой
Время на прочтение 9 мин
Количество просмотров 2.4K

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

Меня зовут Александр Самсонов, я руководитель отдела UX в СберТехе. Вместе с командой работаю над продуктом Platform V UK Kit — дизайн-системой React-компонентов корпоративного масштаба. Расскажу, как мы начали оценивать затраты ресурсов при разработке дизайн-системы, и как метод помог нам лучше планировать работу, точно отвечать на вопросы и не выглядеть в глазах бизнеса нервными белыми воронами в чёрных толстовках.

Читать далее
Всего голосов 16: ↑15 и ↓1 +14
Комментарии 7

Обзор Helm Dashboard — графического интерфейса для управления Helm-релизами в Kubernetes

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 8.1K

Часто разработчики предпочитают использовать именно визуальные средства, чтобы более эффективно управлять Helm-релизами в Kubernetes. Один из таких инструментов — Helm Dashboard. С его помощью можно самостоятельно создавать, развертывать, обновлять различные Helm-релизы Kubernetes-приложений и отслеживать их состояние.

В этой статье мы рассмотрим возможности и преимущества Helm Dashboard и разберем, как он может упростить задачи по управлению Helm-релизами в Kubernetes. Я расскажу про основные функции и интерфейс пользователя и покажу примеры использования этого инструмента.

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

Как исследовать текст в интерфейсе

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 3.5K

Привет! Меня зовут Анна Мурашова, я UX-исследователь М.Тех (М.Видео-Эльдорадо). Не будет преувеличением, если скажу, что текст в интерфейсе — это самый важный тип контента на наших сайтах и в мобильных приложениях. Благодаря тексту пользователи:

подбирают товары по характеристикам — а именно на характеристики в первую очередь ориентируются при покупке техники и электроники;

получают информацию о цене и способах оплаты;

узнают о том, какие товары включены в акцию, какова механика этой акции;

и многое другое, о чём уместнее всего сообщить текстом.

При этом восприятие текста пользователями может отличаться от изначальной задумки автора. Как это исправить? Тестировать разные варианты! В этой статье я собрала способы, как это можно сделать.

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

Управление сервером для домохозяйки. Чего не умеет ispmanager

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 8.7K
Настройки доменных имён в ispmanager

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

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

В общем, хотим сказать пару слов о ispmanager — коммерческой панели управления хостингом. Оказывается, некоторые вещи в графическом интерфейсе действительно можно сделать быстрее, чем из консоли. Хотя кое-что она не умеет (и никогда не научится).
Читать дальше →
Всего голосов 42: ↑39 и ↓3 +36
Комментарии 16

Продолжаем изучать аппаратные возможности расширения Микротик RBM33G

Время на прочтение 17 мин
Количество просмотров 6.5K
В своей предыдущей статье я рассказал о возможностях расширения «обвеса» Микротик RBM33G и некоторых особенностях этой платы, в частности интегрированном GPIO-интерфейсе. Я не остановился на достигнутом и продолжил свои опыты, чем и хочу поделиться с читателем. Модули реле через GPIO мы уже подключали к роутеру в предыдущей статье, повторяться не буду. Опишу некоторые другие плюшки.

Чтобы использовать GPIO, в предыдущей статье мы отключали его от второго (serial1) последовательного порта RBM33G. Первый (serial0) порт по умолчанию занят консолью для подключений через DB9-разъем на лицевой панели платы. Предлагаю на время вернуть настройку serial1 по умолчанию:

/system routerboard settings set gpio-function=serial1

Чтобы изменения вошли в силу, нужна перезагрузка:

/system reboot

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

Как Visual Studio могла бы выглядеть с новым меню: делюсь GUI-шаблоном

Время на прочтение 7 мин
Количество просмотров 20K

Доброго времени года, уважаемые хабровчане! Я занимаюсь разработкой десктоп‑приложений с 2008 года. Наша компания делает специализированные продукты из области ЦОС (DSP), и GUI выглядит как нечто среднее между AutoCAD, Total Commander и Visual Studio. Не для домохозяек. Без видеоуроков и прочих туториалов особо не попользуешься.

В какой‑то момент мы пришли к необходимости полностью переработать меню наших приложений. Стало очевидно, что классическое меню в связке с панелью инструментов — это не лучшее решение. Когда количество уникальных функций (команд уровня меню) перевалило за сотню, то количество переросло в качество: пользователям стало все сложнее находить для себя требуемый, минимально достаточный work set. Особенно тяжко было новым пользователям. Хоть мы в исправности поставляли и видео‑уроки, и прочие туториалы, это не сильно помогало, поскольку далеко не каждый пользователь был согласен в них залезать. В общем, мы поставили себе задачу понизить порог входа в мир наших продуктов за счет изменения концепции меню.

И тут оказалось (внезапно), что развитие GUI в мире десктопа фактически стоит на паузе. Никто ничего нового особо не предлагает. Я пытался найти в окружающем мире какие‑то интересные gui‑шаблоны. Искал в литературе, искал в дистрибутивах известных desktop‑продуктов, поглядывал и на мобилки. Но нигде не нашел. Весь мир был слишком занят мобильной и веб‑разработкой. А гиганты десктопа (Adobe, Microsoft) были слишком связаны принципом «не трогай, если работает» (ну, или просто погрязли в собственном спагетти‑коде). Наконец, я перестал кого‑то ждать и сам сел за решение. И я его придумал и внедрил в нашу продуктовую линейку. И теперь хочу поделиться им с вами.

Чтобы мое решение было проще понять, я не буду его описывать на примере наших, узкоспециализированных программных продуктов ЦОС. Я просто покажу, как будет выглядеть всем известная среда разработки Microsoft Visual Studio, если применить к ней мой принцип формирования меню приложения.

Читать далее
Всего голосов 26: ↑24 и ↓2 +22
Комментарии 31

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн

Что можно улучшить в своем приложении? Крадем как художники у Яндекс.Еды

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 3.2K

Статья для тех, кто делает приложения для себя или заказчика. Особенно если вы из horeca.

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

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

Разработка и тестирование целочисленного сумматора с AXI-Stream интерфейсами. Часть 5

Уровень сложности Средний
Время на прочтение 13 мин
Количество просмотров 1.2K

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

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

OmniFusion: выходим за границы текста

Уровень сложности Сложный
Время на прочтение 5 мин
Количество просмотров 4.2K

Кто-то ещё сомневается, что в мире машинного обучения происходит революция? Уверен, мы являемся свидетелями преобразования привычного взаимодействия с данными, поиска информации, да и вообще работы как таковой. Ведь умные ассистенты (ChatGPT, GigaChat, Bard) готовы взять на себя даже самые сложные задачи.

Но не всегда возможно сформулировать проблему в виде текстового запроса, иногда требуется информация из других “модальностей” — картинка, звук, 3D и тд. Ниже я разберу какие именно есть способы соединения больших языковых моделей (LLM) с дополнительными форматами данных, а также опишу как устроена наша новая модель OmniFusion.

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

Не нужно блокировать кнопки

Время на прочтение 2 мин
Количество просмотров 5.2K
Одна из наиболее распространенных проблем доступности, которую я нахожу (и исправляю) в проектах своих клиентов – это динамическое блокирование кнопок в формах после отправки последних. Сегодня я хотел бы рассказать, почему разработчики так делают, почему это не работает и что нужно делать вместо этого. Давайте разбираться!
Читать дальше →
Всего голосов 22: ↑19 и ↓3 +16
Комментарии 9

Интеграция UX опросов в процесс разработки продукта

Уровень сложности Средний
Время на прочтение 10 мин
Количество просмотров 2.3K

Улучшение и оптимизация UI/UX – это не только об удобстве и привлекательности для пользователя. Это также о значительном увеличении конкурентоспособности и о возврате инвестиций. Компании, которые вкладывают в разработку качественного пользовательского интерфейса и опыта, как правило, видят значительный рост продаж и улучшение общего взаимодействия с клиентами​​.

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

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

Машиносоциальная инженерия — как мы воспринимаем девайсы (спойлер: как людей) и что заставляет нас им доверять

Уровень сложности Средний
Время на прочтение 9 мин
Количество просмотров 1.1K

Привет! Меня зовут Иван Савчук, я менеджер по развитию в стартапе АТОМ. Департамент, в котором я работаю, занимается дизайном опыта взаимодействия человека с автомобилем, иначе говоря – проектированием Human-Machine Experience. Сегодня я хочу рассказать о том, какие сведения о доверии людей к технологиям мы используем в нашей работе.

Жизнь меняется. Автомобили тоже

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

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

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

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

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

Как мы перешли на кроссплатформенность в середине проекта и успели в срок

Уровень сложности Средний
Время на прочтение 10 мин
Количество просмотров 4.3K

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

Мы — это ведущий дизайнер СберМаркета Настя Винокурова, продуктовый дизайнер Катя Вороненко и вся наша команда. Если кратко, это было так:

Читать далее
Всего голосов 18: ↑15 и ↓3 +12
Комментарии 7

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