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

Личная продуктивность

Что думал в начале 2019:
- Энергичный сфокусированный человек всегда выиграет у уставшего и раздёрганного.
- Чтобы быть энергичным и сфокусированным, нужно качественно спать (http://t.me/desprod/80), правильно питаться (http://t.me/desprod/123), много двигаться (http://t.me/desprod/145), ограничивать приток входящей информации (http://t.me/desprod/270), медитировать (http://t.me/desprod/343).
- Вообще страшно интересно узнавать о том, как работает твой организм, откуда у тебя берётся энергия, и максимально использовать это знание.
- Некоторые ребята пытаются ещё усилить эффект с помощью фармакологии (http://t.me/desprod/153), но, на мой взгляд, это супер-опасно — всё равно, что ковыряться обычной отвёрткой в тончайшем часовом механизме. Мы слишком мало знаем о долгосрочных последствиях приёма всех этих препаратов.

Что думаю в начале 2020:
- Вся эта «физиологическая» продуктивность не является достаточным условием того, чтобы у тебя что-то путное получалось. И даже необходимым условием не является.
- Всё это — гигиена. Не медитировать — то же самое, что не чистить зубы.
- Гораздо важнее, на чём именно мы собираемся фокусировать свою энергию и зачем нам это.
- Можно сколько угодно высыпаться, правильно питаться и заниматься физкультурой, но если у тебя нет чёткого честного ответа на вопрос о том, зачем ты работаешь, то толку от всей твоей энергии никакого.
- Уставший раздёрганный человек с сильной внутренней мотивацией вполне может выиграть у энергичного и сфокусированного. Особенно если последний не понимает, зачем в это всё ввязался, и на самом-то деле ничего не хочет. Зато когда у человека есть настоящая причина, которая его вдохновляет, он даже невыспавшийся готов свернуть горы.
- Так что, кажется, настоящая продуктивность начинается с ответа самому себе на вопросы «что надо сделать» и «зачем». Но это уже тема для отдельного разговора.

Кажется, неплохая статья о том, как анализировать данные

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

Вот несколько советов о том, что ж делать-то:

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

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

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

4. Проверьте, что контекст сбора данных был верным. Если вы собрали данных за два года, то половина из них может оказаться нерелевантной из-за изменившегося контекста (например, был проведён редизайн сайта).

5. Собирайте данные из разных источников, чтобы собрать полную картину и проверить данные на противоречия.

6. Выделите свои основные KPI и смотрите на них. Так не потонете в пучинах таблиц и цифр.

7. …но сравнивайте их и с другими метриками, которые идут с KPI в противоречие.

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

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

10. Категоризируйте и кластеризируйте качественные и количественные данные — так с ними будет проще работать.

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

12. Используйте цветовое кодирование… очевидно. ✅

13. Используйте когортный анализ, когда это возможно. (Ну такое)

14. Используйте специальные тулы. (Тут в статье реклама видимо)

https://databox.com/how-to-analyze-data

Вадим Митякин написал о проектировщике в рамках продюсерского подхода к созданию цифровых продуктов

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

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

Нет универсального навыка проектировать любые системы на любых технологиях для любых отраслей. За проектировщиком стоят:
— Реальный опыт создания систем, когда у него была возможность проверить разные гипотезы и узнать, как может вести себя система в реальной рабочей среде;
— Системный подход — поиск и своеобразные вычисления, за которыми стоят и прототипирование и способность смотреть на задачу с разных точек зрения.

Проектировщик — человек, имеющий привычку принимать решения. И имеющий достаточно смелости для этого.

Как состояться в профессии:
1. Насмотренность — знакомство с разными областями знаний;
2. Исследования — освоение выбранной области знаний;
3. Мастерство — использование своих знаний и создание новых областей знаний.

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

Исследования должны находиться за пределами других этапов проекта. Иначе вся присущая им неопределённость смешается с более предсказуемыми частями проектного процесса и породит в хаос.

HTML-разметка — это просто текст, который делит страницу на смысловые (и не очень) блоки

Когда браузер получает HTML-документ, он на его основе создаёт древовидную структуру блоков, вложенных друг в друга. Каждый объект при этом называется узлом.

Потом к узлам применяются CSS-стили и получается та страница, которую мы видим в браузере.

К любому из узлов можно обратиться через JS как к объекту, чтобы узнать и изменить их свойства или содержимое, создать новые узлы или удалить старые. Структура этих объектов и называется DOM — Document Object Model. Она нужна для того, чтобы вы могли динамически менять содержимое документа после его загрузки в браузер.

Подробнее в видео: https://youtu.be/TKxR2tNxTcA
И в примере с кодом: https://codepen.io/detepr/pres/mQqKZO

Синхронизация с заказчиком

И вот мы провели ряд исследований — и что же это значит? Как передать свои идеи заказчику? Как синхронизироваться?

Есть три отличных метода, как на ранних стадиях показать заказчику то, что его ждет на выходе (ну а нашем случае самим понять куда мы движемся)

Вот эти три метода:
-пресс релиз
-идеальный день пользователя
-design challenge

Пресс-релиз
Это описание вашего продукта/редизайна, которое вы могли бы дать профильным СМИ, или приложить в качестве описания для магазина приложений. Пресс-релиз — это взгляд на текущую работу из будущего, как будто работа уже завершена и вы готовитесь к релизу.

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

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

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