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

Интерфейсы *

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

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

Что не так с интерфейсами чат-ботов

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

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

Чатовые интерфейсы меняют существующую парадигму взаимодействия и работы с интерфейсами. Раскин это предвидел 30 лет назад, но пришло это только сейчас. Интересные рассуждения по этой теме представил NNG в своей статье AI: First New UI Paradigm in 60 Years, и именно там содержатся большая часть ценных идей по улучшению чат-ботов.

Первым интерфейсом была перфокарта, вторым — консоль, третьим — GUI. Мы пришли к четвёртому типу.

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

Новости

Музыка игрового мальчика, LSDj, LGPT и EBT

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

Сегодня расскажу о сортах чиптюна, долгой жизни старой портативной игровой системы, мостике между видеоигровой и клубной музыкой, необычной музыкальной субкультуре, управлении сложным музыкальным редактором с помощью всего восьми кнопок, программах с провокационными названиями, и всё это является подводкой к рассказу о моём новом проекте. В нагрузку идёт немного DIY.
Читать дальше →
Всего голосов 19: ↑19 и ↓0 +19
Комментарии 0

Два frontend фреймворка. Два подхода

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

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

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

Главный принцип разработки интерфейсов

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

Если вы достаточной древний, то на личном опыте знакомы с технологической энтропией: железо становится мощнее, но софт деградирует. Photoshop тормозит, а ТВ тупит даже при переключении каналов. Портится не только код, но и интерфейсы.

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

Читать далее
Всего голосов 24: ↑19 и ↓5 +14
Комментарии 37

Истории

Зачем банкам менять интерфейсы, и как это сделать, если вы тоже хотите

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

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

Финтех давно перестал быть чем-то исключительным, став доступнее для широкой аудитории. Управление личными финансами, инвестиции, а в b2b — выполнение рабочих задач, превратились в рутину, наравне с вызовом такси или заказом продуктов. Любой из этих сервисов вносит лепту в формирование представления о «хорошем сервисе».

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

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

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

Souls, куда уже плавнее?

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

На этот раз речь пойдет о миленьком мобильном батлере: SOULS

Очень достойный представитель своего класса. И один из лучших в плане плавности и представления интерфейсных решений. Разработчики не ограничились 2D интерфейсом и полностью использовали 3D пространство, что сделало игру эффектной. Хотя под капотом используются простые решения, разработчики часто упускают эти детали, лишая игру интерактивности и плавности в пользу скорости разработки (хотя чаще это вызвано ленью и нежеланием эти детали прорабатывать). Также в игре присутствует качественный артдирекшен и множество моментов, которые можно внести в свою игру, если есть цель повысить ее качество.

Изучить
Всего голосов 6: ↑5 и ↓1 +4
Комментарии 0

Idle Berserker UI solutions

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

Обзор мобильного Айдлера на предмет полезных интерфейсных решений которые можно использовать в своих проектах.

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

Как правильно смотреть и использовать конкурентов на пользу продукту: 5 неочевидных практик

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

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

К концу статьи вы узнаете:

1. Почему копировать — не лучшая затея;
2. Что делать, если конкурентов нет;
3. На что смотреть в чужих продуктах;
4. Зачем рассказывать пользователям о сильном конкуренте;
5. Как не стать унылой копией конкурентов.

Узнать секреты конкурентного анализа
Всего голосов 16: ↑10 и ↓6 +4
Комментарии 2

Парочка полезных роликов по работе с дизайн-системами от больших продуктовых команд

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

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

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

Как найти статьи-бриллианты? Три полезные кнопки, которые так нужны Хабру

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

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

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

Читать далее
Всего голосов 89: ↑87 и ↓2 +85
Комментарии 75

Решаем трудности адаптации мобильных приложений с Responsive_framework

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

Hola, Amigos! Меня зовут Ярослав Цемко, я Flutter-разработчик в компании заказной разработки Amiga. Сейчас я расскажу об очень крутом плагине, который помог нам решить проблемы, связанные с адаптацией контента под разные дисплеи в одном из наших проектов.

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

Работа над доступностью: с чего начать, куда копать, как оценить прогресс

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

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

С чего же начать? Сделать методички для дизайнеров? Протестировать свои продукты на пользователях с нарушениями зрения? Отправить всех разработчиков читать материалы по доступной разработке?

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

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

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

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

Вторая статья из цикла, посвященного проектированию с использованием стандартного интерфейса AXI-Stream, а также отладке и документации проектов.

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

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

Битва пет-проектов
Дата 25 сентября – 30 ноября
Место Онлайн
HolyJS
Дата 2 – 12 ноября
Время 15:00 – 19:00
Место Санкт-Петербург Онлайн
IT Recruiting – HR Forum 2023
Дата 8 – 10 ноября
Время 9:00 – 18:00
Место Москва
Яндекс Backend Tour
Дата 13 – 26 ноября
Время 18:00 – 23:00
Место Москва Нижний Новгород Екатеринбург Новосибирск Санкт-Петербург Онлайн
Национальный рекламный форум
Дата 15 – 17 ноября
Время 10:00 – 19:30
Место Москва
Онлайн IT HR-конференция HR42
Дата 17 – 18 ноября
Время 10:00 – 14:00
Место Онлайн
Импульс Т1
Дата 17 ноября
Время 13:00
Место Иннополис Онлайн
HighLoad++ 2023
Дата 27 – 28 ноября
Время 9:00 – 20:00
Место Москва Онлайн
Импульс Т1
Дата 1 декабря
Время 12:30
Место Москва Онлайн

Зачем вам Employee Experience: как премии, CRM и выдача ноутбуков влияют на прибыль компании

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

Привет! Мы команда UX-исследователей Alfa Research Center. В банке отвечаем за Employee Experience (EX) — исследование клиентского опыта сотрудников. Мы погружаемся в устройство процессов и интерфейс внутренних продуктов. 

Мы не ограничиваемся исследованиями интерфейсов банка и клиентского опыта и кропотливо улучшаем процессы и сервисы для сотрудников.

В статье расскажем про три EX-проекта, в которых мы: 

1. Запустили сервис, чтобы руководителям всех уровней — от техлидов и менеджеров до членов правления банка, было удобно начислять премии.

2. Разрабатываем с нуля SFA-платформу, и она точно нравится нашим менеджерам.

3. Сделали адаптацию, перевод в другой отдел и увольнение менее болезненными.

Статья будет интересна UX-, CX- и EX-исследователям, тимлидам, HR, руководителям подразделений и владельцам бизнес-процессов.

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

Проектирование навигации в интерфейсах аналитических дашбордов

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

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

Интересно? Переходите под кат
Всего голосов 5: ↑4 и ↓1 +3
Комментарии 2

Как интегрировать мультиаккаунт в уже работающий сервис и не поломать всё

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

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

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

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

Что может пойти не так?

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

Для кого я на самом деле проектирую интерфейсы?

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

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

Часто ли дизайнеры или проектировщики получают обратную связь от тех, кто дальше работает с документацией и макетами? Вопрос открытый. Когда я сам сдаю работу, то не ленюсь и через клиента спрашиваю, что думают разрабы о моих макетах и документации. Ответ обычно такой: «Мы не знаем. Раньше не сталкивались с такой подробной постановкой задачи. Если вопросы и возникали, то решали их сами».

Получается, что проектировщики и дизайнеры готовят задачу для разработчиков, но обычно не интересуются, насколько последним было удобно работать с макетами и документацией. А разработчики не могут адресовать вопросы по проекту дизайнерам и проектировщикам, потому что… Если честно, не понимаю, почему. Но ко мне за 300+ проектов вопросы от разработчиков прилетали всего два раза.

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

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

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

Всем привет! Тут уважаемые коллеги уже много раз писали о различных инструментах и технологиях платформы ZIIoT для работы с промышленными данными и создания приложений. Но как-то руки пока не доходили до одного из самых важных ее компонентов — единой объектной модели (ЕОМ). В этой статье я исправлю это недоразумение и расскажу, как реализована концепция ЕОМ у нас и как работает наш инструмент для графического конфигурирования моделей — Zyfra Graphic Object Designer. Меня, кстати, зовут Александр Пучков, я ведущий владелец продуктов в компании «Цифровая индустриальная платформа», которая занимается развитием отдельной модификации ZIIoT для нефтегазовой и нефтехимической отраслей – ZIIoT Oil&Gas – и приложений на ее основе.

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

Точка, точка, запятая, или Почему на Госуслугах нет части пунктуационных знаков

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

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

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

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

Читать далее
Всего голосов 35: ↑27 и ↓8 +19
Комментарии 83

Книга «Здесь должен быть текст. Профессиональный UX-райтинг»

Время на прочтение 18 мин
Количество просмотров 1.9K
image Привет, Хаброжители!

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

Для кого предназначена эта книга?
Для технических или UX-писателей1. Если вы пишете текст, который видят и с которым взаимодействуют пользователи, эта книга поможет вам применить к этому процессу дизайн-методики. Называете ли вы себя UX-райтером, дизайнером, специалистом по контент-стратегии или еще как-нибудь, эта книга сделает вас более эффективным.
Читать дальше →
Всего голосов 13: ↑11 и ↓2 +9
Комментарии 1

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