Михаил Греков написал, как сделать удобнее таблицы, с помощью которых пользователи управляют данными (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% рабочих таблиц модальный режим просмотра уступал просмотру записи на отдельной странице».

Умное отпиливание

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

В процессе работы, как я и говорил, мы отпиливали многие идеи и фичи о которых я писал выше.

Но отказ от одной конкретной идеи оказался очень показательный и лично для меня является мастер классом по обоснованию своих решений.

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

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

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

А вот и не совсем, мы были уверены в этом пока на одной из консультаций к нам не подошла Оля Сартакова…

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

Мы показали ей наш концепт с бесконечным скроллом, задали несколько вопросов. Она посмотрела на остальные макеты и… сломала мне голову!

Она за пять минут обосновала почему ТАК ДЕЛАТЬ НЕЛЬЗЯ, и сделала это так уверенно и обоснованно, что я был прямо таки поражен и захотел когда-нибудь научиться также.

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

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

Искусство задавать вопросы

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

История
В середине 60-х в США в маркетинговую компанию обратился магазин мебели с целью повысить свои продажи.
Маркетологи начали свою работу с того, что стали задавать вопросы:
Как происходит процесс продажи?
Продажа происходит по каталогам.
Как вы доставляете эти каталоги?
Их кладут в почтовые ящики
Что с ними происходит дальше?
Люди забирают рекламные каталоги и хранят их дома.
Чем ваша продукция отличается от конкурентов?
Особо ничем не отличается — у конкурентов представлен схожий ассортимент.
Тогда как покупатели выбирают, где сделать покупку?
Чаще всего люди просто берут первый попавшийся буклет и делают заказ.

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

Искусство задавать вопросы от Жени:
• Спрашивать только про опыт — как человек занимался чем-либо. Например, вместо вопроса — что вы думаете об этой функции, лучше спросить — когда вы в последний раз пользовались этой функцией?
• Если респондент обобщает — значит он врет. Маркерами могут являться такие фразы как: «в целом мне все нравится», «если разобраться, то ничего сложного нет» и т.д.
• Если человек не пытается решить проблему — значит её нет.
• Задать 5 почему подряд

Чем отличается результативность, продуктивность и эффективность друг от друга?

Если привести пример на человеке, которые изготавливает какую-либо продукцию, то получится следующая картина:

Результативность — это когда 100 гаек за 8 часов.

Продуктивность — это когда те же 100 гаек, но за 6 часов.

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

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

Денис Невожай о доме будущего и дизайне интерфейсов для часов.

Старший UX-дизайнер в Essential
http://dnevozhai.com/

— Привет Денис. Чем ты занимаешься в Essential?

UX Design для Home продукта. Если точнее, то работаю над архитектурой и логикой для таких систем как домашняя безопасность, управление IoT устройствами в доме и т.д.

— Почему ты решил заниматься только UX? У тебя же и UI отлично получается)

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

— Как будет работать дом будущего?

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

— Ты занимался интерфейсами для Alcatel One Touch и Amazfit. Что нужно в первую очередь учитывать, рисуя дизайн для часов?

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

— Как ты проверял свои решения?

На телефоне с маленьким, кругленьким экраном внутри )

— Как делать UI для круглых экранов?

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

— Что смогут делать носимые устройства через 5 лет?

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

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

— Какие устройства станут популярными через 5 лет?

Штука, которая взорвет мир — дополненная реальность. Но это произойдет только когда эти устройства смогут быть достаточно незаметными и не «странными» как Google Glass. Был слух от знакомого, который работает в Magic Leap, о том, что люди на закрытом демо не могли отличить искусственные объекты от реальных. Это впечатляет, обнадеживает и пугает.

— Ты много путешествуешь. Какое место нужно посетить каждому дизайнеру?

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

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

— Apple или Google?

Apple. Он очень грамотно строит экосистему, где все продукты работают слаженно и дополняют друг друга. Он делает самое крутое и красивое железо. Apple перевернул многие индустрии, поднял планку качества. Заботится о приватности пользователей и делает много хороших вещей, параллельно подсаживая все больше и больше людей на свои продукты ;)

Написали о том, как увеличивали дизайн-команду

И про мои персональные фэйлы.

Я уехала отдыхать и поэтому тут так тихо, но уже немножко отдохнула.


Выжимка о самом важном при найме UX-дизайнеров:

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

🖍 Постоянно пробуем новые каналы поиска и докручиваем текст вакансии. Найм дизайнеров это не «запостил и жду». Последние 9 месяцев мы в постоянном поиске, отсмотре резюме, изучении новых каналов, придумывании идей. Описали в статье что по каждому каналу получили и как с ними работать.

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

🖍 Проверяем логику, знания и аналитический склад ума с помощью тестового задания на собеседовании. А вот тут ссылка на нашу структуру собеса: https://www.notion.so/angryknowledge/UX-6fee56aec868401da0331c818f16c333 (https://www.notion.so/angryknowledge/UX-6fee56aec868401da0331c818f16c333)

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

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

🖍 Качаем HR-бренд в СМИ и соцсетях — это важно для найма сильных спецов. Рассказываем, какие проекты делаем и как устроены процессы.
Не надо рассказывать какие вы классные и какой у вас офис уютный. Это уже есть у всех. Говорите о делах, проектах — найдёте не тех кто за уютом, а тех кто за идеей и близок по духу.

История целиком: habr.com/ru/post/479844

Карьерный путь у разных профессий разный

Карьерный путь у разных профессий разный

Но с годами я заметил несколько универсальных этапов по которым развивается лидерство:

◾️1. Вы Стажер. Вы умеете выполнять поручения, действуя по инструкции. Иногда ошибаетесь. Ваша миссия: учиться.

◾️2. Вы Ассистент. Вы умеете выполнять не четко сформулированные задания. Задаёте уточняющие вопросы когда требуется. Ваша миссия: помогать.

◾️3. Вы Исполнитель. Самостоятельно отслеживаете задачи по мере поступления. Выбираете одно из подходящих известных решений. Ваша миссия: следовать процессу.

◾️4. Вы Специалист.Вы полностью берете на себя ответственность за решение задач и приходите с планом. Придумываете нестандартные и уникальные решения. Ваша миссия: решать проблемы.

◾️5. Вы Эксперт. Вы полностью отвечаете за область сложных задач и разрабатываете лучшие решения самостоятельно. Вы - "ракета с лазерным наведением": когда вам указали на цель, вы точно ее достигните. Ваша миссия: находить лучшее решение.

◾️6. Вы Ведущий Эксперт. Вы не только самостоятельно находите решения, но теперь вы ещё и формулируете новые задачи. На этом этапе вы "ракета с тепловым наведением" - чувствуете цель и следуете за ней. Ваша миссия: видеть новые задачи и возможности.

◾️7. Вы Управленец. Вы идентифицируете задачи и находите людей, которые их решат. Нанимаете и управляете сотрудниками. Ваша миссия: строить структуру, способную находить и решать задачи.

◾️8. Вы Директор. Вы отвечаете за стратегию и культуру команды. Находите, растите и назначаете управленцев. Дизайните структуру команды и процессы. Ваша миссия: создать среду в которой сформируется структура, находящая и решающая задачи.

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

https://www.instagram.com/p/CGu5JUZJyGk/