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

Интерфейсы *

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

Сначала показывать
  • Новые
  • Лучшие
Порог рейтинга
  • Все
  • ≥0
  • ≥10
  • ≥25
  • ≥50
  • ≥100

Все нововведения Windows 11 21H2

Интерфейсы *Разработка под Windows *Софт
Перевод

Релизной версией Windows 11 стала версия 22000.194.co_release_svc_prod1.210911-1543, которая уже доступна для скачивания.

Windows 11 – это смесь пользовательских интерфейсов Windows 10X и Windows 10. Стартовый экран по умолчанию очень похож на стартовый экран из первой. И это первый Windows, который больше не распространяется в виде x86 ISO-образа.

Переделать Пуск
Всего голосов 46: ↑42 и ↓4 +38
Просмотры 39K
Комментарии 198

iPadOS в стиле Windows 95

Интерфейсы *
Из песочницы

Я решил нарисовать интерфейс, который объединяет стиль Windows 95 и логику управления из IPadOS. До меня (по крайней мере, я не встречал подобных концептов).

Как в оригинальном айпаде, сверху находятся часы, трей и индикаторы Wi-Fi. Снизу находится док, где слева расположены, закрепленные в док, приложения, а справа - запущенные приложения (которые не закреплены в док). По центру сетка приложений и виджетов.

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

Иммерсивный дизайн

Интерфейсы *Usability *Разработка под AR и VR *Дизайн AR и VR


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

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

Определение


Сам термин может достаточно широко трактоваться, но в работе с интерактивными технологиями и конкретно VR/AR под ним подразумевается создание систем погружения и взаимодействия как в виртуальной, так и реальной среде, а также по выстраиванию связи между ними.
Читать дальше →
Всего голосов 4: ↑3 и ↓1 +2
Просмотры 1.3K
Комментарии 2

Приемы оптимизации веб-графики в 2021 году

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

Привет, Хабр!

Сегодня я хотел бы рассказать о ряде практик, позволяющих оптимизировать загрузку и отрисовку изображений на сайте. Давайте рассмотрим, что мы может сделать на сегодняшний день помимо стандартных методик (компрессии и кеширования на клиенте).

Читать далее
Всего голосов 43: ↑42 и ↓1 +41
Просмотры 5.2K
Комментарии 23

Как мы сделали доступными все технологии Сбера на единой платформе: итоги первого года работы SmartMarket

Блог компании Сбер Программирование *Интерфейсы *IT-компании Голосовые интерфейсы

Год назад, в сентябре 2020 года команда SberDevices выпустила семейство виртуальных ассистентов Салют. В семействе три персонажа — Сбер, Афина и Джой. Они доступны на умных устройствах Sber, устройствах под управлением Салют ТВ и в мобильных приложениях СберБанк Онлайн и Сбер Салют.

Вместе с этим запуском мы запустили первую версию платформы SmartMarket. С инструментами SmartMarket внешние разработчики и бизнес получили возможность создавать приложения для виртуальных ассистентов Салют. 

Иван Смирнов, руководитель NLP-Platform и SmartMarket рассказывает, как мы собрали вместе инструменты и технологии Сбера и к чему удалось прийти за год.

Читать далее
Всего голосов 9: ↑3 и ↓6 -3
Просмотры 1.8K
Комментарии 3

Jetpack Compose — как легко построить UI на Android

Блог компании FUNCORP Разработка мобильных приложений *Интерфейсы *Разработка под Android *Kotlin *

В июле этого года вместе с Android Studio Arctic Fox вышла одна из долгожданных библиотек — Jetpack Compose. Она позволяет создавать пользовательский интерфейс в декларативном стиле и обещает быть революцией в построении UI.

Разбираемся, так ли это на самом деле, какие у библиотеки преимущества и недостатки. Подробности — в статье.

Читать далее
Всего голосов 49: ↑44 и ↓5 +39
Просмотры 7.2K
Комментарии 14

Адаптивный layout — как переверстать весь проект, не перевёрстывая его

Блог компании Mail.ru Group Разработка веб-сайтов *JavaScript *Интерфейсы *


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


Всем привет! Меня зовут Юрий Голубев, я разрабатываю frontend в Почте Mail.ru. Сегодня я хочу поделиться опытом того, как мы добавили адаптивности и возможности кастомизации в интерфейс, а заодно — открыли новый для себя способ написания адаптивных компонентов.

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

Webix SpreadSheet. Полноценная web альтернатива десктопного Excel?

Разработка веб-сайтов *JavaScript *Программирование *Интерфейсы *HTML *
Tutorial

Продолжая тему постепенного перехода от десктопного софта к аналогичным онлайн сервисам, в этой статье я хочу рассказать вам о виджете, который способен потягаться с его величеством "Excel". Речь пойдет о весьма необычном JavaScript решении для полноценной работы с электронными таблицами, которое гибко настраивается и легко интегрируется в любое окружение. Давайте разбираться что же представляет собой SpreadSheet и так ли он хорош на самом деле.

Узнать подробнее
Всего голосов 8: ↑7 и ↓1 +6
Просмотры 3.6K
Комментарии 19

Разбор тестовых заданий на стажировку в UX-редакцию Авито

Блог компании Авито Интерфейсы *Контент-маркетинг Карьера в IT-индустрии

Привет! Я Юля Трусова, старший UX-редактор в Авито. В этом году мы снова набирали стажёров, которые будут писать интерфейсы, лендинги, рассылки и многое другое.

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

Осторожно — много картинок!

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

Быстрый, мощный интерфейс на Python

Блог компании SkillFactory Python *Программирование *Интерфейсы *C *
Перевод
Tutorial

Dear PyGui принципиально отличается от других фреймворков GUI Python. Рендеринг на GPU, более 70 виджетов, встроенная поддержка асинхронности — это лишь некоторые возможности Dear PyGui. Руководством по работе с этим пакетом делимся к старту курса по разработке на Python.

Читать далее
Всего голосов 63: ↑60 и ↓3 +57
Просмотры 34K
Комментарии 40

Микроконтроллер + компьютер + своё программное обеспечение

C++ *Интерфейсы *Программирование микроконтроллеров *Гаджеты DIY или Сделай сам
Из песочницы
Tutorial

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

Читать далее
Всего голосов 19: ↑13 и ↓6 +7
Просмотры 9.1K
Комментарии 30

Личный кабинет поставщика или на чем держится наша «бесконечная полка»

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


М.Видео-Эльдорадо продолжает развивать собственный маркетплейс бытовой техники и электроники, на котором уже представлено более 100 партнёров. Сегодня на онлайн-площадках и в магазинах 160 000+ товаров, что втрое больше, чем годом ранее. Быстрое расширение ассортимента, ИТ-поддержка, логистика, доставка, прием платежей и документация по всем процессам стали возможны благодаря проекту «Бесконечная полка» и созданию веб-платформы для поставщиков. По мере ее развития, мы будем рассказывать о ключевых технологических решениях.
Читать дальше →
Всего голосов 26: ↑26 и ↓0 +26
Просмотры 2.2K
Комментарии 6

Фасетные фильтры: структура и взаимодействие компонент

Анализ и проектирование систем *Интерфейсы *Разработка под e-commerce *

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

Мы используем vue, vuex, vue-route, поэтому дальше повествование будет в этом контексте. В основе взаимодействия лежат хуки компонент, хранилище состояния, роутер. Такую структуру можно воспроизвести на любом фреймворке с таким же составными частями.

Поехали
Рейтинг 0
Просмотры 981
Комментарии 0

Процедурные и диегетические приложения

Блог компании Alconost Разработка мобильных приложений *Интерфейсы *Дизайн мобильных приложений *Управление продуктом *
Перевод

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

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

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

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

Учиться на ошибках: 3 кейса, которые научили нас грамотно проектировать VUI

Интерфейсы *Usability *Искусственный интеллект Голосовые интерфейсы

Привет! Меня зовут Юля Мицкевич, я операционный директор команды дизайна и разработки разговорных продуктов TORTU компании KODE. 

Наша команда уже более 3 лет занимается проектированием и разработкой VUI: от чат-ботов и телефонных систем до виртуальных ассистентов. Мы помогаем бизнесу обрести свой голос. Активно участвуем в проектировании навыков для Сбера, Тинькофф, HeadHunter, Mail.ru Group, Delivery Club и других крупных компаний. Также развиваем профессиональное сообщество: ведём Telegram-канал 'Hey Voice!'

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

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

Запрос на стартап от Michael Seibel (Y Combinator)

Интерфейсы *Usability *Управление проектами *GTD *Развитие стартапа
Перевод
image


Майкл Сайбл — сооснователь (в 25 лет) стартапов Justin.tv/Twitch (капитализация $15 млрд) и Socialcam, член правления Reddit. Ex-CEO Y Combinator.

imageMichael Seibel: Я трачу много сил на управление вкладками на моем iMac — я хотел бы описать свою ситуацию и услышать, есть ли у кого-нибудь интересные решения/софт, которые могут помочь.

Сегодня мой рабочий стол организован таким образом, что все приложения для чата и приложение со списком дел располагаются друг над другом (стэком) в левой части экрана. Мои веб-браузеры занимают 60 процентов экрана посередине (также стэком). А приложение-блокнот занимает правые 15% экрана.

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

Проблема в том, что у меня слишком много документов, к которым мне нужно быстро обращаться несколько раз в день. Различные повестки дня, таблицы состояния, спецификации и т. д. И после определенного количества вкладок в каждом окне браузера невозможно увидеть заголовки документов.
Читать дальше →
Всего голосов 10: ↑3 и ↓7 -4
Просмотры 1.3K
Комментарии 2

Как сделать эффективное всплывающее окно, или Как убедить всех не делать всплывающие окна. Обзор исследований

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

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

Если исследования не помогут и всплывашку все равно решат делать, то в конце статьи есть данные о том, какие поп-апы работают лучше. 

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

Самая совершенная китайская пишущая машинка

Блог компании Timeweb Типографика *Интерфейсы *Локализация продуктов *Старое железо

На Хабре уже были статьи об истории набора на китайском: в эпоху механической печати не обойтись было без устройств с тысячами отдельных литер и вместо клавиатуры — указателем, перемещающимся в двух измерениях. Лишь в 1980-х, на закате машинописи, развитие микроэлектроники позволило создать китайскую пишущую машинку с привычной европейцу клавиатурой. Хотя посмотрите-ка на эту клавиатуру пристальнее: латинские буквы на клавишах заметно искажены, особенно N и M. Это легендарная китайская небрежность, или же искажённые формы букв несут глубокий смысл?

Читать далее
Всего голосов 43: ↑42 и ↓1 +41
Просмотры 7.8K
Комментарии 8

Процесс автоматизации UI-тестов в проекте DELL EMC XtremIO Management Server (XMS)

Блог компании Dell Technologies Тестирование IT-систем *Интерфейсы *
Всем привет! Вас приветствуют Игорь Харитонов и Иван Селиванов — уже более 2,5 лет мы трудимся вместе на должности QA-инженеров в проекте XtremIO Management Server (XMS) компании Dell Technologies. Сегодня мы хотим поделиться полным процессом организации и автоматизации тестирования WebUI-части с нуля, поскольку не нашли на просторах Интернета подробного описания процесса автоматизации и хорошего решения для настройки окружения под UI-автотесты.


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

Webix File Manager. Достойный web-аналог десктопного приложения

Разработка веб-сайтов *JavaScript *Программирование *Интерфейсы *HTML *
Tutorial

Тенденция последних лет говорит о том, что эпоха десктопных приложений, в их классическом понимании, доживает свои последние годы. Так же, как в свое время дискеты были вытеснены СD/DVD дисками, а на смену им пришли флешки и облачные технологии, так и настольные программы будут постепенно замещаться их более современными и практичными веб-аналогами. Об одном из таких аналогов я и хочу вам рассказать в этой статье.

Узнать подробнее
Всего голосов 10: ↑5 и ↓5 0
Просмотры 4.8K
Комментарии 32

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