Как стать автором
Поиск
Написать публикацию
Обновить
30.92

Usability *

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

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

Как мы предложили сделать сайт МТС Live удобным для людей с особыми потребностями

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

Всем привет! Меня зовут Ксения Анисимова, я студентка ИТМО. Весной этого года наша команда ― Rangers of Accessibility ― победила в хакатоне МТС True Tech Hack в треке «Улучшение клиентского опыта витрины МТС Live для пользователей с особыми потребностями». В рамках конкурсного проекта мы придумали новый способ отображения карты зала, а также переработали пользовательский путь для скринридеров, чтобы незрячие и слабовидящие люди тоже могли покупать билеты. А еще добавили фильтрацию мероприятий (и площадок) по опциям доступности (наличию тифлокомментирования, маршрутов для маломобильных граждан и сопровождения на русском жестовом языке). В финале хакатона мы представили свой проект в рамках конференции True Tech Day.

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

Читать далее

Авторизация и регистрация в интернет-магазине и закон: как реализовать и не получить штраф

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

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

Читать далее

Пользовательские интерфейсы в упадке

Время на прочтение5 мин
Количество просмотров16K
Когда у нас впервые появились персональные компьютеры, мы не слишком заботились о том, каково с ними работать. По правде сказать, мы были слишком потрясены тем, что у нас вообще есть нечто подобное. Чтобы ввести команду DOS, нужно было выучить какой-то секретный язык. Нам и в голову не приходило, что пользоваться компьютером сложно или неудобно. Но постепенно компьютеры становились более продвинутыми и, когда появился первый Macintosh со своим мощным графическим пользовательским интерфейсом, мы стали осознавать, что процесс взаимодействия с компьютером тоже имеет для нас значение.

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

Продуктовые заметки: типичные косяки в продуктах, которые я встречаю

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

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

Типичные продуктовые косяки в IT-продуктах, на которые я лично натыкаюсь постоянно и которые вызывают головную боль или недоумение:

Использование автоформатирования при вводе номера телефона.
Опросы «Почему отписываетесь?» при отписке от email-рассылок.
Несоизмеримо высокие «требования безопасности» к паролям.
Чрезмерное увлечение «электронной подписью».

Читать далее

Легким движением руки приложение становится понятным. Как мы сделали уведомления в личном кабинете более заметными

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

Привет, Хабр! Меня зовут Диана, я продуктовый дизайнер в СберМаркете. Наша команда развивает личный кабинет ресторанов, чтобы администраторам было удобно в нём работать и принимать заказы на доставку. В этой статье хочу поделиться, как мы улучшали раздел Заказы: «полечили» звуковые уведомления, сделали анимированную фавиконку, чтобы наша вкладка не терялась среди остальных, и добавили возможность создавать тестовый заказ для обучения новых сотрудников ресторанов.

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

Читать далее

Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon

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

Привет всем! Это не обычная статья, это целый курс про UX-редактуру от Ozon. Мы с вами разберем, что такое UX-редактура, какие бывают форматы интерфейсных текстов и как их писать качественно, быстро и просто.

Меня зовут Кира Калимулина, мы с командой занимаемся всеми интерфейсными текстами в Ozon. Я задумала этот курс, чтобы помочь дизайнерам, продакт-менеджерам, копирайтерам, разработчикам и другим специалистам научиться писать тексты для интерфейсов.

Этот курс подойдёт тем, кто только погружается в мир UX-редактуры и хочет стать продуктовым редактором. А также тем, кто вынужден писать тексты для приложений, но не умеет (или думает, что не умеет).

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

Читать далее

Особый фронтенд на заводе: desktop first, тёмные помещения, промышленные интерфейсы и специфика производственных систем

Время на прочтение6 мин
Количество просмотров7.1K
image

Привет, Хабр! Меня зовут Олег Рогов, я руковожу фронтенд-разработкой НЛМК. У нас команда на 70+ человек, в основном мы делаем интерфейсы для промышленных систем. Например, дизайнеры рисуют схему цеха или огромную таблицу сравнения для коксохима, мы всё это внедряем и потом поддерживаем на фронтах.

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

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

80 % наших задач крутится вокруг систем управления производством, то есть мобильное приложение или планшет — это для нас редкий экран, но и такое разрабатываем.
Читать дальше →

Здесь могли быть деньги ваших клиентов

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

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

Особенность китайских чаев — они допускают многократный пролив. То есть их можно заваривать быстро и несколько раз

Разумеется, наш стандартный заварочный чайник делался под индийские чаи, которые завариваются одним проливом и по многу. Чтобы пить чай китайский, его надо завариватаь прямо в чашке, но ещё лучше запастись стандартным набором:

1. Гайван или заварочный чайник. По сути, пиала-переросток, куда кладут чай и заливают водой.  В принципе, можно пить прямо из чахай.

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

3. Чашки или пиалки.

Чайный поднос и чайные инструменты пока оставим.

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

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

Давайте посмотрим, кто же готов получить мои деньги?

Кто же получил мои деньги?

Какие возможности клавиатур подглядеть у Tinder, YouTube и Revolut

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

Дизайнеры интерфейсов часто оставляют клавиатуры «за кадром». Между тем, удобная клавиатура — это как раз то, что пользователь хочет видеть в приложении. Я изучила документацию для iOS и Android, пообщалась с разработчиками и заглянула в десятки приложений, которыми вы точно пользуетесь.

В статье покажу:

что влияет на внешний вид клавиатур,

виды нативных клавиатур и их поведение,

как отличается применение клавиатур для одних и тех же команд.

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

Читать далее

Cервисный дизайн: как мы проектируем функционал обслуживания продуктов

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

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

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

Читать далее

Что делать если отключат Figma? Есть ли альтернативы?

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

Существуют ли альтернативы Figma? Обзор основных конкурентов. Есть ли те, которые способны потеснить дизайн-гегемона с первого места?

Читать далее

Как быстро находить идеальные дизайн-решения в сложных задачах?

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

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

Читать →

Не UI единым: как провести UX-ревью сложного IT-продукта и не утонуть в данных? Гайд от практика

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

Привет! Это Даша, проектировщик из Selectel. Сегодня хочу поделиться своим опытом проведения UX-аудита — неоднократно я приходила в новый продукт и передо мной вставала такая задача.

Я успела набить шишек, перерыть половину рунета и в итоге на практике получить ценный опыт.

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

Все подробности — под катом.
Читать дальше →

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

USM (Unified Service Management)_Шаблон

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

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

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

Читать далее

UX установки диффузионного силицирования

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

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

Читать далее

Шахматы Bauhaus

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

Функция определяет форму

Удивительно, но сто лет назад дизайнеры были интереснее, смелее и прогрессивнее современных.

Читать далее

Как в МТС запускали уникальный b2b-сервис и почему нельзя сразу построить ракету

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

Мы привыкли к доставке всего: банковских карт, документов, техники, лекарств и продуктов. В этом смысле к b2c-сервису уже почти не осталось вопросов, но в b2b есть ещё много всего неповоротливого.

Мы в команде Личного кабинета МТС Бизнес первыми среди сотовых операторов запустили онлайн-подключение и доставку SIM-карт корпоративным клиентам, которую можно заказать самостоятельно. Рассказываем, как мы это сделали.

Читать далее

UX и Секс

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

UX — «…это то, как человек живет». Такую конструкцию предлагает нам отец основатель понятия «пользовательский опыт» Дон Норман. Десятиминутный ликбез Нормана я уже подробно разбирал, но сейчас хочу остановиться именно на этой определении, поскольку оно остается самым игнорируемым. 

Читать далее

Почему FAR — центр моей компьютерной вселенной

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

Какую программу вы обычно запускаете сразу после загрузки операционной системы? Кто-то сразу стартует браузер — поглядеть, кто там сегодня в Интернете (на Хабре) неправ. У многих — это редактор кода: «Я, как утром встал, сразу за дрель!». Возможно, вы сначала привычно открываете мессенджеры и почту — проверить, что там нового и важного.

Я обычно сразу после запуска операционки открываю свой Любимый Файловый Менеджер. Это «переходящее звание» — в разные периоды моего компьютерного прошлого этой чести «удостаивались» разные приложения с классическим двухпанельным интерфейсом. Сначала это был простой, но универсальный Norton Commander. Потом появился DOS Navigator со всяческими классными фичами: CD-плеер, телефонная книга с дозвоном по модему, встроенный табличный редактор и прочие прекрасные и поразительные для тех лет вещи.

Когда Windows прочно вытеснил DOS и все понемногу забыли про файл autoexec.bat, звание моего любимого файлового менеджера плавно перешло к Total Commander. Он продержался довольно долго, но в какой-то момент в мою жизнь буквально ворвался FAR...

Читать далее

На светлом-светлом Хабре появилась тёмная-тёмная тема

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

Привет, Хабр! Мы приготовили для вас долгожданный подарок (из заголовка вы уже поняли, какой), но мы вам его просто так, как говорится, не отдадим ?

Читать далее

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