Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (CRM, ERP и прочие системы).

Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (CRM, ERP и прочие системы).

Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (CRM, ERP и прочие системы).

В первой статье разбирается просмотр данных.

1. Рабочая таблица должна занимать максимум места на экране. Как вариант — опция «на весь экран».
2. Объединяйте данные. Если есть данные о фамилии, имени и отчестве, их целесообразно вывести в один столбец ФИО. Должность или роль в системе тоже можно присоединить к ФИО.
3. Бесконечная прокрутка и кнопка «Показать ещё» не подходят для отображения строк таблицы. Делайте постраничную навигацию. Это удобно и для коллективной работы с таблицей.
4. Показывайте по умолчанию больше строк на одной странице: 50, 100, 500.
5. Используйте цветовые индикаторы. Красить строку целиком стоит только при отклонении от нормы.
6. При наличии цветовых индикаторов полезно отображать легенду цветов.
7. Храните пользовательские настройки вида, не сбрасывайте их после окончания сеанса.
8. Связанные сущности (название организации может быть связано с карточкой организации) полезно делать ссылками на соответствующие карточки. Но если таких сущностей в строке много, выделите только полезные в работе.
9. Строка должна подсвечиваться при наведении курсора. Должна быть возможность выделить строку кликом на неё.
10. Нет ничего страшного при появлении горизонтальной прокрутки.
11. В некоторых случаях полезно маркировать просмотренные записи.
12. Должна быть настройка отображения столбцов с системными свойствами (ID, дата создания, автор, дата изменения).
13. Переход к просмотру записи удобно сделать по двойному клику.
14. Иногда удобен режим предпросмотра, когда по клику открывается не вся запись, а сводка по ней, как в Google Drive.

«Строка в таблице часто является прелюдией к просмотру полной информации по записи. На моей практике в 99% рабочих таблиц модальный режим просмотра уступал просмотру записи на отдельной странице».

Шейн Дойл написал о неидеальных состояниях интерфейса.

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

  1. Пустое: контент ещё не добавлен, нулевые результаты поиска, пользователь удалил контент.
  2. Загрузка: когда загружается контент или выполняется какое-то действие. Важно донести до пользователя, что программа не зависла.
  3. Частичная наполненность: когда есть только часть контента. Подумайте, как помочь пользователю сделать так, чтобы получить идеальное состояние.
  4. Неидеальное: слишком длинный или короткий текст, изображения в неправильном формате или отсутствуют, нет части контента. Пользователь не должен думать, что программа сломалась.
  5. Интерактивное: фокус на элементе, заполнение поля и другие изменения интерфейса после взаимодействия с пользователем.
  6. Ошибка: нет подключения к сети, пользователь сделал что-то не то, системная ошибка. Важно, чтобы пользователь понимал суть ошибки и что ему делать.
  7. Выполнение действия: когда пользователь справился со своей задачей. Состояние может отличаться для разных пользовательских задач.

https://ux.pub/proektirovanie-razlichnyh-sostoyaniy-interfeysa/

Адам Сильвер написал о всплывающих подсказках (tooltip).

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

Проблемы:
1. Пользователи не всегда замечают, что подсказки есть.
2. Пользователь должен что-то сделать, чтобы получить подсказку. Плохо, если в ней находятся, например, требования к паролю. Скорее всего, пользователю придётся их посмотреть.
3. Подсказки могут частично закрывать содержимое и элементы интерфейса. Чтобы заполнить поле, пользователю придётся запомнить текст подсказки.
4. Подсказки могут обрезаться на маленьких экранах.
5. Элементом, с которым пользователь взаимодействует для отображения подсказки, может быть иконка без подписи. В этом случае не всегда бывает понятно, как указать на этот элемент при голосовом взаимодействии с интерфейсом. «Нажми на колокол, нажми на уведомления…»
6. Отображение подсказки при наведении курсора — не самый удобный способ взаимодействия: курсора нет на тачскринах, ховер может быть отключен, сложно прицелиться, пользователь может навести курсор случайно, нельзя взаимодействовать с текстом подсказки (например, скопировать).

Решения:
1. Переделайте дизайн. Если для работы с интерфейсом пользователю нужны подсказки, это плохой интерфейс.
2. Подпишите иконки или замените их на текстовые ссылки.
3. Сделайте важные пояснения видимыми по умолчанию.
4. Для подсказок используйте inline toggle, который активируется кликом и не скрывает содержимое с элементами управления.

https://ux.pub/problemy-s-podskazkami-tooltips-kak-ih-razreshit/

Как все успевать

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

А вообще, это отличный повод поговорить о том, как все успевать.

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

Зачем?

Боюсь, тут не обойтись без предыстории.

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


Но по итогу первого семестра я понял, что был слишком самонадеянным.

Мне очень нравилась тусоваться на занятиях и рассуждать по поводу UX, но с учебой я конкретно ложанул. В первом семестре мы работали над личными проектами и я серьезно застрял на уровне идеи — и когда все уже отрисовывали UI, я все ещё решал какая механика у моего приложения. Все это привело к тому, что на защите я с треском провалился и получил трояк. Тогда мои глаза открылись — как так! Неужели я хуже вон тех ребят? Да не может быть!

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

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

Сразу после начала занятий я начал вести этот канал, а в учебе, если видел, что кто-то в группе или команде делает больше чем я, воспринимал это за личное оскорбление и начинал работать с ещё большей силой.

В итоге первый проект, про городские исследования, был похож на молниеносную войну. За 1,5 месяца мы прокопали тему, нашли интересное решение и неплохо его презентовали — в итоге единственная пятерка в группе.

Реванш за тройку и закрытый гештальт.

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

Все что я рассказывал в предыдущих постах про исследование и UX у нас получалось довольно неплохо, и вообще процесс шел налажено и гладко — мы изучали продукт и генерировали решения. Я думал, что все так и продолжится пока мы не дошли до блока UI… но об этом чуть позже. 

Так как же все успевать?

Как в и любом деле главное захотеть. Толчком может послужить злость, как в моем случае. Много хотеть, ничего не успевать, злиться на себя и все таки делать.

Если вы принимаете на себя подобные вызовы (а британка это, несомненно, вызов), то нужно вовремя понять зачем это тебе и идти до конца.

Иначе для чего вообще бросать себе вызов?

Три важных слова

ОБСУЖДЕНИЕ ПРОЕКТА ТОЛЬКО НАЧАЛОСЬ, И У РЕБЯТ ЗА СТОЛОМ ЕЩЁ МНОГО ОТЛИЧНЫХ ИДЕЙ. Но мне нравится та версия, с которой на встречу пришел я сам. Она мне кажется просто безупречной, и лучше придумать им явно не удастся. Так иногда бывает, что ты вроде участвуешь в разговоре, слушаешь доводы и аргументы, но внутри уже все решено. И ты камень. Скала. Какие бы ни возникали идеи, они для скалы как капли дождя. Как ветер или тонкий слой пыли. Снаружи могут покрыть, но внутрь проникнуть – нет. Благодарю всех, заканчиваю встречу и предлагаю перейти к реализации моего плана, предвкушая большой успех.

Чем старше мы становимся, тем больше разного нам удается делать хорошо. Быть разумными, надевать шапку, принимать спокойные решения и выбирать важное вместо срочного. А когда ты знаешь, что многое делаешь хорошо, легко стать заложником своего авторитетного мнения. И чем ты кажешься себе сильнее, тем сложнее сказать тебе три простых слова, цена которых может быть очень высока. Можно потратить уйму времени, ресурсов, поставить под угрозу людей, углубиться в самые дебри и запутать все окончательно. Лишь бы не расставаться с ней. Со своей точкой зрения, защищая ее любой ценой. И если ты только кажешься сильным, то, скорее всего, будет именно так. А вот действительно, есть ли сила внутри, узнать очень просто. Только сильный может сказать всем вокруг три важных слова: «Простите, я ошибся».


Это был фрагмент из письма Splat №152

Почему пользователи уходят

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

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

А вот ситуацию, которая попадает во вторую категорию, анализируем, находим истинную причину неудовлетворенности и извлекаем из этого максимальную пользу. За пользователей из этой категории стоит побороться, узнав, что им не нравится. Если цена, то предложите скидку. Если не хватает функционала, то узнайте, как улучшить продукт. Но не забываем про положительный ROI. Нелогично тратить $50к на разработку нового функционала, чтобы вернуть одного пользователя LTV c которого будет $1к.

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

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