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

Интерфейсы *

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

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

Исследуем осознанно. Топ лайфхаков и must-know для начинающего UX-исследователя

Интерфейсы *Usability *Мозг

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

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

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

Новости

1000 и 1 нюанс. UX-проектирование и тестирование сложного функционала или почему не нужно спешить делать дизайн

Блог компании Sportmaster Lab Интерфейсы *Usability *Тестирование мобильных приложений *Дизайн мобильных приложений *

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

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

Меня зовут Андрей Кононов, я UX-эксперт Sportmaster Lab, а под катом — наш путь, советы и чеклист из 7 пунктов для тех, кто тоже занимается UX-тестированием.

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

6 советов по удобным интерфейсам за май

Веб-дизайн *CSS *Интерфейсы *HTML *Accessibility *
Tutorial

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

За май я подобрал 6 советов. Мы поговорим о том, нравится ли вам переключать клавиатуру при вводе email, как использовать Esc, нужно ли устанавливать фокус на кнопке закрыть, нужно ли заставлять пользователя заново вводить пароль и email, зачем оставлять только цифры при вводе кода авторизации.

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

14 Важных UI/UX типсов для твоего дизайна

Интерфейсы *Дизайн мобильных приложений *Графический дизайн *Дизайн
Tutorial

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

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

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

Находим главное в отзывах. Опыт разработчиков геопоиска Яндекса

Блог компании Яндекс Интерфейсы *Геоинформационные сервисы *Машинное обучение *Natural Language Processing *


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

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

Мы поняли, что нужно учиться систематизировать отзывы и выделять главное. Этот пост — про то, как мы стремились состыковать интересы пользователей с доступными нам технологиями в машинном обучении и на фронтенде. Рассказывать буду достаточно подробно, чтобы вы прошли этот путь вместе со мной и увидели все пробы и ошибки. Возможно, по дороге у вас возникнут свои мысли о том, как можно решать подобную задачу.
Читать дальше →
Всего голосов 21: ↑19 и ↓2 +17
Просмотры 2.3K
Комментарии 12

Как мы в СИБУРе делаем дашборды для людей. Часть 1: закупки и производство

Блог компании Цифровой СИБУР Интерфейсы *Big Data *Визуализация данных Статистика в IT

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

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

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

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

В СИБУРе дашборды применяются для самых разных департаментов – логистики, продаж, закупок, маркетинга, топ-менеджмента, и тд. И о каждом из этих направлений мы расскажем подробнее.

Но начнём, пожалуй, с закупок и производства.

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

Как я случайно удалил 7 терабайт видео перед запуском в продакшн

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

К старту курса по автоматизированному тестированию на Python делимся материалом о том, насколько вредным может стать привыкание к библиотекам и насколько полезными — инструменты автоматизированного тестирования. За подробностями приглашаем под кат.

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

Психология в дизайне: как превратить пользователей в покупателей

Интерфейсы *Usability *Мозг
Перевод

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

Эта публикация — мой авторский перевод-резюме англоязычной статьи из блога shopify.

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

Помните об этике

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

Возьмём пример сайта booking и expedia, применяющих эффект дефицита. Вспомним их пресловутый мини-баннер «остался только один номер по этой цене». Сайт показывает сколько людей просматривает сейчас страницу с описанием понравившегося вам номера, как долго номер будет доступен по указанной цене — все эти детали могут создать ложное впечатление ограниченной доступности номеров, подталкивая пользователя совершить покупку. Такая практика подверглась критике со стороны британского управления по защите конкуренции и рынкам.

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

Как я протестировала интерфейс голосового ассистента Сбер Салют

Интерфейсы *Usability *Тестирование мобильных приложений *Голосовые интерфейсы

Голосовые ассистенты незаметно вошли в нашу жизнь с появлением умной колонки Алисы. Многие известные финтех компании внедряют голосовых помощников в свои продукты, так что теперь при использовании мобильных приложений пользователь вынужден привыкать к мультимодальным интерфейсам. Но несмотря на их возрастающую популярность голосовые помощники требуют серьёзных доработок.

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

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

Встречают по одёжке: как мы меняем главную в приложении с 13 миллионами MAU

Блог компании Кошелёк Разработка мобильных приложений *Интерфейсы *Usability *Дизайн мобильных приложений *

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

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

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

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

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

Блог компании Яндекс Разработка веб-сайтов *JavaScript *Интерфейсы *ReactJS *
Tutorial
Случалось ли вам, выполняя какую-то задачу, понять, что самый простой путь — нажать Сtrl+C, Сtrl+V: перетащить из соседней папочки пару файлов, поменять пару строчек, и будет ок? Повторялось ли это ощущение? Я хочу рассказать о том, как боролся с этой проблемой и к чему пришёл вместе с командой. Назовём это решение «универсальные компоненты» (если у кого-то будет более удачное название для концепции, жду в коментариях). Примеры буду приводить в основном на React, но концепции будут общие.
Читать дальше →
Всего голосов 18: ↑14 и ↓4 +10
Просмотры 8.6K
Комментарии 6

Где брать знания начинающему UI/UX дизайнеру?

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

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

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

Как мы потеряли 54 000 звёзд на GitHub

Блог компании SkillFactory Open source *Интерфейсы *Usability *GitHub
Перевод

К старту курса по Fullstack-разработке на Python рассказываем о том, как один из самых популярных репозиториев GitHub лишился десятков тысяч своих звёзд, а также о том, как помочь пользователям ваших решений избегать подобных ситуаций.

Читать далее
Всего голосов 72: ↑60 и ↓12 +48
Просмотры 35K
Комментарии 58

Как работать за компьютером, если у тебя астенический синдром

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

Здравствуйте. Меня зовут Паша Любецкий. По диплому я математик и мечтал о научной карьере в области theoretical computer science или даже pure math, но во время учёбы в университете у меня развилось одно из психических расстройств, которое принесло с собой очень сильно выраженную астению (повышенную утомляемость).

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

Тем не менее, за несколько лет я нашёл некоторые оригинальные способы сгладить для себя проявления этой проблемы.

Читать далее
Всего голосов 56: ↑53 и ↓3 +50
Просмотры 16K
Комментарии 52

Кто такой UX-дизайнер и за что ему платят

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

На повестке дня снова UX-дизайн. В комментарии к обзору открытого урока написали, что UX-дизайнером каждый стать, причём такой «специалист» не умеет ни в цвета, ни в компьютеры. Давайте разбираться, за что же вообще тогда платят UX-дизайнерам.

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

Популярные расширения для VS Code 2022

Высокая производительность *Разработка веб-сайтов *Интерфейсы *
Из песочницы
Перевод

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

На текущий момент VS Code остается средой разработки, которая доступна в период санкций, когда JetBrains отказался продавать лицензии, про Visual Studio даже не узнавал. Сам использую VS Code много лет в разных стеках. VS Code предоставляет возможности разработки практически во всех направлениях: веб-разработка, мобильные приложения, часто встречаются приложения для встраиваемых систем. Ниже перечислены наиболее популярные расширения, которые облегчают разработку приложений.

Atom One Dark Theme

При всем изобилии тем в VS Code тема Atome One Dark наиболее популярная, потому-что имеет наиболее удачный контраст и прекрасно выглядит.

Читать далее
Всего голосов 24: ↑14 и ↓10 +4
Просмотры 15K
Комментарии 14

Java: отличия Map и HashMap

Программирование *Java *Интерфейсы *ООП *
Из песочницы
Перевод

Map - это интерфейс, а HashMap - одна из его реализаций. Тем не менее, в этой статье мы постараемся разобраться, чем полезны интерфейсы, узнаем как сделать код гибче с помощью интерфейсов и почему существуют разные реализации одного и того же интерфейса.

Читать далее
Всего голосов 26: ↑6 и ↓20 -14
Просмотры 10K
Комментарии 14

JavaScript редактор диаграмм, который открывает диаграммы из PNG картинок (open source)

Разработка веб-сайтов *JavaScript *Интерфейсы *Визуализация данных

dgrm.net | GitHub

dgrm.net - это редактор диаграмм, с прицелом на трансформацию в карту знаний.

Отличительные особенности:
- аскетичность,
- работает на телефонах (одно из немногих web-решений),
- открытый исходный код.

В процессе разработки появляются интересные моменты. Статья про один из таких моментов: чтение данных из PNG.
Исходный код для использования в своих проектах прилагается.

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

Дженерики в Go — подробности из блога разработчиков

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

В Go 1.18 добавлена поддержка дженериков. Это самое большое нововведение с момента первого Open Source выпуска Go. Не будем пытаться охватить все детали, затронем всё важное. Подробное описание со множеством примеров смотрите в документе с предложением по улучшению языка. Материалом делимся к старту курса по Backend-разработке на Go.

Читать далее
Всего голосов 13: ↑11 и ↓2 +9
Просмотры 6.8K
Комментарии 8

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