Позднее Ctrl + ↑

Публичные галереи в Скраппе

Про скрапп я уже писал: http://mikeozornin.ru/blog/all/scrapp-2-0/

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

Всякие красивые вещи:

Дейтпикеры:

Плакаты Игоря Штанга:

Диковатые плакаты Стрелки:

В новой версии Скрапп ещё стал удобней и красивей. Подробнее написал Андрей Ильинский:
http://ilinskiy.net/all/sharing-and-gallery/

У меня уже 950 тегов и 1175 картинок, я с ужасом думаю, если мне надо найти что-то в пинтересте (коллекцию из него я ещё перенес):

Присоединяйтесь: http://scrapp.me

2017   скрап
Подписаться на блог…

Как подписывать скриншоты: Шаблон в Скетче

Ян Хацкевич написал пост о том, как они в Драйв2 подписывают скриншоты:
http://priunil.ru/all/kak-oformlyat-skrinshoty/

В итоге они пришли вот к такой картинке:

Картинка из поста выше: http://priunil.ru/all/kak-oformlyat-skrinshoty/

Мне стало интересно как сделать такое в Скетче. Долго не мог понять как сделать белую дырку с размытым краем, в итоге придумал вот такую конструкцию.

Буду рад, если кому-то поможет. Если кто-то знает, как сделать лучше — напишите, буду рад совету.
Скачать исходник Скетча ↓

Подписаться на блог…

Что почитать и посмотреть — 10

Более важные-интересные отмечены значком Highlight. [Видео] — видео.

Дизайн

Deep dive CSS: font metrics, line-height and vertical-align Highlight
Суперкрутая статья как устроены шрифты, кегли и прочая типографика в CSS

LOT
Проект Вадика Мармеладова: одежда, обувь и аксессуары по подписке. Я не подписался, но картинки красивые

Canopy.co — A Curated Shop for Amazon
Сайт на котором собирают красивые вещи, продающиеся на Амазоне

Thieve — A curated list of the best products from AliExpress
Как Canopy только не для Амазона, а для Алиэкспресса. На нём тоже, оказывается, есть красота

Школа менеджеров
Бюро открыло Школу менеджеров. Из интересного — новые дисциплины и клёвый совместный проект. Нужно будет делать один проект в тройках: с редактором и дизайнером

Atlassian Design Guidelines
Обновились гайдлайны по дизайну Атлассиана

Computer Color is Broken [Видео]
Что не так с цветами в компьютерах

A Year of Google Maps & Apple Maps
Как поменялись за год карты Эппла и Гугла

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

Redditors design worst volume sliders possible
Дизайнеры со всего света придумывают самый идиотский регулятор громкости

Programmers imagine the most ridiculous ways to enter a phone number into a form
А программисты придумываются номер телефона. Первый способ я даже легко себе представляю

Ikea Cook this Page [Видео]
Концепт рецептов от ИКЕИ

ИТ, компьютеры

Последняя версия Вики [Видео]
Бобук записал видео-демонстрацию своего ассистента, которого он программирует в свободное время.

18 грехов менеджера продукта
Денис Бесков описал главные ошибки менеджера продукта

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

TM1 Клиентомер: Первая неделя во ФРИИ
Эта страница и далее. Леонид Касаткин рассказывает о том, что происходит в акселлераторе ФРИИ

sindresorhus/quick-look-plugins
Набор плагинов для быстрого просмотра (quick look) в макоси. Просмотр json, csv и т.д.

Назад в школу

Суета вокруг дивана
Чудесные задачи из мира математики

Почему авиастроительные корпорации делают одинаковые самолеты?
Как оптимизация влияет на всё

Почему Шилов — плохой художник, а Брюллов — хороший?
Осторожно, внутри картины Шилова

Шапито

Великое столкновение пикселей
Reddit дал толпе народа общее полотно для рисования. Что из этого вышло.
И на английском: http://sudoscript.com/reddit-place/

Право на воздух
Варламов пишет про плату за воздух (нет, это не платная парковка)

Банковская система Аргентины
Очень странная у них банковская система

Все выпуски по тегу что почитать.

Подписаться на блог…

Про наблюдения

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

Что это дает

  1. Повышает насмотренность, ну вы знаете.
  2. Радует. Очень радует заметить милые мелочи, типа погоды в день дойки или ар-нувошного дома Дяди Федора. Неимоверная крутота же.
  3. Прокачивает внимательность. Через некоторое время на автомате замечаешь необычные детали: мир становится интересней.

Как коплю

  1. Интересные штуки я фотографирую. Фотографирую на телефон, даже если только что снял на фотоаппарат — с телефона я разбираю почти все, а с фотика мало что. В момент съемки я ничего не записываю.
  2. По возвращении из отпуска или через несколько дней я разбираю фотографии и вытаскиваю наблюдения. Именно в этот момент я стараюсь понять зачем я это сфоткал, стоит ли оно моего внимания до сих пор или нет. Если там какая-то ошибка или неточность, я всегда задумываюсь или записываю как её починить.
  3. Фотографию кидаю в пинтерест (https://ru.pinterest.com/mikeozornin/наблюдения-моё ), ИФТТ перепостит её в твиттер.

Что собираю

Так сложилось, что мои наблюдения в основном можно поделить на категории:

  • невиданные ранее и необычные штуки,
  • совпадения,
  • приёмы (навигация, музеи,интерфейсы),
  • просто милые вещи.

Мои любимые

Наблюдения бывают разной степени успешности, вот самые любимые.

Дядя Федор жил в модерновом доме:

Узнаваемая рука из «Сотворения мира» показывает направление и сразу рассказывает, что там именно Микеланджело — подпись к указателю необязательна:

Вот смотрите, я убрал подпись и функция сохранится.

В эмодзи-то Хокусай:

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

Ничего особенного, просто план эвакуации. Из Колизея:

Идеальные подписи ко вкусам мороженного:

Некоторые штуки я не могу объяснить. Здесь матрешка, перевернутая R как Я, кефир и прочее создают ощущение русскости, но немного китайское:

Подборки:
на сайте Бюро http://artgorbunov.ru/observations/ruka-ukazatel/ (листайте вправо)
в пинтересте https://ru.pinterest.com/mikeozornin/наблюдения-моё/

Как запостить на сайт Бюро

Официальной инструкции нет, поэтому я напишу неофициальную (Бюро её не согласовывало, не читало и не проверяло).

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

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

    Вот интересный канал в тему: https://t.me/ponravu

    Подписаться на блог…

    Что почитать и посмотреть — 9

    Более важные-интересные отмечены значком Highlight. [Видео] — видео.

    Айти

    Почему Prince of Persia создавался 4 года Highlight
    История про внимательность, педантизм и изобретательность

    10 способов мошенничества, которые используют таксисты
    Обзор способов, некоторые изобретательные. Там же способы защититься

    Инопланетяне строят дома. Нет
    Никита Прокопов объясняет что же на самом деле было с сопроматом у нейросети

    When Pixels Collide
    Что будет, если кучу людей с кучей свободного времени пустить на общее полотно для рисования

    Дизайн

    Remove duplicate styles in Sketch
    Суперполезный плагин для Скетча

    Auto-Layout
    И ещё один, пользуюсь каждый день (вот прямо каждый)

    Артём Горбунов ищет менеджеров
    Вы не поверите, но Бюро начало искать менеджеров. Вакансия уже закрылась, но прочитайте про подход и требования

    Что такое Jobs-To-Be-Done и Job stories
    Все уже видели, но тем не менее. Как нужно писать пользовательские истории

    Помогите мне разобраться с собой. Мой клиент заказал фирменный стиль у другого дизайнера
    Артем Горбунов сформулировал чем мне не нравятся все эти обсуждения «Студия налажала и сделана плохо»

    Образование

    H.264 is Magic
    Доходчивый рассказ о том, как устроен самый популярный видеокодек

    Число Грэма на пальцах
    Насколько большие могут быть числа, правда это до сих пор сложно представить

    Как определить монтаж на фото
    Обзор способов определения монтажа, много и по делу

    Общество

    как должны проходить честные уроки литературы в школе Highlight
    Владимир Гуриев пишет правильные вещи

    Наука и жизнь: почему студенты физтеха сходят с ума
    О другой стороне известного вуза

    Никаких подарков в детские дома
    «Такие дела» рассказывают почему не надо задаривать детские дома

    Фото с убийцей
    Примерно так и устроены все истории про вождя народов

    Место крови
    Как и почему до сих пор на Кавказе существует кровная месть

    Без особой темы

    Как быть, если тебя достали
    Женя Арутюнов пишет как быть, если лезут с глупостями

    Шапито

    Совковые хитрости для советских женщин Highlight
    Подборки из рубрики «Домашнему мастеру. Советы» журнала «Наука и жизнь». Я ржал просто в голос

    Видео из детской хоккейной школы
    Александр Антропов выкладывает видео из детской хоккейной школы. Они вытворяют что-то невероятное

    إيش حيقولوا عنك؟
    Реклама Найка для арабских стран. Мне трудно представить как она на них влияет, но кажется, что это смело

    Nike: Из чего же сделаны наши девчонки?
    Аналогичная для России, не такая однозначная

    Москва, которую мы потеряли
    Саша Усольцев показывает фотографии, на которых видно как поменялась Москва на самом деле

    Все выпуски по тегу что почитать.

    Подписаться на блог…

    Новый Скрапп 2.0

    Андрей Ильинский анонсировал новый скрапп-2: http://ilinskiy.net/all/scrapp-2-0/. Так что можно рассказать про свой опыт и порекомендовать Скрапп.

    Я начал пользоваться Скраппом с первой версии, когда он был дипломным проектом другого Андрея (Кириллова). Он был не очень удобный в нем сложно что-то найти. К тому времени я посмотрел все другие программы: raindrop, dropmark, pixave, ember, но продолжил мучаться с пинтерестом.

    Я надолго забыл про Скрапп, пока Андрей не написал пост, что они начали реанимацию (http://ilinskiy.net/all/scrapp/). Я решил дать шанс и начал пробовать. Разработка шла не очень быстро, местами замирала и с новым Скраппом я прошел все стадии: воодушевление, разочарование, отчаяние. Уже почти был готов забить и вернуться на пинтерест. Но в какой-то момент все резко ожило и полетело.

    Я загадил им багами чат в чатре, они пустили меня в слак. Я начал писать туда. Устав копипастить из слака, они позвали меня в свой бейскемп. Я постил баги, жил с самыми свежими бета-версиями, пользовался бесконечными воркэраундами для загрузки картинок. Часто не вылезал из инспектора и присылал им видео для воспроизведения ошибок и HAR-файлы для фронтендеров. Я думал они меня убьют и забанят. Но нет. Они выясняли подробности и чинили (мне кажется, стиснув зубы, но не могу обещать).

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

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

    Картинку для поста нагло украл у Андрея.

    Приоткрою чуток свой скрапп, одних только дейтпикеров у меня 12 штук:

    Подписаться на блог…

    Про кроссовки Найк + Лебедев

    Чтобы вы не смотрели 1 час трансляции я записал главное. В скобках тайминги видео.

    Вот такие кроссовки, они черные. Белое с красным — это не вставка, это дырка в борту. Белое — фон, красное — стелька. (13:40)

    Черный цвет — не простой, кроссовок — катафот, будет светиться в темноте. (15:00)

    Лебедев сделал кириллический логотип Найка. (15:25)

    Логотип на язычке и подошве (21:21):

    Все ржали, когда Лебедев говорил про общение. Вот про общение. Это стельки. Когда все снимают обувь стельки разговаривают. У каждой модели будет 4 комплекта стелек. Цвета из схемы московского метро (20:00, интересно про то, что цвета московкого метро делали англичане).

    Произведены будут достаточно большим тиражом, больше 2 000 штук.

    Вопросы (28:28)

    Унисекс или нет?
    Да, решили широкой линейкой размеров, размеров всем хватит.

    Кто целевая аудитория?
    Я не верю в целевую аудиторию. Это для тех, кому она понравится.

    Сколько будут стоить?
    Неизвестно

    Когда работали, была ли 3Д-модель?
    Нет, не было. Созванивался по возможностям производства с дизайнером Найка. Это фотошоп, поэтому нет других ракурсов. В реальной работе при создании никто не делает 3Д-модель, только для рекламы.

    Давали ли при работе в Найке живые материалы?
    Материалы были, там вагон материалов. Завалено всем, чем угодно, бери и делай.

    Зачем окно в кроссовке?
    Чтобы видно было стельку.

    Почему Эйр Макс 97?
    Они самые крутые

    Как Найк отнесся к тому, что вы делаете отсылку к нецензурной лексике на стельках?
    Алина (из Найка): Найк хорошо относится к любому самовыражению, мы поддерживаем всех, кому есть что сказать.
    Лебедев: Я воспользовался той свободой, которую мне дал Найк.

    Почему найк а не найки?
    Потому что по-русски Найк.

    Перерыв.

    О чем вы думали когда участвовали в проекте?
    Меня волновала ответственность перед людьми, смогу ли я что-то придумать что-то новое и стоящее? Найк уже сделал 150 тысяч моделей. Слава богу я нашел что-то, что найк ещё не придумал.

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

    Почему именно Артемий?
    Ледебев: У меня нет сомнений почему. Меня можно не любить, но не замечать успехов нельзя. Я не стесняюсь хвалить себя.

    Далее про творческий проекты, я не смотрел.

    Если понравились кроссовки, голосовать здесь:  http://www.nike.com/voteforward#artemy-lebedev

    Подписаться на блог…

    Технозависимость 80 лвл

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

    Для того, чтобы в гостевой операционной системе (та, которая виртуальная) были полезные фишки типа проброса ЮСБ-портов и автоизменения размера есть специальное расширение Oracle Extension Pack. Показываю как выглядит процесс обновления этого расширения.

    Первый экран — виртуалбокс рассказывает о наличии обновлений:

    После того, как согласился обновить виртуалбокс, он предлагает скачать обновление:

    После загрузки и проверки (это два разных последовательных прогрессбара)

    предлагает установить обновление:

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

    Потом вмешиваются юристы

    и система безопасности макоси. Обратите внимание на количество разных окошек в фоне и заголовок «Network Operations Manager» (звучит как должность в Oracle).

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

    Я думал, что на предыдущем шаге все закончится, но нет. Даже то тупиковое модальное окно с одной кнопкой — ещё не конец — спросят что делать с тем временным файлом, который качали:

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

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

    Ещё раз все экраны вместе:

    Подписаться на блог…

    Как полюбить искусство

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

    Сейчас в отпуске я всегда выбираю картинную галерею, а не ресторан, стою в очереди на Серова и за полтора месяца покупаю билеты на Рафаэля.

    Расскажу, как я дошел до такой жизни и как дойти вам, не померев по пути со скуки.

    Зачем любить искусство

    Зачем вообще изучать это искусство, картины, художников и здания.

    Приносит удовольствие

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

    В мои слова трудно поверить. Я бы сам не поверил, если бы не испытывал этого визуального шока. В музее Академии во Флоренции я повернул за угол, увидел Давида и стоял не шевелясь пару минут. Года за четыре до этого мы шутили над коллегой, которая рассказывала про невообразимые «руки Давида». Только в музее, я понял, что она имела ввиду.

    Интересно

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

    Повышает насмотренность и визуальный вкус

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

    Другие эффекты

    Многие эффекты я даже не могу предсказать. Пикаперы найдут новый способ знакомиться: «Лена, а ты видела коллекцию из Ватиканской пинакотеки? У меня как раз есть два билета». Звезды инстаграма смогут порадовать подписчиков крутыми себяшками из музеев. Зануды-всезнайки смогут ещё больше блистать эрудицией.

    В любом случае вы ничего не теряете. Если не пойдет, всё просто останется на своих местах.

    Как начать

    Если начать не с того, можно легко потерять запал и желание. Я собрал безотказные с моей точки зрения способы начать погружение.

    Начните с простого

    Разное искусство требует разной подготовки. Как штангисты не пытаются сразу жать 300 килограмм, так и вы не пытайтесь начать со сложного или концептуального. Мой вам совет: не начинайте с русской живописи, авангарда, Поллока. Вот, что будет:

    • Русская живопись — Ну ок, березки, ёлки и медведи.
    • Авангард — О, у меня ребенок в пять лет точно так же рисовал.
    • Поллок — Эта мазня — тоже искусство. Что? 120 миллионов долларов за эту мазню?
    • «Фонтан» Дюшана — 0_o WTF?

    В живописи — правило трех Р

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

    Где найти: Рафаэля можно найти в Эрмитаже (Санкт-Петербург), Ренуара в Галерее Искусств Пушкинского музея (Москва) и Главном штабе (Санкт-Петербург). За границей за Рафаэлем ехать в Италию, за Ренуаром в Париж.

    В архитектуре — с модерна

    Если хотите начать погружение в архитектуру — начните с модерна (ар-нуво). Не лезть сразу в какой-нибудь из гаражей Мельникова.

    Где найти: Дом Рябушинского (в Москве), Витебский вокзал (в Питере).

    Прочитайте про жизнь художника

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

    Две книги: перед Микеланджело почитайте «Муки и радости», перед Ван Гогом — «Жажду жизни».

    Как не сдаться: проблемы по дороге

    Всё вокруг будет мешать и отвлекать, искусство будет идти со скрипом. Вот какие трудности вас ждут:

    Оригиналы далеко

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

    Что делать: Начать с Москвы и Петербурга. Эрмитажа, Пушкинского и Русского музеев для начала хватит. Те, кто часто ездит в Европу, заскочите в Дрезден, Париж и Италию — там очень высокая плотность шедевров.

    Искусство — непонятное

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

    Что делать: Расслабиться. Не пытаться вникнуть в символы, смотреть на красивое. Напомню: Рафаэль, Ренуар, модерн, импрессионисты и Ренессанс.

    Искусствоведы — нудные

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

    Что делать: Найти тех, кто не занудный. Могу посоветовать одного лектора: Елизавета Лихачева, ведет курс по архитектуре «Архитектурный ликбез». Лиза — непростая, своеобразная, с неслабыми заскоками, но у неё интересно. Я наконец-то начал отличать Ар-Нуво от Ар-Деко, различать «четырех архитекторов на Б»: Браманте, Брунеллески, Бернини и Борромини.

    Если можете кого-то посоветовать напишите, я впишу.

    За раз не осилить

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

    Что делать: Ходить регулярно и ненадолго. Идеальный вариант — зайти, посмотреть 10—15 картин и уйти. Ходить по Эрмитажу весь день чтобы, искусство полезло из ушей — неправильно.

    Все время откладываешь

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

    Что делать: Прямо сейчас откройте сайт музея и купите билет. Пост подождёт. Я подготовил ссылки: Пушкинский музей, Эрмитаж

    Что изменится

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

    Посмо́трите город

    Поедете смотреть на Матисса — погуляете по Питеру, поедете в Третьяковку — посмотрите Москву, узнаете где этот самый Московский дворик, и почему детям из «Тройки» тяжело тащить бочку. Искусство помогает изучить город, знание города помогает воспринять искусство.

    После оригиналов подойдут и копии

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

    Минус: мир вокруг сразу станет хуже

    Минус я знаю один: жить станет сложней.

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

    Что почитать

    Я собрал книги, которые могут в чём-то помочь.

    1. Непонятное искусство. От Моне до Бэнкси — Уилл Гомперц рассказываетс историю искусства так, как не стыдно пересказать в пабе друзьям: без заносчивости и зауми.
    2. История импрессионизма и Постимпрессионизм  — две хорошие книги по этим двум «-измам».
    3. Муки и радости — поможет понять Микеланджело.
    4. Жажда жизни — поможет понять Ван Гога.

    Бонус для тех, кто дочитал

    Расскажу про заголовочные картины Кандинского, Пикассо и Малевича. Моё восприятие их сейчас такое: умом понимаю, что они все очень крутые, революционные и суперважные для развития искусств. Эстетически не торкают, а Пикассо даже кажется антиэстетичным.

    Расскажите как у вас?

    Расскажите как у вас? Что нравится? Как постигаете? Какие есть секреты?

    Подписаться на блог…

    Как подписаться на блог

    Вот способы подписаться на блог и не заходить в него постоянно в ожидании постов (они очень нерегулярны).

    1. Через РСС
      Самый правильный способ. Новые посты будут приходить автоматически.
      Добавьте этот адрес http://mikeozornin.ru/blog/ в свою РСС-читалку.
      Если вы читаете РСС через Feedly, то просто нажмите: follow us in feedlyПодписаться
    2. В фейсбуке mike.ozornin
      Туда точно будут попадать все мои посты, но иногда буду писать что-то другое.
    3. В твиттере @mikeozornin
      Туда точно будут попадать все мои посты, но часто буду писать что-то другое.
    4. По почте
      Подписаться через FeedBurner, — там немного страшный интерфейс будет, но не пугайтесь, работает отлично.
    Подписаться на блог…

    Как собрать шрифт с иконками

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

    Зачем это делать, есть же фонтелло

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

    • Чтобы случайно не сломать шрифт. Если забыть иконку, которую уже выдавал и не загрузить в фонтеллу, то она не попадет в новый шрифт и где-то в интерфейсе пропадет иконка.
    • Подойдет, если дизайнеров несколько. Если дизайнеров в команде несколько, то нужна синхронизация между ними. Было бы круто, если бы каждый мог добавлять в шрифт иконки и не сломать чужой результат.
    • Легко встраивается в ваш CI-процесс.
    • Не всех устраивает внешний сервис. Внешний сервис может быть недоступен, он может внезапно обновиться, стать платным, и вообще не все готовы отдавать наружу свои иконки.
    • Разработчику сразу формируется и less-файл. Обмениваться кодами символов неудобно, они генерируются автоматически и могут измениться, использовать css-класс надежно, он не поменяется.

    Вариант 1. Собираем и отдаём шрифт

    Я выложил все необходимые файлы в репозиторий icon-font-public, скачайте его и распакуйте куда-нибудь.
    Скачать: https://github.com/mikeozornin/icon-font-public/archive/master.zip

    Шаг 1. Настраиваем среду

    Все эти заклинания надо произнести один раз, дальше не понадобятся

    1) Установить brew. Brew — это такой менеджер пакетов, который легко позволяет ставить программы и библиотеки. Выполнить в терминале команду:

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

    2) С помощью brew установить шрифтообработчики:

    brew install ttfautohint fontforge --with-python

    3) Установить node.js, скачать тут https://nodejs.org/en/ current-версию.

    4) Установить SketchTool
    При установленном Sketch выполнить в терминале команду:

    /Applications/Sketch.app/Contents/Resources/sketchtool/install.sh

    5) Установить grunt

    npm install -g grunt-cli

    Шаг 2. Сборка файла шрифта

    Для сборки шрифт нужно произнести в терминале заклинание:

    ./build.sh

    Если в первый раз не сработает, сделайте скрипт выполняемым:

    chmod +x build.sh

    В итоге при добавлении иконки нужно будет сделать:

    1. Нарисовать иконку.
    2. Собрать шрифт: ./build.sh
    3. Отдать файл шрифта и less-файл разработчику

    Что все это было?

    Всё, что описано выше работает так:

    1. С помощью SketchTool всё, что может быть экспортировано, экспортируется из скетча в СВГ-файлы.
    2. СВГ-файлы, полученные на шаге выше собираются в шрифт. Для этого запускается сборщик шрифта, который все СВГ-файлы собирает в шрифт, конвертирует его в нужный формат и формирует хтмл-страницу с превью.

    Вариант 2. Собираем и отдаём шрифт npm-пакетом

    Это ещё что такое?

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

    Шаг 1. Настраиваем среду

    Нужно настроить среду как в первом варианте, и дополнительно настроить локальный npm-репозиторий. Спросите вашего фронтендера как это сделать у вас в команде. Попросите его исправить файл package.json.

    Шаг 2. Сборка файла шрифта

    1. Нарисовать иконку.
    2. Собрать шрифт: ./build.sh
    3. Изменить версию пакета в файле package.json
    4. Выполнить команду grunt publish
    5. Передать разработчику шифровку «Выпустил пакет версии xxx».

    Вариант 3. Собираем и отдаём шрифт нугет-пакетом

    К сожалению про нугет ничего не знаю, но если кто-то соберет рабочий вариант, добавлю.

    На что обратить внимание при рисовании иконок

    При экспорте иконок надо не забыть перевести все в кривые. Чего не должно быть:

    • Радиусов скруглений
    • Покрашенным рамок
    • Текстовых надписей

    Если это будет, то иконка может выглядеть в шрифте плохо, даже если в СВГ-файле было всё ок.

    Если что-то не работает

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

    Подписаться на блог…

    Донато Трети «Астрономические наблюдения»

    В Москве сейчас проходит выставка картин, привезенных из Ватиканской пинакотеки. Среди них есть серия картин Донато Трети «Астрономические наблюдения».

    Восемь картин, размещенных вместе:

    А вот все восемь по отдельности:

    С сайта музеев Ватикана: museivaticani.va

    Серия была написана в 1711 году. Восемь картин изображают все известные на то время значимые тела небесные тела Солнечной системы: Солнце, 5 планет: Меркурий, Венера, Марс, Юпитер и Сатурн, Луна и какая-то комета. В 1711 году Уран ещё не открыт, его откроют через 70 лет в 1781 году.

    Картины были написаны специально по заказу графа Луиджи Фердинандо Марсильи. Граф был любителем астрономии, наук и меценатом. Написанные картины он послал в подарок Папе Римскому Клименту 11, чтобы показать важность астрономии как науки и убедить Папу выделить деньги на строительство обсерватории при Болонcком университете.

    Неизвестно, подействовал подарок или нет, но уже в январе 1712 года Папа подписал указ о пожертвовании во вновь создаваемую Академию наук при Болонском университете (Academy of Sciences of the Institute of Bologna). А в 1725 году было завершено строительство и открыта общественная обсерватория при Академии.

    Получается, что картины — это такая паверпоинт-презентация для девелоперского проекта Академии наук и обсерватории начала 18-го века.

    Подписаться на блог…

    Сударь, вы хамло!

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

    Как отвечать на тест

    В вопросах может быть несколько правильных ответов.

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

    Подписаться на блог…

    Тест по этикету

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

    Как отвечать на тест

    В вопросах может быть несколько правильных ответов.

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

    Если заметили ошибку, напишите на почту mike.ozornin@gmail.com или в комментарии.

    Чтобы отправить коллегам используйте эту страницу, или вторую: Сударь, вы хамло!

    Подписаться на блог…

    Что почитать и посмотреть — 8

    Более важные-интересные отмечены значком Highlight. [Видео] — видео.

    Дизайн

    Пост максимальной откровенности Highlight
    Артём Горбунов ответил на любые вопрос по бюро и прочему. Спросить уже поздно, так что почитайте ответы.

    UX-стратегия на практике. Часть 4
    Юрий Ветров продолжает рассказ про UX-стратегию. В этой части про команды: поиск, формирования, обучение, зоны компетентности, KPI.

    Сначала поручи, потом делай
    Максим Ильяхов рассказывает главное правило делегирования.

    Generating fantasy maps
    Алгоритм и его реализация для автоматического создания карт миров. Если будете писать «Властелина колец» может пригодиться.

    How We Built the World’s Prettiest Auto-Generated Transit Maps
    Как автоматические рисовать красивые схемы транспорта.

    Техноведро
    Бюрошные разработчики начали вести техноведро. Первая часть — про учебник типографики и верстки.

    Дизайн государственных систем · Facebook
    Шрифт для интерфейса государственных систем. Начало процесса
    Александра Королькова рассказывает про государственный шрифт для экранных интерфейсов и показывает первые наброски.

    Finding the best free fonts for numbers
    Ликбез по выбору шрифта для чисел.

    Общество

    Россия уходит в подполье: Пять дней в гаражах Тольятти Highlight
    В Тольятти живет даркнет только в реальности. Мы тут все в цивилизованных городах отвыкли от этого.

    Welcome to the real Matrix [Видео]
    Эксперимент «обе белые» на взрослых.

    Стыдные вопросы про август 91-го
    Ликбез по путчу.

    Проклятие Ичкерии. Доклад «Новой газеты»
    Большой рассказ про ситуацию в Чечне и как к этому пришли.

    Назад в школу

    Новые рассказы о том, что на самом деле изображено на русских картинках. (Посмотрите старые выпуски, там было ещё). Highlight
    Савицкий. Ремонтные работы на железной дороге
    Репин. Крестный ход в Курской губернии
    Маковский. Приезд учительницы в деревню
    Рубо. Живой мост
    Савицкий. На войну
    Василий Максимов. Семейный раздел

    И ещё тот же историк рассказывает об особенностях правосудия в царской России.
    Часть 1 и часть 2.

    Научно-технические мифы, часть 1. Почему летают самолеты?
    В школе неправильно рассказывают почему летают самолеты.

    Таблица умножения
    На всех тетрадках сейчас таблица умножения, а не таблица Пифагора. Почему это плохо.

    Что будет, если подать в электросеть постоянный ток
    Мысленный эксперимент. Такое задание должно быть в школе после темы «электротехника». Пришлось повспоминать как устроен ток.

    Euclidea
    Игра для построения всего циркулем и линейкой. У них есть есть Пифагория, тоже норм.

    Правоведение для чайников
    Артем Русакович объясняет на пальцах, 13 частей уже.

    Никуда не влезло

    Домашка
    Сергей Король и Саша Волкова о том, как полезно делать перед спорами домашку.

    Организации будущего
    Руководитель ТаргетПроцесс Михаил Дубаков рассказывает своё мнение об устройстве организаций будущего. У меня вот такое же ощущение, только я так подробно не напишу.

    Шапито

    Финские лесорубы
    Лесорубы показывают чудеса эквилибристики.

    Все выпуски по тегу что почитать.

    Подписаться на блог…

    Чаты поддержки в мобильных приложениях: как не надо и как надо

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

    К сожалению такие чаты часто оказываются плохими. Расскажу, почему плохие и как надо.

    Технические проблемы

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

    Сообщения не отправляются или теряются

    По неизвестной причине у сообщения появляется «Сообщение не отправлено». Приложение не пытается отправить снова и издевается: не даёт попробовать снова, не рассказывает причину, а иногда даже не даёт скопировать. Когда клиент допишет описание проблемы второй раз, он будет уже раздражен, а описание будет менее подробным (мало кому понравится писать подробно второй раз).

    Плохо загружается история

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

    Примеры всяких ошибок из чата Билайна. Собраны за 15 минут.

    Реализация слишком простая

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

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

    Нетехнические сложности

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

    Предлагают общаться с роботом

    Как только в чат всплывает бот и предлагает выбрать категорию вопроса, я чувствую себя оказавшимся в голосовом меню, в котором нужно нажать тайную последовательность 2, 6, 4, 8, 2, чтобы попасть на живого человека.

    Всегда выбираю произвольную категорию в таких случаях

    Перекидывают между операторами

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

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

    Донимают повторными вопросами

    Мало что бесит так, как пересказ проблемы следующему оператору. Почему он не может прочитать историю переписки. Пример из жизни:

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

    Не надо так.

    Не дают времени на ответ

    Чат — не звонок, он не подразумевает мгновенного ответа. Пользователь может написать вопрос и пойти на обед или поработать. Не требуйте от него молниеносной реакции. Обожаю эту переписку Сергея Короля и Тинькоффа:

    Добрый день!

    Не берут времени на ответ самим себе

    Бывает так: написал вопрос, отложил телефон. Через минуту: пилик. Открываешь, а там «Добрый день, сейчас уточню». Если на ответ надо 2-5 минут, то лучше подождать и писать уже по делу. А вот если на ответ понадобится час, то я бы предупреждал.

    Ошибаются с тональностью общения: слишком формально или излишне дружелюбно

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

    Я придерживаюсь простого правила: следи за собеседником. Если он перешёл на «ты», то тем самым разрешил и тебе, поставил эмодзи — можно аккуратно поставить в ответ.

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

    — У меня проблема, украли все деньги с карты! Что делать?
    — Без паники ;-) Сейчас поможем! :thumbs:

    Кто-нибудь знает, как в Эгее вставить эмодзи?

    Слишком часто здороваются

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

    Напоминаю: все операторы для пользователя — один и тот же человек, а один человек не здоровается перед каждой фразой.

    Общаются как роботы

    Шаблоны ответов ускоряют работу, но их лучше маскировать, чтобы не было ощущения, что разговаривает робот. Например, так:

    — Доброй ночи! У меня есть айпэд, смогу на нём подключить эппл пей, будет работать?
    — Доброй! Михаил, смотрите, вот требования к эппл пей:
    Подробное описание требований
    Если кратко: вы не сможете прикладывать планшет в магазин, чтобы заплатить. Если у вас планшет не старше, чем эйр или мини 4, то сможете оплачивать в магазинах через браузер сафари, покупать приложения в магазине app store и делать in-app-покупки.

    Шаблон занимает больше половины текста, при этом нет ощущения, что говоришь с роботом.

    Пускают в чат рекламщиков

    Все это брендированные приветствия выглядят фальшиво и мешают. Вот о чем я говорю:

    — Пусть эта осень принесет Вам только положительные эмоции!
    — Меня зовут Мариванна. Теплого осеннего настроения вместе с «Билайн»! :)
    — Яркой и красочной осени вместе с Билайн, Михаил!
    — Моря позитива вместе с Билайн
    обратите внимание, что в одном случае «Билайн» в кавычках, а в другом нет.

    Заставляют человека делать непонятные действия

    Пользователь хочет решения проблемы, все остальное — препятствия. Он не хочет, и при любой возможности откажется, выставлять категорию обращения, критичность или срочность своего обращения по шкале от 1 до 10.

    Он не хочет пересылать своё же сообщение на help@yourcompany.com, чтобы технические специалисты могли решить проблему. Переслать обращение куда бы то ни было должен оператор.

    Ещё к странному относится вопрос «Как я могу к вам обращаться?». Вы знаете моё имя, фамилию, отчество, дату рождения, паспорт, мои последние звонки и спрашиваете как обращаться?

    Как надо

    1. Иногда лучше никак, чем плохо. Теле2 не делает свой чат, а оказывает саппорт через телеграм. Очень удобно: привычный и удобный интерфейс, ничего не тупит и не глючит.
    2. Если делать своё, то платформа должна:
      • не глючить и быстро работать,
      • уверенно подгружать историю,
      • позволять копировать свои сообщения и отправлять файлы.
    3. Кроме технической платформы нужно:
      • разработать гайдлайны по общению, чтобы операторы все общались примерно одинаково,
      • соблюдать этикет чата, а не звонка или личной встречи,
      • заготовить шутки заранее, чтобы они были удачными и не вымученными,
      • с умом шаблонизировать ответы, чтобы не терять зря время,
      • не допускать в чате рекламной шелухи,
      • тренировать операторов, чтобы не путали пейпасс, пейвер, пейпал и эппл пей,
      • отдельно готовить операторов к запускам и важным обновлениям.

    Ссылки по теме:
    http://kirillbelyaev.com/all/standard-tools-in-services/

    P. S. Вот пример как не надо. Я всего лишь хотел убрать надоедливое сообщение:

    2016   чаты
    Подписаться на блог…

    Лего-сумка (концепт)

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

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

    Подписаться на блог…

    Учебник Артёма Горбунова «Типографика и вёрстка»

    Год назад вышла первая глава учебника Артёма Горбунова «Типографика и вёрстка». Артём просит отзыв. С удовольствием.

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

    Что могу сказать

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

    Книга не заменит Чихольда, Мюллер-Брокманна, Брингхёрста, Харровера, но я убежден, что начать лучше с учебника, а книги воспринимать как доп. литературу.

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

    С удовольствием рекомендую учебник всем, кто просит подсказать что-то по верстке. Игорь Штанг вот тоже советует: http://nobelfaik.livejournal.com/114586.html

    Плюсы

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

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

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

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

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

    Минусы

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

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

    Иногда не хватает примеров (как раз за примерами и можно идти в упомянутые книги).

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

    Готов ответить на вопросы, если вдруг у кого есть.

    Подписаться на блог…

    Почему у корпоративных продуктов плохой дизайн и что делать

    Скриншот 1С (1С, прости)

    Интерфейсы корпоративных программ (те программы, которые компании покупают для своих сотрудников) —лакомый кусочек для самоутверждения дизайнера. Всем нравится показывать как там всё технозависимо, неудобно, нелогично, какая там эстетика 15-летней давности. Да что таить, у меня и самого сохранены интерфейсные решения из нескольких, с пометкой «так делать нельзя».

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

    Почему так

    Покупает не пользователь
    Все относительно просто, когда пользователь покупает себе программу сам. Если мне не нравится Виндоуз, я куплю Мак, если не нравится мейл.апп на маке, я куплю себе какой-то другой почтовый клиент. В корпоративном секторе не так. Пользователи (например, секретари) не выбирают себе систему документооборота. А у тех, кто покупает (например, Административный директор или ИТ-директор), другие приоритеты (↓).

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

    Фичелисты побеждают
    При покупке продукты часто сравнивают по фичелистам: списку возможностей. Менеджер у клиента составляет такую табличку, пробегается по альтернативам и ставит галочки. Удобный интерфейс — одна строчка, а «наличие поддержки протоколов smtp, imap, pop3, exchange» — сразу четыре строки с галочками. Поэтому часто функции делают очень простыми, чтобы заявить наличие галочки.

    Компании-разработчики — технологические
    Бывают компании дизайнерские, а бывают технологические. Когда возникает конфликт технологии и дизайна Эппл скорей поменяет технологию, чтобы выдержать дизайн, Гугл сменит дизайн, чтобы не менять технологию. В разработке корпоративных продуктов технология часто побеждает дизайн.
    Тарас Шаров про технологические и дизайнерские компании: https://youtu.be/-iClc1gEZ8w?t=10m31s

    Легаси в технологиях
    Легаси — профессиональный жаргонизм, которым обозначают старое технологическое наследство. Технологическая основа продуктов часто старая: у многих основные компоненты были написаны 10 или более лет назад. За эти 10 лет к ним с разной успешностью применяли новые на тот момент фреймворки и языки. Такой зоопарк приводит к тому, что современные решения приделать тяжело, удобный поиск не сделать, потому что база не той схемы, современные паттерны использовать нельзя, потому что Джава 1.4 (это старая).

    У клиента тоже могут быть старое оборудование и программы. Они разрабатывались ещё для компьютеров с Виндоуз ХР и работают с оборудованием через СОМ-порт. Новые программы должны работать не хуже имеющихся, поэтому вынуждены поддерживать старую операционную систему, браузер, оборудование, этот старый порт и уметь печатать имеющимися матричными принтерами. Как только упоминаешь, что приложение должно работать на ИЕ 6.0, все фронтендеры сразу грустнеют.

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

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

    Сложно найти дизайнеров
    Дизайнеры предпочитают сайты, а не системы документооборота или СиЭрЭм. СиЭрЭм обычно непрезентабельна, сложна, её нельзя было выложить на биханс или дриббл. Иногда находятся дизайнеры, которых это не пугает. Часть из них сразу тухнут от сложности систем и уровня абстракции.
    А те, что находятся со временем уходят во внутренний Таиланд.
    Про внутренний Таилайд: http://artgorbunov.ru/bb/soviet/20130304/

    Фичи неконтролируемо растут
    Большой, сочный закачик (допустим, Роснефть) легко продавит нужное ему решение даже в коробочный продукт. Продукт раздуют функцией, нужной только Роснефти. Если таких заказчиков несколько, но получается зоопарк, плохо живущих друг с другом функций.

    В любой непонятной ситуации добавляется параметр
    Т. к. функций много (см ↑) то в любой непонятной ситуации проще не принимать решение и сказать «давайте сделаем настройку, кому надо — настроят под себя». Излишние параметры делают продукт грузным, неповоротливым и сложным.
    Как лишние настройки убивают продукты: http://limi.net/checkboxes-that-kill/

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

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

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

    Что помогает

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

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

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

    Что делать

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

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

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

    Договариваться с тестировщиками
    Можно зайти с обратной стороны: договориться с тестировщиками или внедренцами чтобы завели баг (сообщение об ошибке). Ошибки часто чинят в первую очередь, даже если они не очень критичны. Можно воспользоваться этой особенностью.

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

    Переводить на язык бизнеса
    Если хороший для пользователя дизайн перевести на язык бизнеса, то его покупают охотней. Не «удобней заводить задачи», а «понадобится на 25% меньше операторов».

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

    Ссылки по теме:
    http://www.lowkee.com/all/sever/

    Что забыл? Где не прав? Что думаете?

    Подписаться на блог…

    Нериторические вопросы

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

    Кто тебя так учил верстать?
    Ты знаешь про теорию близости?
    Ты про паттерны разработки вообще в курсе?
    Ты проверял перед коммитом?

    Если в коллективе принято так общаться, то люди привыкают просто пропускать такие вопросы. Заодно привыкают не отвечать и на обычные, возникает тупняк:

    — Почему ты так сделал?
    — А как надо? Скажи как, я сейчас переделаю.
    А мне же хочется не переделки, мне хочется чтобы просто объяснили почему так.

    Или:

    — Почему тут зеленый?
    — Давай заменю на другой.
    Да мне не надо другой, расскажи почему зеленый, может всё и ок.

    В этих случаях вопрос — это просто вопрос: спрашивают почему кнопка именно тут, а цвет зеленый. Хотят знать, почему она тут и зеленый. Не надо оправдываться, надо ответить.

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

    Было Стало
    Почему тут… Расскажи, а почему тут…
    Я не очень пойму, почему тут…
    Тебе не кажется, что? Мне кажется, что… Что думаешь?

    Я стараюсь не употреблять в этих добавках «ты», чтобы не было так:

    —А почему ты решил, что так лучше?
    Даже если мне правда интересно, выглядит это как наезд.

    А как вы спрашиваете так, чтобы не было ощущения риторического вопроса? Поделитесь приёмами.

    Подписаться на блог…
    Ранее Ctrl + ↓