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

Интерфейсы *

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

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

Опасность редизайна для позиций вашего сайта

Веб-дизайн *Поисковые технологии *Интерфейсы *Управление e-commerce *
Recovery mode

Всегда ли обновление дизайна — это хорошо для сайта с точки зрения SEO? Нет, не всегда. Более того, часто редизайн влечет за собой ухудшение позиций. Так может, лучше не трогать то, что и так работает?

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

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

Новости

Защищайтесь! Советы по защите дизайна интерфейса перед заказчиком

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

Привет, меня зовут Маша Челоногова, я руководитель группы дизайна онлайн-сервисов в Lamoda. Сейчас мы расширяем команду, проводим много собеседований и сталкиваемся с тем, что многих кандидатов заводит в тупик простой вопрос: умеете ли вы защищать свой дизайн?

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

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

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

Читать далее
Всего голосов 9: ↑8 и ↓1 +7
Просмотры 1.4K
Комментарии 1

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

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

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

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

Переделать Пуск
Всего голосов 56: ↑51 и ↓5 +46
Просмотры 60K
Комментарии 332

iPadOS в стиле Windows 95

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

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

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

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

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

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


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

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

Определение


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

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

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

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

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

Читать далее
Всего голосов 43: ↑42 и ↓1 +41
Просмотры 5.8K
Комментарии 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.

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

Читать далее
Всего голосов 50: ↑45 и ↓5 +40
Просмотры 7.4K
Комментарии 14

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

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


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


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

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

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

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

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

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

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

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

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

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

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

Читать далее
Всего голосов 10: ↑10 и ↓0 +10
Просмотры 3.2K
Комментарии 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.2K
Комментарии 30

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

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


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

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

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

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

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

Поехали
Рейтинг 0
Просмотры 986
Комментарии 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
Просмотры 978
Комментарии 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

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