Френч-пресс
143 subscribers
114 photos
2 videos
1 file
225 links
Канал Антона @zGrav Григорьева о жизни и проектировании интерфейсов. Est. 2017
Download Telegram
https://htmlacademy.ru/intensive/nodejs

На странице курса в HTML Academy работает эффект якоря. Пользователь изучает описание и уже хочет узнать, сколько стоит эта красота.

Где-то на пятом экране появляется акцентная цифра 100 000 ₽ и кнопка «Записаться на курс». Но нет, это не стоимость курса, а зарплата разработчика на Node.js.

Стоимость курса находится на предпоследнем экране и составляет всего 23 400 ₽ — намного меньше тех ста тысяч, о трате которых посетитель сайта уже успел подумать.
Выложил 3-й выпуск рассылки проектировщика «Быстрые прототипы и AR»: https://vandergrav.ru/fast-prototypes-and-ar/
Выложил конспект книги «Покупатель на крючке» Нира Эяля: https://vandergrav.ru/hooked-book-big-summary/

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

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

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

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

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

Чем масштабнее нужны фальсификации, тем больше шансов, что в день выборов всё выйдет из-под контроля. Если 80% голосов «Против» и всего 20% «За», фальсифицировать очень сложно. Поэтому важно получить как можно больше настоящих голосов «За».

Избирателей можно разделить на 5 категорий: 1) Активно за вас; 2) Скорее за вас; 3) Нейтральные; 4) Скорее против вас; 5) Активно против вас.

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

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

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

https://www.youtube.com/watch?v=9Qxszg7yqSI
https://designpub.ru/5adb20506136

Забавно, что статья с названием «Страдания начинающего UX/UI дизайнера», рассказывающая о сложностях трудоустройства после курсов, заканчивается рекламой курсов.
Объединил в одну статью 2 выпуска рассылки проектировщика от 18 и 25 декабря 2016 года. (Как быстро летит время…)

«Как улучшить UX готового продукта» — список решений, как сделать интерфейс понятнее, быстрее, приятнее. Типовые ошибки текстовых плейсхолдеров. Подсказки (снова), документация и крайние состояния.

https://vandergrav.ru/polishing-in-uxd/
Опубликовал ещё 2 выпуска в одной статье. Это одни из самых для меня ценных выпусков рассылки, так как а) не переведены и не пересказаны, а написаны чисто от себя, б) забавно вспоминать сейчас эти ситуации.

«Фейлы в работе с клиентами»: https://vandergrav.ru/fails-with-clients/
Ещё несколько анонсов:

1. «Дизайн — это работа» — конспект одноимённой книги Майка Монтейро: https://vandergrav.ru/design-is-job-book-summary/

2. «Чекбоксы и радиокнопки для gov.uk» — как и почему обновили стиль контролов в сервисах gov.uk: https://vandergrav.ru/checkboxes-and-radios-on-gov-uk/

3. Книжка «Технологии цифрового маркетинга: создание рекламной кампании», в написании которой участвовал я, теперь доступна на Литресе: https://www.litres.ru/anton-grigorev-24141/tehnologii-cifrovogo-marketinga-sozdanie-reklamnoy-ka/
Как объяснить пятилетке, чем занимаются веб-дизайнеры (или дизайнеры интерфейсов)?

Прежде чем отвечать на этот вопрос, полезно задать себе другие вопросы:
— Зачем объяснять это пятилетке? Точнее, что пятилетка должен (или должна) потом с этим пониманием делать?
— Зачем кто-то кроме интересующихся пятилеток будет искать ответ на этот вопрос?

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

А потом добавил бы, что он и сам прекрасно это понимает (и находится на первом шаге моей инструкции).

Допустим, папа хочет, чтобы пятилетний ребёнок мог объяснить друзьям, чем занимается его родитель, а заодно — сформировать уважительное отношение к профессии. Как писал Маяковский, «папы этого ответ помещаю в книжке»:

«Смотри, ты в планшете смотришь мультики. Твой папа решает, какие и где на экране должны быть кнопки, надписи и картинки, чтобы все понимали, как остановить мультик, выбрать другой, сделать громче или тише, и чтобы всем было удобно это делать».
Теле2 получает приз за самую спрятанную кнопку выхода из личного кабинета. Первый скриншот — страница «Обзор». Этот пункт в меню не выделен, но не суть.

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

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

Остаётся пункт «Настройки». Там кнопка выхода и находится — в самом низу, серая.
Это страница привязки банковского счёта к корпоративному профилю в PayPal.

Стоит заметить, что это десктопная версия, которая отображается на 15-дюймовой прошке с шириной экрана 1440 пикселей. Такой вот Mobile First.

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

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

Выглядит она так (особенно с красными подписями), будто обычный расход — 57, а автоматически получено значение, превышающее обычное более чем в 100 раз. Ахтунг!
В форме входа в «Альфа-Банк» обратная связь отображается в виде всплывающего сообщения справа. Сообщение висит несколько секунд и пропадает. (Не делайте так.)

Пользователь в целом понимает, что произошло, но когда сообщение пропадает, он остаётся с вопросами:
— Какой там был телефон для связи?
— Что сказать оператору, как эта ошибка названа на сайте?

Чтобы увидеть сообщение снова, надо ещё раз нажать на кнопку «Подтвердить».
Слышал обсуждение убийств людей за карикатуры на пророка Мухаммеда. У одной из сторон была позиция, что это, конечно, ужасно, и исламским фанатикам нельзя убивать людей, но их можно понять, так как эти карикатуры их оскорбляют (иначе говоря, оскорбляют чувства верующих). А значит, надо перестать этим заниматься, иначе фанатики будут продолжать убивать.

Обсуждение ничем не закончилось, но я сформулировал своё мнение.

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

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

Эти неадекватные люди могут быть и среди исламистов, и среди белых англосаксонских протестантов. Вот с ними и надо что-то делать, а не завязывать с карикатурами.
В игре Among Us (если кто не знает, это такая «Мафия» в космосе) есть классная фича — тонкая настройка параметров игры.

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

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

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

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

И так далее. Таким образом игру можно адаптировать под навыки и сообразительность конкретной компании игроков.
Как сыграть в Rocket League (это такой футбол на машинах) на PS4.

Часть первая:
— Попытаться скачать игру;
— Увидеть, что надо ввести срок действия и код безопасности добавленной ранее карты. Так как игра бесплатная, действие кажется бессмысленным;
— Попытаться ввести номер другой карты, так как добавленную ранее я был вынужден заблокировать. Понять, что поле с номером карты отредактировать нельзя;
— Вернуться в меню и перейти к настройке платёжных данных;
— Увидеть запрос пароля и пойти за ноутбуком, так как пароль сложный и проще войти в личный кабинет на сайте, чем вводить пароль с геймпада;
— Открыть сайт PlayStation в Сафари и увидеть сообщение, что браузер не поддерживается. Безуспешно попытаться войти в ЛК;
— Попробовать в другом браузере. Нажимать на разные кнопки, похожие на кнопки входа, и ссылки, которые могли бы вести на форму входа;
— Попробовать ещё раз в Сафари. Внезапно, то есть без прохождения формы входа, обнаружить себя авторизованным;
— Добавить новую карту и вернуться в PS4;
— Ввести срок действия и код безопасности карты;
— Скачать игру.

Часть вторая:
— Запустить игру;
— Увидеть просьбу войти в профиль Epic Games или зарегистрироваться. К счастью, у меня этот профиль уже есть;
— Открыть в телефоне специальную ссылку и ввести отобразившийся в PS код, чтобы связать её с профилем в Epic Games. Это было не сложно, так как совершенно случайно телефон оказался авторизован на сайте Epic Games;
— Вернуться в PS;
— Попытаться согласиться с лицензионным соглашением. Понять, что его надо прокрутить до самого конца, чтобы кнопка согласия разблокировалась;
— Согласиться с лицензионным соглашением.

Как (раньше можно было) сыграть в танчики на Dandy:
— Купить картридж с игрой;
— Вставить его в приставку;
— Запустить игру.
Пара заметок с Дизайн-просмотра 2020 в СПб:

1. Михаил Розов (Pinkman):

Если работаешь с дизайнером-подрядчиком с почасовой оплатой, меньше вероятность, что дашь ему нечёткую обратную связь в формате «не нравится». Скорее, сам найдёшь референс, поможешь что-то настроить в программе (например, для 3д-моделирования), чтобы он сделал быстрее.

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

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

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

2. Максим Ильяхов:

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