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

Интерфейсы *

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

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

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

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

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

Читать далее
Всего голосов 39: ↑38 и ↓1+37
Просмотры6.5K
Комментарии 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.4K
Комментарии 3

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

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

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

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

Попробовать себя в проектировании интерфейсов для DAW-плагинов — помогут эти инструменты

Блог компании АудиоманияПрограммирование*Интерфейсы*Звук

Ранее мы уже рассказывали о библиотеках, заточенных под разработку алгоритмов синтеза и фильтрации аудио. Сегодня покажем утилиты, которые помогут нарисовать для них графический интерфейс с целью интеграции в цифровые звуковые рабочие станции (DAW). Под катом — о возможностях VSTGUI, Elements и Pugl.

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

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

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

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

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

Реверсим процесс выбора места в поезде в голове пассажира

Блог компании Туту.руИнтерфейсы*Транспорт


Мы сделали две вещи: отреверсили мышление пассажиров по выбору места в поезде (и самого поезда заодно) с точки зрения рационального выбора — и ещё обучили модель на фактически сделанных выборах наших пассажиров. Нужно это было для того, чтобы понять, как именно выбирают места люди, — и сразу предлагать те места, которые пассажир выбрал бы и сам, но через 3 минуты разглядывания разных вагонов.

Вот, посмотрите, вот так выглядит подсказка:



Здесь пассажиры едут вдвоём. Сначала выбирается самый свободный вагон, потом в нём не первое свободное купе (обычно в районе середины), затем в нём два места — нижние, если цена устроит, или верхние, если хочется со скидкой. Этот поезд без плацкартов, поэтому оба варианта купе.

Ну а дальше расскажу, как заполняется поезд, при каких обстоятельствах человек готов поменять нижнюю боковую на верхнюю обычную полку в плацкарте, куда и как садиться в сидячем вагоне при выборе места и так далее. Ну и заодно — зачем вообще люди ездят на поездах и что в каком случае важно. Иногда это знание полезно и будет помогать ехать в пустом купе при покупке верхней полки со скидкой, если поезд не очень населённый, — но нам было гораздо интереснее отследить именно мышление пассажира.
Читать дальше →
Всего голосов 40: ↑40 и ↓0+40
Просмотры8.5K
Комментарии 66

Accompanist — первый аккорд. Обзор библиотеки для Jetpack Compose

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

Обычно новым фреймворкам не хватает хороших примеров использования, туториалов и инструментов. Но не в случае с Jetpack Compose: параллельно с разработкой фреймворка Google развивал репозиторий, богатый на примеры использования. Вырисовывался набор полезных утилит, переиспользуемых виджетов и прочих удобств для разработки. 

Так из репозитория с примерами вырос Accompanist — набор библиотек для Jetpack Compose, которые можно добавить в свой проект как зависимость. В статье рассмотрим подробнее, какой инструментарий он предоставляет.

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

Webix UI и работа с формами. Пособие о том, как упростить жизнь разработчику

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

Будни типичного разработчика состоят из монотонных нажатий на клавиши и перерывов на кофе. Хорошим же считается тот программист, который может получить желаемый результат при минимальном количестве нажатий по клавиатуре. И речь здесь не идет о комбинации “Ctrl+C / Ctrl+V”, как вы могли подумать :) В этой статье я хочу вам рассказать о том, как сэкономить драгоценные время и нервы, если нужно написать красивую и функциональную форму для вашего приложения. Давайте разбираться как все устроено.

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

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

Узнать подробнее
Рейтинг0
Просмотры1.8K
Комментарии 0

Как количественные исследования помогают создавать продукты МойОфис

Блог компании МойОфисИнтерфейсы*Исследования и прогнозы в ITУправление продуктом*IT-компании

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

Часть компаний пренебрегает этим инструментом — те же опросы кажутся им чем-то неточным и малозначительным. Другие допускают ошибки в выстраивании процесса подготовки, анализе данных и обработке результатов. Все это мешает сделать продукт или сервис действительно полезным и удобным для конечного пользователя. Тем временем согласно данным CB Insights, именно невостребованность на рынке часто становится причиной провала современных стартапов (35% случаев).

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

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

Чтобы улучшить Госуслуги, нужна простая советская…

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

сода…команда неравнодушных людей! И это может быть непривычным. Потому что в сознании многих gosuslugi.ru — это что-то «чиновническое» и «бездушное», если угодно. Но на самом деле сотрудники портала — граждане страны, которые хотят сделать удобные и человечные сервисы для нас: тебя, меня, друзей и родных. Сейчас расскажем, как мы «очеловечиваем» портал.

Читать далее
Всего голосов 41: ↑34 и ↓7+27
Просмотры9.2K
Комментарии 74

Как сэкономить годы разработки при правильном направлении зависимостей

JavaScript*Интерфейсы*

Привет Хабр!

В данной статье я планирую развить тему важности умения "Программировать на уровне интерфейсов", а именно обсудить направление зависимостей. Это достаточно важная тема, так как только осознавая направленность зависимостей, можно спроектировать действительно гибкое и масштабируемое приложение (Данная статья является расшифровкой видео).

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

Важность человеческого фактора UX-дизайне

Разработка веб-сайтов*Интерфейсы*Usability*Тестирование веб-сервисов*Тестирование мобильных приложений*
Из песочницы
Перевод

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

Возможно, вы уже встречали термин «human factors design» в прошлом. Но что это такое?

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

Неправильный путь в backend driven UI. Доклад Яндекса

Блог компании ЯндексРазработка под iOS*Разработка мобильных приложений*Интерфейсы*Разработка под Android*
Архитектура современных приложений часто позволяет передавать логику между клиентом и бэкендом. Главное — не зайти в этих экспериментах слишком далеко. Разработчик iOS-приложения Авто.ру Сергей Сергеев объяснил, как его команда пришла к backend driven UI не самым легким способом.

— Всем привет. Я iOS-разработчик, но история будет кроссплатформенная.
Читать дальше →
Всего голосов 7: ↑4 и ↓3+1
Просмотры2.2K
Комментарии 3

[js] Программируйте на уровне интерфейсов

JavaScript*Интерфейсы*

Привет Хабр!

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

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

Машинное обучение в Excel при помощи Python и PyXLL

Блог компании SkillFactoryPython*Программирование*Интерфейсы*Машинное обучение*
Перевод
Tutorial

К старту курса о машинном и глубоком обучении делимся переводом статьи, автор которой показывает на практике, как модель машинного обучения может использоваться через Excel. Зачем это нужно? Компании больше и больше вкладывают в исследования и разработку моделей прогнозов; по мнению автора оригинала статьи, разработчика и основателя компании PyXLL доступ к ML-моделям через Excel открывает новые горизонты. Вы сможете показать модель пользователям Excel, у которых нет опыта программирования или широких знаний в области статистики. При желании можно создавать инструменты разработки и тренировки моделей полностью в Excel, например строить графы в TensorFlow. Весь исходный код из статьи доступен на GitHub.

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

Интерфейсы для встраиваемых устройств на современных Web-технологиях

Блог компании DataArtИнтерфейсы*Node.JS*Разработка на Raspberry Pi*Носимая электроника
Tutorial

Автор: Николай Хабаров, Principal IoT/IoMT Architect в DataArt

Начнем с того, что интерфейс необходим любому устройству. Ведь пользователю придется с ним взаимодействовать — значит, нужны какие-то кнопки, рычажки, лампочки или дисплей. Некоторые устройства подключаются через USB-кабель к компьютеру, на который нужно установить драйверы и специальное ПО для управления. Некоторые устройства, построенные на обычном железе для ПК, снабжены собственными дисплеями для демонстрации данных и контрольными панелями. В обоих случаях софт для них обычно пишут на сложных языках программирования вроде C++, а создание автономных или встраеваемых приложений для них требует от разработчика специальных навыков. Программное обеспечение для них, как правило, зависимо от операционной системы, и попытка апгрейда любого компонента устройства (например, замена дисплея на более совершенную модель) часто оборачивается серьезной проблемой.   

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

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

Автоматизация UI-тестирования в приложении Недвижимости на Android. Доклад Яндекса

Блог компании ЯндексРазработка мобильных приложений*Интерфейсы*Разработка под Android*Тестирование мобильных приложений*
Чем больше процессов тестирования автоматизированы, тем эффективнее релизный пайплайн и тем быстрее пользователи получают новые возможности в сервисе. Руководитель Android-разработки Яндекс.Недвижимости Александр Рогов вспомнил, как эволюционировало UI-тестирование в его команде, как разработчики пришли к идее автоматизации, почему использовали фреймворк Espresso, с какими проблемами столкнулись и что в итоге получили.

— Начать хотелось бы с небольшого исторического экскурса.
Читать дальше →
Всего голосов 9: ↑8 и ↓1+7
Просмотры1.8K
Комментарии 1

QA в эпоху перемен. Как мы выбирали инструмент управления тестированием

Тестирование IT-систем*Интерфейсы*Управление продуктом*IT-компании
Из песочницы

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

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

Новая функция Notion и 3 применения

Интерфейсы*Визуализация данныхУправление проектами*
Из песочницы

Всем привет. Меня зовут Божок Анна. Я фанатка Notion и это моя первая статья.

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

И так же поделюсь тремя вариантами его использования.

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

Проблема ремесла дизайнеров стала всеобщей

HabrИнтерфейсы*Дизайн
image
Владимир Андреевич Фаворский Иллюстрация обложки каталога «Искусство в СССР». 1957


Теоретической основой дизайна является техническая эстетика
[...]
Дизайнер — художник-конструктор[2], человек, занимающийся художественно-технической деятельностью в разных отраслях (в том числе архитектор, проектировщик, иллюстратор, дизайнер плакатной и прочей рекламной графики, веб-дизайнер).
[...]
Слово design появилось в XVI веке[...]

Впечатляющий возраст и богатая история! Но куда идет современный дизайн? И почему он зачастую приносит одни неудобства простым потребителям?
Читать дальше →
Всего голосов 10: ↑3 и ↓7-4
Просмотры2.9K
Комментарии 74

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