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

Карьерный лайфхак 2020

Карьерный лайфхак 2020

ВЫУЧИТЕ АНГЛИЙСКИЙ.

Всё.

Десятки дизайнеров, и, думаю, сотни — с о т н и — совершенно прекрасных ребят, которые хотели в Miro → просто завалились на знании языка.

«Я выучу», «я учил», «мне надо разговориться», «я устроюсь, и сразу буду заниматься», «я забыл, но вспомню», etc.

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

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

И ещё много чего нельзя.

Что сделать прямо сейчас:

1. Установите английский язык на девайсах. Это простой и быстрый способ погрузить себя в цифровую языковую среду.

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

Там в принципе всё понятно и так, а для мозга снизит стресс и порог входа в язык.

|
|
|
Сделайте это сейчас :–)
|
|
|

Что дальше [бесплатно]:

2. Начните каждый день читать статью на английском по интересующей вас теме.

Мозг будет уставать — это ок.
Утром даётся проще, выделяйте на это хотя бы 5 минут.

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

Подписки можете скопировать у меня: https://mobile.twitter.com/vladzely

Несколько медиа:

https://www.itsnicethat.com
or
https://www.smashingmagazine.com
or
https://techcrunch.com
or
https://uxdesign.cc
or
https://underconsideration.com

3. Скачайте себе любое приложение по изучению языка (Дуолинго, Бусу, Лингвалео, Мемрайз, етс) и просто тупите 10-15 минут утром и вечером.

Каждый день. Важна регулярность.

4. Пассивное изучение: слушать и читать.

Так как статьи вы уже читаете → дальше аудио и видео. Я мало смотрю кино, но много слушаю музыки, поэтому начал просто с переводов песен.

Нравится песня → гуглите название + lyrics (хотя в эпл мьюзик это уже встроено) → читаете текст, переводите, если не знаете. Затем слушаете вновь.

Нужно учиться различать устную речь.

Если смотрите видосы — то на английском и с английскими субтитрами.

Быстрый старт — ТЕD:
https://www.ted.com/talks

Если вы дизайнер:
https://www.highresolution.design

or

https://www.netflix.com/ru/title/80057883


5. Также важно тренировать активное изучение языка: сначала начните формулировать мысли письменно, затем запишите себя на диктофон → ужаснитесь. И продолжайте.

Важно искоренять корявое произношение. Акцент может оставаться, но важно, чтобы вы были understandable.

6. Если вы совсем 0 и любите, когда кто-то объясняет по видео → гуглите и практикуйте «Полиглот английский 16 часов»

Там есть базовая грамматика + минимальный словарный запас для старта.

7. Продержитесь так месяц → дальше можете вливать бабки.

Куда вливать бабки:
8. Репетитор: вы можете быть удивлены, но репетитор не гарантирует вам прогресс. Он гарантирует вам хотя бы какую-то регулярность.

Два раза в неделю по часу лучше, чем 10 часов в субботу один раз в месяц.

Ну и репетитора как психолога можно менять. Тут вам и Айтолки, и Скайинг, и рекоментации знакомых — последнее самое крутое.

9. Учебные пособия и курсы.

Из книжек → самые базовые и понятные — это два сборника грамматики Мёрфи: красный, элементари и синий, интермидиейт. Они с картинками, очень простым английским + есть задания с ответами в конце.

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

10. Just practice.

Язык — это просто куча часов и практики. Никакого секрета.

Читать, писать, слушать и говорить.

Если вы будете делать что-то одно, то будете уметь что-то одно.

По уровню лёгкости:
Читать → Слушать
Писать → Говорить

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

Нет, вы не выучите язык за месяц и даже несколько.

Просто начните им пользоваться и получать удовольствие.

Бонус. Два странных приложения: Tandem и Wakie, где иногда можно найти кого-то адектватного для переписки или созвона.

Это долгий путь, но через полгода вы будете рады, что начали сегодня.

Недожали

Сегодня речь пойдет о таинственной формулировке «недожали» или особенности преподавания UI.

Как вы помните, UI не самая моя сильная черта (https://t.me/bukhtiyar/161), поэтому я поделюсь взглядом человека, которому нужен был спасательный круг в этой новой сфере. И судя по отзывам, многие, из пришедших в британку, также ждали прокачки своих скиллов в визуале. Но были ребята и с богатым опытом в полиграфии и иллюстрации — им, безусловно, было легче. Но ни я, ни многие другие не получили должного внимания со стороны преподавателей. Давайте попробуем разобраться почему.

Что вообще нужно для того, чтобы научиться делать красивый UI (ну, кроме таланта, конечно)? Необходимо пройти через большое количество проб и ошибок, т.е. чем больше повторений сделано — тем более качественный результат.

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

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

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

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

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

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

Что же по обратной связи — то блок, который вел Женя закончился, и чтобы получать хоть какую-то обратную связь я стал донимать Сергея Гальцева, на что однажды получил комментарий, что он уже не отвечает за блок UI, т.к. со второго семестра является куратором курса. Исторически он вел блок UI, в первом семестре так и было. Но во втором семестре блок UI вел Женя Бондарев, при этом Сергей также продолжал комментировать макеты и принимать активное участие. Но четкого понимания, кто рулит процессом и несет ответственность не было. Я уже молчу про ситуации, когда комментарии разных преподавателей по одному макету противоречили друг другу.

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

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

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

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

Но практически до самой защиты я был недоволен результатом и постоянно переделывал экраны так или иначе.

Советы по общению, речи и зачем быть похожим на крокодила, о которых вы не просили.

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

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

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

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

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

Продолжение позже…

Дизайн 21 века

Дизайн 21 века

Дон Норман в новом видео рассказывает о будущем дизайна и проблемах дизайн-образования:

https://youtu.be/7FJNsqoC4tI (https://youtu.be/7FJNsqoC4tI?fbclid=IwAR2L5_Q8sum7igZyKP2-VXXTWuh8dAC3vwU95yIP6-OeGRRJKxYFoWvGDLg)

«Дизайн 21 века»

1. Изначально дизайн пришёл к нам из века 20, когда дизайнеры преимущественно создавали физические объекты.

2. Сейчас же новый век, всё в компьютере → и поменялась профессия. Появились сервисы, а не только предметы.

3. Service design introduced two great components: journey map and service blueprint.

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

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

6. Эти профессии дают широкое понимание мира → и потом это понимание мира уже применяется на практике.

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

8. Хочется, чтобы дизайн-образование учило не только создавать новую систему освещения, что важно и классно, я люблю красивые объекты и не хочу это потерять.

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

10. Ещё большая проблема: как помочь другим сделать это? Какие у людей есть возможности и потребности?

11. Если бы меня попросили решить эту же проблему в отдаленном регионе Африки или Америки — здесь были бы другие решения.

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

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

14. Но именно дизайнеры лучше всего могут решить эти проблемы.

Дизайнеры думают широко.

Дизайн — это метод, а не набор компонентов.

15. Мы должны учиться работать с разными людьми из разных частей общества: политиками, местными жителями, медицинскими работниками или людьми, которые болеют.

16. Мы должны думать о том, что где-то разрывают город, чтобы проложить трубы, которые, возможно, и не нужны. Какие ещё есть решения?

Что насчёт воды?

Как получить чистую воду там, где нет электричества?

17. Это — будущее дизайна: работа над комплексными социо-технологическими системами.

Это то, чему мы должны учить молодых начинающих дизайнеров.

Сожми окошко

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

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

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

Хорошо бы ещё подобрать шрифт, оформление, но это уже совсем для задротов.

Видишь, какой будет простыня — меньше переделывать.