Pull to refresh
0
0
Сергей @MrBuha

UX дизайнер

Send message

Как быть data driven. С самого начала

Reading time7 min
Views24K
Цифры много значат для нас. Мы инвестируем в данные, слушаем и понимаем их. Мы руководствуемся ими при принятии решений. Несмотря на то, что в плане инфраструктуры работы с данными у нас еще многое впереди, сам data driven подход был с нами всегда. В этом тексте — рассказ о том, какой путь мы прошли, какие уроки выучили и какие грабли собрали.

image
Читать дальше →
Total votes 7: ↑5 and ↓2+3
Comments0

Автостопом по дизайн-системе. Путеводитель с оглавлением

Level of difficultyMedium
Reading time24 min
Views26K

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

- Делать свою или взять готовую? Прыг.

- Платформенная или универсальная? Прыг.

- Версионировать компоненты или всю библиотеку? Прыг...

И ещё много таких «прыгов».

Давайте подготовимся к сложному контенту. Закроем глаза, успокоимся и представим идеальную дизайн-систему. Представили? Умные компоненты, продуманные паттерны, подробная документация. Автоматическая генерация кода. Кайф? А то! Только такая дизайн-система оставит нас без работы.

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

DON'T PANIC!
Total votes 108: ↑106 and ↓2+111
Comments26

«Твоя моя не понимай» — когнитивные аспекты обмена знаниями

Level of difficultyEasy
Reading time13 min
Views3.7K

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

На самом деле, когнитивная психология — это не просто один из разделов психологии. Это множество наук, которые на Западе называют cognitive sciences. Причём именно во множественном числе, потому что там много чего. Изучать можно на разных этапах — от первичного вхождения информации, perception, до уже размышления, принятия решений и так далее.

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

Читать далее
Total votes 7: ↑5 and ↓2+5
Comments0

Customer Experience — как продумать и обеспечить качественный клиентский опыт

Reading time8 min
Views22K


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

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

Но для начала давайте разберемся, что же такое CX design. И ответим на один из самых распространенных вопросов — чем он отличается от UX?

Что такое CX


СХ аббревиатура сформированная от англ. Customer eХperience — клиентский опыт. Термин может показаться слишком расплывчатым и всеобъемлющим, потому что во многом так и есть.
За улучшение этого “кастомер экспириенс” отвечает CX design. Пусть вас не смущает слово “дизайн”, оно здесь не про картинки и графику. На русском языке правильный перевод CX design — проектирование успешного опыта клиента. Вполне подходят также создание клиентского опыта и управление клиентским опытом.
Читать дальше →
Total votes 3: ↑3 and ↓0+3
Comments0

Пора ли увольняться?

Reading time6 min
Views60K
В большей своей массе люди пишут и инструктируют на тему «как найти работу?». А вот как уволиться, и, что важнее, когда увольняться – почти никто ничего не говорит. Оно и понятно, тема весьма деликатная и порой неприятная. Однако попробую сей пробел отчасти восполнить.

И, конечно, все что сказано ниже – есть исключительно личное и предельно субъективное мнение. Поэтому если вы встретите в тексте слова «следует», «должны», то читайте это как «автор бы сделал», а вот что делать вам – решать только вам.

Читать дальше →
Total votes 105: ↑102 and ↓3+99
Comments111

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

Reading time3 min
Views2.8K

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

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

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

Читать далее
Total votes 13: ↑12 and ↓1+11
Comments0

10 тёмных паттернов в UX-дизайне и как их избежать

Level of difficultyEasy
Reading time12 min
Views14K

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

К типичным тёмным паттернам относятся давление на чувства, ложная срочность, заманивание, сбор личных данных, навязывание, подсовывание, маскировка рекламы, намеренное введение в заблуждение, паттерн «Roach Motel», предвыбор нежелательных опций, добавление лишних товаров в корзину, спам-рассылка по друзьям, автоматическое продлевание платной подписки после её окончания и не только.

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

Во избежание использования тёмных паттернов дизайнерам следует делать акцент на прозрачности, предоставлении контроля пользователю, а также этических практиках разработки. Такой подход способствует положительному пользовательскому опыту и взращиванию лояльности со стороны клиентов.
Читать дальше →
Total votes 36: ↑35 and ↓1+53
Comments16

HADI-циклы: самый короткий гайд по проверке гипотез

Level of difficultyEasy
Reading time3 min
Views26K

Привет, дорогой читатель. Меня зовут Богдан Гончаренко, я ведущий продуктовый дизайнер, ex-EPAM и Сбер Казахстан. Я веду авторский телеграм-канал о продуктовом дизайне, исследованиях и т. д.

HADI – ответ на ваши проблемы, связанные с гипотезами. Все мы хотим, чтобы наша работа приносила результат. А чтобы всем было удобно, я сделал шаблон для Notion, который вы можете скопировать себе и использовать на здоровье. О шаблоне позже, а пока:

Читать далее
Total votes 9: ↑6 and ↓3+8
Comments0

Создание архитектуры программы или как проектировать табуретку

Reading time25 min
Views695K
Взявшись за написание небольшого, но реального и растущего проекта, мы «на собственной шкуре» убедились, насколько важно то, чтобы программа не только хорошо работала, но и была хорошо организована. Не верьте, что продуманная архитектура нужна только большим проектам (просто для больших проектов «смертельность» отсутствия архитектуры очевидна). Сложность, как правило, растет гораздо быстрее размеров программы. И если не позаботиться об этом заранее, то довольно быстро наступает момент, когда ты перестаешь ее контролировать. Правильная архитектура экономит очень много сил, времени и денег. А нередко вообще определяет то, выживет ваш проект или нет. И даже если речь идет всего лишь о «построении табуретки» все равно вначале очень полезно ее спроектировать.

К моему удивлению оказалось, что на вроде бы актуальный вопрос: «Как построить хорошую/красивую архитектуру ПО?» — не так легко найти ответ. Не смотря на то, что есть много книг и статей, посвященных и шаблонам проектирования и принципам проектирования, например, принципам SOLID (кратко описаны тут, подробно и с примерами можно посмотреть тут, тут и тут) и тому, как правильно оформлять код, все равно оставалось чувство, что чего-то важного не хватает. Это было похоже на то, как если бы вам дали множество замечательных и полезных инструментов, но забыли главное — объяснить, а как же «проектировать табуретку».

Хотелось разобраться, что вообще в себя включает процесс создания архитектуры программы, какие задачи при этом решаются, какие критерии используются (чтобы правила и принципы перестали быть всего лишь догмами, а стали бы понятны их логика и назначение). Тогда будет понятнее и какие инструменты лучше использовать в том или ином случае.

Данная статья является попыткой ответить на эти вопросы хотя бы в первом приближении.
Читать дальше →
Total votes 88: ↑85 and ↓3+82
Comments45

Немодерируемые UX-тесты: 6 советов, как избежать факапов

Level of difficultyMedium
Reading time8 min
Views4.1K

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

Для UX-дизайнера плюсы немодерируемых тестов очевидны. Это быстрый — результаты можно получить за считанные часы, — недорогой и легко масштабируемый способ проверить решения. При этом у него есть существенный минус: невозможность скорректировать что-либо в процессе. К примеру, если мы узнаём об ошибках в ходе модерируемого исследования, то можем поправить гайд и быстро взять правильный курс. Немодерируемые тесты обладают меньшей гибкостью: как правило, если мы ошиблись в начале, то и результат будет некорректным. Именно поэтому к проведению таких тестов стоит относиться с особым вниманием, тщательно прорабатывая их содержание.

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

Читать далее
Total votes 25: ↑25 and ↓0+25
Comments2

Эффективное управление отношениями со стейкхолдерами

Level of difficultyMedium
Reading time9 min
Views9.1K

Без выстраивания хороших отношений со стейкхолдерами (или заинтересованными сторонами) на проекте далеко не уедешь. О том, как это делать like a boss, годная статья автора Кэт Бугард в блоге Miro.

Все картинки из Miro.

Читать далее
Total votes 21: ↑19 and ↓2+22
Comments2

Как мы в SM Lab локализацией занимаемся

Reading time9 min
Views995

Всем привет! Мы (Никита Звонилкин и Дмитрий Ёжиков) работаем в отделе локализации в SM Lab. Мы провели презентацию по теме интеграции локализации в процесс тестирования ПО на конференции SQA Days. Для этой статьи мы адаптировали эту презентацию, чтобы показать, чем локализация отличается от перевода. А ещё расскажем про основные этапы локализации, поговорим о подборе команды для проведения тестирования и о полезном софте.

Немного цифр. Спортмастер — большая компания, торговые сети представлены в 6 разных странах, а в 11 есть дополнительные офисы, в которых работают более 45 000 сотрудников. SM Lab — отдельно IT-подразделение, которое занимается разработкой софта и, собственно, его локализацией для стран нашего присутствия.

Тонкости локализации

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

Например, белый цвет, который в принципе везде считается нейтральным, в Японии могут расценить как траурный, так что не всегда будет уместно его использовать. В разных странах по-разному могут воспринимать ещё и жесты с символами, которые вам кажутся привычными и стандартными. Скажем, значок мира, который у нас так и воспринимается, в Великобритании лучше не показывать, он считается оскорбительным жестом. Большой палец вверх тоже у нас считается вполне себе адекватным, а вот жестовое обозначение “ОК” в той же Бразилии расценивается совсем иначе.

Если кто-то смотрел фильм Квентина Тарантино «Бесславные ублюдки», то вы явно помните сцену, в которой офицер под прикрытием (персонаж Майкла Фассбендера) заказывает жестом три пива, чем и выдает себя. 

Читать далее
Total votes 17: ↑17 and ↓0+17
Comments2

Проектирование загрузчика файлов

Level of difficultyMedium
Reading time6 min
Views9.1K

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

Читать далее
Total votes 5: ↑4 and ↓1+3
Comments2

Большой гайд по CJM — зачем, где и как его строить

Reading time9 min
Views150K

Большой гайд по CJM — зачем, где и как его строить

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

Один из полезных и крутых инструментов, который помогает мне улучшать продукт — это CJM 🤗

CJM или Customer Journey Map — это, если по простому, карта пути клиента. Инструмент визуализации, который лучше помогает представить путь пользователя — от возникшей у пользователя потребности и поиска им информации о продукте, до покупки и пользования продуктом.

Читать гайд по CJM
Total votes 7: ↑5 and ↓2+6
Comments7

Эволюция Server-Driven UI: динамические поля, хэндлеры и многошаг

Reading time7 min
Views27K

Server-Driven UI (SDUI) — это подход для динамичного и гибкого пользовательского интерфейса, когда сервер посредством API сообщает приложению, какие компоненты и с каким контентом отображать. Он довольно популярен, и мы его тоже используем на многих экранах — помогает быстро выпускать фичи в продакшн. 

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

Читать далее
Total votes 34: ↑33 and ↓1+32
Comments20

Объектно-ориентированный анализ BABOK

Reading time13 min
Views29K

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

Читать далее
Total votes 13: ↑9 and ↓4+7
Comments5

Интерфейс доступный каждому: практические рекомендации

Reading time18 min
Views7.1K

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

Читать далее
Total votes 10: ↑10 and ↓0+10
Comments1

Как я неделю просидел над десятью строками кода

Reading time4 min
Views27K


Недавно я столкнулся с серьезным препятствием, когда работал над возможностью перетаскивать вкладки в приложении Warp: если попытаться передвинуть конкретную вкладку, она потянет за собой всё окно. Понадобилась целая неделя изысканий и экспериментов, чтобы установить, откуда берет начало этот баг. Но в конечном итоге я исправил это в pull request-е, который состоял менее чем из десяти строк кода! Это несоответствие усилий выхлопу также заставило меня проникнуться сознанием того, что создание ПО включает в себя гораздо больше, чем просто написание кода. В этой статье я расскажу, как всё происходило.

Немного контекста: Warp – это терминал для разработчиков на базе Rust. При его создании мы использовали собственный кастомный UI-фреймворк, так что всё, что касается вкладок и перетаскивания, пришлось разрабатывать с нуля.
Читать дальше →
Total votes 32: ↑30 and ↓2+36
Comments41

Типографика: основные виды и характеристики шрифтов

Level of difficultyEasy
Reading time7 min
Views17K

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

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

Читать далее
Total votes 6: ↑6 and ↓0+6
Comments0

Accessibility/A11Y. Веб доступность — зачем и для кого?

Level of difficultyEasy
Reading time4 min
Views5.8K

Для кого эта статья: не знаешь, что такое доступность или только слышал о ней.

Согласно оценкам, 1,3 миллиарда человек, или каждый шестой человек в мире, страдает существенными ограничениями возможностей здоровья

Accessibility/A11Y. Веб доступность - зачем и для кого?

Читать далее
Total votes 5: ↑3 and ↓2+4
Comments0
1
23 ...

Information

Rating
Does not participate
Location
Россия
Date of birth
Registered
Activity