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

Интерфейсы *

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

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

Программа для распознавания текста и перевода AssistAnt

Программирование *Интерфейсы *C# *

Хорош ли ваш английский? Мой – нет. По крайней мере точно недостаточно, чтобы обходиться без переводчика в играх.
Недолгий поиск бесплатных программ в интернете мне не помог. Возможно, я просто плохо искал :) Но когда я поймал себя на мысли, что сейчас возьму в руки сотовый и буду переводить экран с помощью камеры, я понял, что пора спасаться. И путь к спасению - сделать переводчик самому.
Я нашел широко известную в узких кругах программу распознавания текста Tesseract OCR и свободное API для Google Translate. В результате получилась программа, которая может на лету переводить выделенную надпись на экране. Выглядит это примерно так: вы зажимаете горячую клавишу Win+Alt и прямоугольной областью выделяете часть изображения, где находится непонятный текст. Область выделяется, только пока зажата горячая клавиша. Вуаля – перед вами перевод во всплывающей подсказке!

Читать далее
Всего голосов 12: ↑11 и ↓1 +10
Просмотры 2.7K
Комментарии 33

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

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

Рынок доставки еды один из самых перспективных в России. В 2020 году произошел глобальный переворот в восприятии онлайн-покупок. То, что прежде воспринималось как прихоть или экстренная мера, теперь стало обыденностью. Если раньше предпочитали посещение ресторанов и приготовление домашних блюд, то сегодня в почете доставка. Уже каждый 10-ый ресторан страны следует этому тренду. Несмотря на кризис в 2022 года, рынок продолжает расти, хоть уже и более спокойными темпами.

Подробнее изучить этот вопрос решили дизайнеры студии Focus.

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

Православные NGFW. Сравнение отечественных МСЭ нового поколения

Блог компании ICL Services Информационная безопасность *IT-инфраструктура *Интерфейсы *IT-эмиграция

После ухода большей части вендоров мирового уровня многие столкнулись с проблемой выбора отечественных решений. Так как за последние пару лет мне довелось поработать с несколькими российскими NGFW/UTM, я решил сделать сводную таблицу для их удобного сравнения в рамках различных проектов, а потом и добавить оставшиеся решения. И вот уже у нас на руках весьма подробный материал, которым и поделюсь здесь.

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

Будьте другом своему пользователю, пишите осмысленные сообщения об ошибках

Интерфейсы *Usability *Дизайн мобильных приложений *
Перевод
Сообщения об ошибках — повседневная часть нашей онлайн-жизни. Каждый раз, когда лежит сервер, или у нас отключился Интернет, или мы забыли ввести в форму обязательную информацию, мы получаем сообщение об ошибке. Классика — это «Что-то пошло не так». Но что пошло не так? Что произошло? И самое важное: как мне это исправить?


Примерно год назад наша команда разработчиков Wix внезапно осознала, что мы слишком часто не даём пользователям ответы на эти вопросы. Когда мы это поняли, то начали действовать быстро и решать проблему не только с тем сообщением, которое заставило нас задуматься.

Так начался Errorgate 2021.

Всего за месяц мы изменили тысячи сообщений об ошибках в Wix.

Чтобы выполнить этот проект, нам сначала нужно было определиться с тем, что же считать плохим сообщением об ошибке, а что хорошим.
Читать дальше →
Всего голосов 15: ↑15 и ↓0 +15
Просмотры 2.7K
Комментарии 4

История миграции с GDrive на Я.Диск

Интерфейсы *

Сервисами Google я очень активно пользуюсь уже лет 20.

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

Ни один из сервисов не вызвал полного удовлетворения. Такое впечатление, что делается все по принципу "хренак-хренак и в продакшен", UI/UX тестирование не проводится, сами своими сервисами не пользуются, на крики помощи бедолаг-пользователей плевать

Ну ладно, начинаем переезд

Начал я с покупки целого террабайта, поставил мобильное приложение под Android и включил синхронизацию фото (~200Gb) и стал ждать

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

Через три дня я открыл WEB версию на ПК и решил разложить по альбомам

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

В октябре 2022 у меня закончилась подписка на GOne, которую я не смог продлить, ввиду нахождения в РФ.

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

Чтобы не лишится гигабайтов данных решил мигрировать на православный Я.Диск

Читать далее
Всего голосов 59: ↑49 и ↓10 +39
Просмотры 13K
Комментарии 74

Как прокачать исследователя через карту компетенций в духе RPG

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

Привет! Мы продуктовые исследователи Alfa Research Center (ARC). Два года назад мы создали карту компетенций. Чтобы процесс шёл веселее, а рост по грейду увлекал сотрудников не меньше RPG, мы добавили геймификацию и дизайн с супергероями. Рассказываем, как приобрести такой же игровой опыт.

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

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

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

Проектируем интерфейс оплаты картой: 129 гайдлайнов

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

В этой статье мы разберем, что стоит учесть при проектировании интерфейса оплаты банковской картой онлайн.

Как всегда, детально и с примерами.

Контент основан на анализе интерфейсов оплаты картой у 100 ведущих российских интернет-магазинов.

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

Как дизайн влияет на метрики: показываем на примере личного кабинета врача

Блог компании СберЗдоровье Интерфейсы *Дизайн

Привет! Я Даша Почекуева, дизайнер в СберЗдоровье. В последние полтора года я работаю над  личным кабинетом врача телемедицины — платформой, на которой врачи СберЗдоровья общаются с пациентами.

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

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

Поехали
Всего голосов 11: ↑10 и ↓1 +9
Просмотры 3.9K
Комментарии 11

Проектируем интерфейс корзины в интернет-магазине: 138 гайдлайнов

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

Вы часто встречаете интернет-магазины, в которых нет корзины? Наверное, нет – корзина есть практически у всех, и через нее проходит практически весь трафик.

Разбираем 138 гайдлайнов в этой статье.

Как сделать работу с корзиной максимально удобной для клиента?

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

Как отобразить таблицу на экране мобильного устройства: решения

Веб-дизайн *Интерфейсы *Usability *Дизайн
Из песочницы

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

Читать далее
Всего голосов 61: ↑60 и ↓1 +59
Просмотры 11K
Комментарии 17

7 CX выводов о том, как помочь пользователю в выборе полиса ДМС

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

В феврале и августе 2022 мы провели сравнительное исследование сайтов страховых компаний, чтобы выяснить, где проще и быстрее подобрать полис ДМС для физических лиц. В нашу выборку вошли сайты СберСтрахование, Ингосстрах, АльфаСтрахование и РЕСО-Гарантия. В рамках исследования мы замерили метрики, узнали, какие барьеры, драйверы и ожидания возникают при подборе пользователем полиса. 

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

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

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

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

Сортировка – мощная функция, вместе с фильтрами помогающая клиенту легче найти то, что он искал. При этом ей часто отводится «роль второго плана» и уделяется меньше внимания.

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

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

Трудности перевода в разработке: как делать интернациональные проекты и говорить с пользователями на одном языке

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

В современных приложениях и сервисах часто нужна интернационализация (i18n, от англ. internationalization). Она позволяет создавать интерфейсы с учётом культурных и языковых особенностей пользователей из разных стран. Это требует не только простого перевода, но и некоторых технических решений, порой довольно сложных.

Меня зовут Володин Сергей, я работал руководителем команды разработки VK WorkMail. Сегодня расскажу о том, как инфраструктура переводов позволяет поддерживать 10 языков в нашем продукте и какие технические нюансы стоит учитывать при работе с разными языками. Интернационализация интерфейсов — довольно комплексная и непростая история, хотя на первый взгляд может показаться не слишком приоритетной задачей. Более того, о ней нужно начинать думать в самом начале разработки, чтобы впоследствии не наломать дров.

Читать далее
Всего голосов 38: ↑37 и ↓1 +36
Просмотры 2.1K
Комментарии 5

Истории

Смешать, но не взбалтывать: добавляем видеообложки в ленту товаров

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


Привет, Хабр! Меня зовут Соня, я продуктовый дизайнер в Ozon. И сегодня я расскажу, как мы увеличили конверсию из просмотра поисковой выдачи в переход в карточку товара на 24%.

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

Видео стало важным помощником, например, при поиске одежды, демонстрируя то, как вещь сидит и ведёт себя при движении человека. Обычно такие ролики добавляют только в карточку товара. 

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

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

Ещё раз про умный дом

Java *Интерфейсы *C *Программирование микроконтроллеров *Инженерные системы *
Из песочницы

Представляю программно-аппаратный проект: локальную сеть умный дом с акцентом на режим охраны. В качестве управляющего устройства используется сотовый телефон с ОС Android версией не ниже 5.0. Через кабель USB телефон подключен к устройству USB/RS485. Для питания всей системы используется блок бесперебойного питания . Узлы управления сбором информации от датчиков и управления исполнительными устройствами реализованы на микросхемах ESP 32. Обмен информацией и питание внешних устройств производится через сетевой кабель. Управляющее устройство (телефон) периодически опрашивает узлы сети и если есть информация от датчиков, в зависимости от настроек, передает сообщения либо в виде SMS, либо в TELEGRAM. А если получена SMS – команда она передается для исполнения на ВУ. Также возможна автономная работа по заложенным сценариям.

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

Проектируем фильтры в листинге товаров интернет-магазина: 155 гайдлайнов

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

Почти всегда фильтры – неотъемлемая часть листинга товаров. Без них мы просто заблудились бы в большинстве интернет-магазинов. И от того, насколько хорошо они спроектированы, сильно зависят конверсия и удовлетворенность клиентов.

Сегодня поговорим о проектировании функционала фильтрации – как всегда, детально и со множеством примеров.

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

Работа в нотном редакторе MuseScore. Часть 5.1

Интерфейсы *Звук

Элементарная нотная запись в виртуальных партитурах

Название MuseScor несмотря на облагороженный перевод: "нотный редактор", "набор партитур" в буквальном прочтении означает набор музыки с помощью нотного письма.

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

Вывод интерфейсных разъемов телевизора

Интерфейсы *Прототипирование *Производство и разработка электроники *Электроника для начинающих

Приветствую, Хабр!

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

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

Проектируем блоки допродажи и cross-sell на странице товара в интернет-магазине: 19 идей и 53 гайдлайна

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

Подборки допродажи на странице товара позволяют увеличивать средний чек, а блоки cross-sell помогают клиенту найти то, что ему нужно и не уйти с сайта без покупки.

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

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

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