Grumpy Website

 

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

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

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

А вот как открывается картинка на Айфоне. Срабатывает системный компонент, где все уже учтено и протестировано на миллионе случаев. Изображение подгоняется на ура. Я могу его призумить, промотать, послать на почту и что там еще.

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

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

Это с одной стороны логично, потому что если начать загрузку файла, то панель загрузок таки растянет окно Хрома снизу. Но это тоже неправильно!

Служебная панель — внутренняя деталь окна. Она должна появляться и пропадать внутри.

UPD: подсказывают, что это только на маке такая ерунда. WHY?!

тут twitter.com/lazeez/status/918012620547948544 в твиттере возник спор, мол насколько вообще допустимо переводить чисто технические термины (в данном случае команды git). Мол, это и не слова вовсе, а некие токены, пиктограммы практически, которые есть смысл только запомнить, а понимать их все равно бесполезно.

Мне этот пример нравится, потому что иллюстрирует ситуацию «ошибся адресом». Все, кто критикуют перевод — естественно, давно знакомы с каноническим английским git-словарем (merge, branch, resolve, revision graph) и то, что на картинке, их конечно приводит в ужас, потому что непривычно, запутывает и вообще зачем два слова для одного и того же.

Я не спорю, для тех, кто с git уже знаком в его каноническом виде, может читать по-английски, имеет уже какой-то опыт и вообще в теме, _для них_ это всё не имеет смысла и ужас-ужас. Для них. Но они — это не все. Не надо думать, что если вам программа неудобна, она неудобна для всех. Выключите. Пройдите мимо. Это не вам и не про вас. И скажем так, человеку, который не испорчен git cli, не читает по-английски, такой перевод вполне может помочь git-ом на самом деле воспользоваться. Конечно, это так себе долгосрочный план, и надо где-то все равно прочитать про концепции (в книге по git на русском они вполне будут переведены тоже). Но если ты не собираешься свою жизнь с git связывать (плачет), если он нужен вот для нескольких операций прямо сейчас и идти учить английский ради этого не вариант, то почему бы и нет? Да, эти команды — токены, но слова все-таки намекают, хотя бы ассоциативно помогают запомнить, что будет происходить. Легко ругать бессмысленность перевода, когда он тебе не нужен.

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

Ну и вот, виджет Вконтакта тоже такой. Смахиваешь, а он не смахивается. Но это как бы странно, лишать меня возможности выкинуть нафиг песню, которую я сам же и включил. Поэтому они и не лишают, и сделали для этого специальный крестик. Т.е. сначала они блокируют смах, а потом делают кастомный крестик, который ровно его же функцию и выполняет ¯\_(ツ)_/¯

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

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

С точки зрения дизайнера причина есть. Она решала свою дизайнерскую задачу и такое вот решение получилось. Формально это компромисс: в пустом поле удобнее всего placeholder, в заполненном — label. Ну а оба ставить бог минимализма не велит.

А вот с точки зрения меня, пользователя, обычного человека, работяги, получается вот что: я ввожу первую букву и на экране что-то происходит. Label уезжает наверх! Что это? Почему? Это я сделал? Я не хотел. Я не специально. Мне это не нужно. Это индикация чего? Очевидно, это переход из одного состояния в другое. Но для меня эти состояния не имеют объяснения, смысла. С моей точки зрения пустое поле и поле, в которое я ввел ровно одну букву — _одинаковые_ состояния неоконченного ввода. В обоих случаях я еще в процессе ввода. С вводом первой букву это состояние никак не меняется. С вводом последней — да, для меня это состояние будет иметь смысл («я закончил ввод»). К сожалению, в интерфейсе для индикации этого как раз ничего нет.

В Убере нельзя просто взять и позвонить водителю (Боромир.jpg). Нужно нажать на карточку с лицом. Появится дашбоард поездки. Нажать "contact". Откроется окно чата. В правом верхнем углу (для моего удобства) нарисована телефонная трубка. Вот она, цель. Нажимаю, появляется выпадашечка: звонок или смс?

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

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

Создаю нового пользователя в корпоративном G Suite. Первое окно — имя-фамилия и желаемый адрес. Думаю, что за "Additional info" интересно? Жму. Открывается новое окно, на вид очень похожее на первое, но вся моя инфа как будто пропала. Внизу какие-то previous и next — непонятно. Хочу уйти отсюда — жму Cancel и вообще вылетаю из создания юзера. Введенные данные потеряны.

А если нажать Next, то попадешь в третье окно. Чтобы вернуться в начальное нужно два раза нажать на Previous. Что?

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

как вы думаете, где дроп-зона у твиттера при написании твита? На той панели, где уже есть одна загруженная картинка? Это было бы слишком просто. Нет, дроп-зона в поле для ввода текста! А всё, что перетаскивается рядом (!) с загруженной (!!) уже (!!!) фоткой, никак не обрабатывается, просто убивается текущая страница (читать про этот загон grumpy.website/post/0Ols7Op3w). Нет, никакой индикации на hover, как у всех приличных приложений, тоже нет. Это можно установить _только_ опытным путем. Почему дроп-зона не вся страница тоже не очень понятно

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

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

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

Даже хорошие сервисы нет-нет да пришлют письмо с просьбой оценить сервис по 10-бальной шкале. Или вероятность порекомендовать другу.

Мне искренне интересно, что потом делают с этими данными. Неужели считают среднее арифметическое? Приходят к боссу и говорят: получилось 6 целых и 9 в периоде, движемся верным путем.

Даже если все сложнее, и не арифметическое, а взвешенное, с разбивкой по странам и браузерам, то все равно, в чем смысл? Как это улучшает продукт?

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

Предположим, что среднее составило 7. Это вроде ниче так, больше половины. А по пятибальной шкале 3+. Едва лучше приемлемого минимума.

Компания должна спросить: напишите о проблемах, рассмотрим. Будут сорваны покровы: с Адблоком ничего не видно, форма не работает, приложение крашится. Кто-то не уйдет в отпуск (возможно, вы).

Это тяжелый, но честный путь.

Pages:
155...15141312111098...