Обновить
29.06

Usability *

Удобство использования

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

mise — утилита, необходимая каждому разработчику и в каждом проекте

Уровень сложностиСредний
Время на прочтение11 мин
Охват и читатели7.3K

Утилита mise (полное название MISE-EN-PLACE) настраивает необходимое для разработки окружение:

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

Для проектов это аналогичный набор инструментов (специфичных для этого проекта версий, одинаковых у всех разработчиков и на CI) плюс конфигурация (переменные окружения/зашифрованные секреты для конкретного dev/staging/prod/… окружения плюс локальные отличия) плюс задачи (скрипты) для сборки/тестирования/деплоя/….

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

Читать далее

Новости

Формат text-only снова популярен? Вайб старого интернета в техноблогах — для чтения на выходных

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

В блоге Beeline Cloud мы временами обращаемся к ретротематике: писали про необычные RFC конца 80-х и 90-х годов, про возрождение текстовых игр. Сегодня заметен новый виток интереса к сайтам «как в ранние 90-е». Рассказываем, почему такая популярность — не просто дань ностальгии, и предлагаем подборку англоязычных технических блогов в формате «ничего лишнего, только текст»: от шпаргалок DevOps-специалиста до инструментария для моддеров WarCraft.

Читать далее

Как скринридер «видит» сайт: DOM, accessibility tree и API простыми словами

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

Когда мы говорим про скринридеры, почти все сначала думают так: «Ну он просто читает HTML со страницы».

Это не так.

Скринридер не видит экран, не читает HTML напрямую, и не “ходит” по странице, как человек с мышкой.

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

Читать далее

«Цифровое обрезание» для ВК Видео

Время на прочтение2 мин
Охват и читатели5.5K

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

Снова, снова и снова, речь пойдет о утерянной технологии древних Pan-N-Scan. 

Оставлю прелюдии на потом. Чё делать то? 

Добавляем всего одну иконку. Ставим ей два статуса вкл/выкл. Растягиваем контейнер с видео. И вуаля — наслаждаемся по настоящему Полноэкранным режимом, занимающим всю полезную площадь матрицы приобретенного устройства.

Читать далее

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

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

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

Читать далее

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

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

Что делать проектировщику пользовательского интерфейса, чтобы не выглядеть белой вороной в глазах бизнеса, когда требуется выявить, показать и обосновать объективную сложность (масштаб) интерфейса цифровых продуктов B2B?

Читать далее

Редизайн Telegram: как Павел Дуров вновь разозлил пользователей

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

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

Читать далее

ТОП-10 интернет-магазинов товаров для строительства и ремонта (DIY): 60 удачных UX-решений

Время на прочтение13 мин
Охват и читатели8K

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

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

Цель материала — показать работающие решения, которые уже используются в крупных интернет-магазинах, и помочь командам e-commerce ориентироваться в актуальных UX-подходах при развитии своих проектов.

Читать далее

От исследования до роста метрик: как мы прокачали главную страницу hh.ru

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели7.7K

Привет, Хабр! Меня зовут Данила Максишко, я руковожу отделом продуктовых исследований и клиентского опыта в hh.ru. В статье я хочу поделиться историей ресёрча, который многое дал компании. Речь пойдёт о главной странице hh.ru для работодателей, которую мы успешно обновили с помощью исследователей.

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

Читать далее

Маркетинг Гайд – Как интерпретировать фичи продукта в ценности ⇄

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

Продукт продают ценности а не фичи.

Меня зовут Игорь. Я практикующий продуктовый маркетолог в Product Unit ☘️. Сегодня расскажу как интерпретировать фичи продукта в ценности для пользователей и зачем это делать
В статье вы найдете пошаговое руководство и шаблон документа

Читать далее

Сасфликс 2.0 или «На 25% больше Стаса Васильева за теже деньги» / решаем проблему скукоженного Харламова

Время на прочтение7 мин
Охват и читатели5.1K

Инновациям нужно не только «своё время», как Sega Channel и Motorola Ирмдиум, но и своё место. Когда тебе отказывают 99 процентов потенциальных партнёров и крупные игроки, ты стартуешь как придаток для обновлений довольно местечкового проекта, чтобы вырастить потом из этого всепожирающего монстра. Дядя Габен не даст соврать. И пока ребята из VK неторопливо, сквозь фильтр процессов бюрократии, ресеча и верификации, внедряют мои идеи, я, будучи не скованным формальными обязательствами, иду туда, где лучшие решения могут случиться.

Речь в статье пойдет о принудительном цифровом «обрезании» и чем оно полезно для гигиены визуального восприятия. 

Читать далее

Ирония судьбы: как я заплатил 2000 рублей за плохой UI Яндекс.Еды

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели7.8K

А потом мой заказ выбросили в мусор (но это неточно, может быть, всё-таки съели).

Субботним днём я решил заказать родителям к воскресному обеду что-нибудь вкусное, зашел в Яндекс.Еду, выбрал их адрес из сохраненных закладок, набрал всякого в корзину, оформил заказ, предупредил папу и забыл об этом. В воскресенье звонит папа и рассказывает, что курьер попросил его открыть шлагбаум (которого отродясь не было), а после некоторого обсуждения выяснилось, что заказ приехал несколько в другую точку Большой Москвы, и привезти по нужному адресу его никак не смогут, а деньги оставят себе. Конечно, я написал в поддержку, где несколько подряд сотрудников уверяли меня в том, что заказ был оформлен на неверный адрес, и в таких случаях деньги не возвращаются, а идут на компенсацию расходов поставщику (читай – в лучшем случае сотрудники разберут по домам то, что ты заказал, в худшем – выкинут в помойку). Было полное ощущение разговора слепого с глухим: правильный  адрес в заказе, а привезли куда-то не туда.

Читать далее

Где ставить название инпута — слева или сверху/внутри. Обзор научных статей

Время на прочтение3 мин
Охват и читатели6.6K

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

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

Читать далее

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

Кейс-малютка по проектированию интерфейсов

Время на прочтение2 мин
Охват и читатели6.6K

Сегодня задача очень простая: надо в карточке контрагента добавить флаг «Работает с НДС». Ну, тут всё просто. Открываю Axure, иду на страницу редактирования контрагента и вставляю там чек-бокс между полями «ИНН» и «Заметки».

Опытные разработчики сразу по картинке увидят, в чём косяк такого решения. А я вот что-то зазевался. И пошёл дальше, в карточку контрагента…

Читать далее

«Офис+ Стандартный» офисный пакет в закрытых и открытых корпоративных контурах

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

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

Читать далее

Смерть от тысячи кликов. Как «просроченный» UX убивает B2B-системы и что с этим делать

Уровень сложностиПростой
Время на прочтение7 мин
Охват и читатели7.7K

Привет, меня зовут Александр Попов, я работал в «Цифре» старшим продуктовым дизайнером.

Представьте, что вы заходите на кухню за утренним кофе и чувствуете... этот запах. Запах тлена и легкой безысходности. Заглядываете в холодильник, а там, в самом дальнем углу, притаился йогурт. Судя по дате годности, он старше, чем ваша первая любовь, и видел Ленина. Знакомая ситуация? Точно то же самое происходит с UX, особенно в суровом мире B2B-платформ, где интерфейсы могут не меняться десятилетиями. Этот «просроченный» UX не просто дурно пахнет — он активно пытается испортить вам жизнь, карьеру и веру в человечество.

Читать далее

Оформление листинга и превью товаров в интернет-магазине: 7 ключевых правил UX

Время на прочтение12 мин
Охват и читатели7K

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

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

Читать далее

Исследуем UX-долг: как мы превращали список проблем в продуктовые решения

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

Всем привет, я Лена, исследовательница в команде Облака Mail. Изучаю опыт пользователей и помогаю командам делать наши сервисы удобнее и понятнее. Управляю проектом UX-мониторинга core-сценариев продуктов Mail.

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

Начнём!

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

Время на прочтение13 мин
Охват и читатели8.6K

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

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

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

Читать далее

Метасообщение. Что значит быть исследователем и как себя позиционировать?

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

Привет! Я Даня Платонов - руководитель группы UX-исследований в «БКС Мир инвестиций». Это первая статья нашей команды, мы начинаем делиться интересным и познавательным из нашей работы. И начать я хочу с самых начал. А именно — с вопроса «кто я?», который каждому продуктовому исследователю не лишне себе иногда задавать.

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

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

Читать далее
1
23 ...