Grumpy Website

freetonik: Если в папке Google Drive (macOS) удалить расшаренный с кем-то файл, то клиент через несколько секунд покажет предупреждение. Между действием и откликом машины проходит так много времени, что я уже забываю, что я там делал, я уже ушел в другое приложение, в другой контекст работы.

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

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

igrishaev: Множественные выпадающие меню это проблема. Разработчик думает: на все кнопки места не хватит, поэтому оставлю главную, а остальное засуну под выпадашку. Кому нужно, тот нажмет.

Это называется «заметать мусор под ковер». Кажется, что все чисто, но при работе вылазит грязь.

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

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

Стрелочка вниз открывает меню для выбора периода.

Круглая стрелочка ничего не выкидывает, а обновляет ленту.

Тройные «точка тире» открывают диалог отображения элементов.

Последнее многоточие — все, что не влезло: сортировка, новое или старое, переименовать, удалить. У каждого элемента иконка для большего шума.

Запутанней уже нельзя, но в этом меню есть пункт «more settings» с шестеренкой. Еще больше настроек! При ее нажатии открывается диалог переименования, в то время как «rename feed» расположен рядом.

nikitonsky: Догадаться поставить рядом три выпадающих меню и каждому сделать свою _уникальную_ иконку это надо уметь!

nikitonsky: После анонса grumpy.website в твиттере нас критиковали, что на ресурсе про интерфейсы нет ссылки на RSS-фид. Мол, надо лезть в код страницы, чтобы ее вытащить и скормить читалке.

Яркий пример профессиональной деформации: слишком хорошо подкованные технические специалисты не видят, что у простых людей жизнь проще и приятнее. Любая читалка уже давным давно принимает обычный адрес веб-страницы (то, что у вас в браузере сверху написано) и находит все технические ссылки сама. Смотрите, как это просто и логично выглядит для человека: я хочу подписаться на grumpy.website, я пишу в читалке «grumpy.website» и она меня подписывает! Магия! (плюс некоторое количество правильных технических заклинаний, о которых нужно знать только нам, техножрецам). Более того, если вы совсем уж нормальный-пренормальный человек, можете просто написать «ворчание ягнят», и как минимум Feedly тоже нас находит.

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

freetonik: Диалоговое окно открытия файла в Хроме. Каждый день приходится выгружать что-нибудь в веб (прикладывать файлы к письмам, закидывать скрины коллегам, выкладывать видео и т.д.). Каждый раз в приступе клаустрофобии пытаюсь растянуть это окошко – у меня куча пространства вокруг!

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

А вот сохранение файла открывает нормальное большое окно – i.imgur.com/BF8dUCr.png

nikitonsky: зацените кнопочку «спам» в телеграме. По сути кнопку «не спам» сделали микроскопической (у меня палец толще) и догадались поставить внутрь (!!!) кнопки Спам. Чувствую себя каждый раз как сапер

freetonik: Google Maps записывает и хранит историю перемещений. Ее можно смотреть в Your Timeline. Заходишь внутрь, там сегодняшний день и несколько иконок. Я уже много раз пользовался этой фичей, но постоянно допускаю одну и ту же ошибку: думаю, что стрелочка слева от даты перенесет меня на предыдущий день.

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

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

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

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

В принципе, все эти фичи правильные, они по делу, и с ними ну как бы лучше, чем без них. Лучше же, когда слайды хранятся отдельно от видео, это более честно, лучше соответствует тому, что происходило, формат с меньшими потерями. В конце концов, нет ничего смешнее, как конференции до сих пор пытаются научиться в одно прямоугольно окно видео-после-доклада впихнуть два прямоугольных потока видео (докладчик и экран), которые, естественно, без дыр ну никак не укладываются. Каких только лайаутов я не видел! И конечно приятнее когда слайды хранятся в кристальной чистоте исходно цифрового формата (в идеале вообще — вектора), а не снимаются с аналогового VGA с ужатием до broadcast-safe RGB (16..235 вместо 0..255) и помехами (см. grumpy.website/post/0OY1ao_LV).

Всё это хорошо, но поговорить я хочу о _соразмерности_. Когда делаешь дизайн/продукт/программу, у задачи есть некоторая сложность, что ли. Комплексность. Так вот, решение должно быть соразмерно задаче. Можно придумать классные фичи, изобрести новый формат подачи, ублажить посетителей так и эдак. Но если в корне задача простая и понятная, то на всё «экстра» всем будет пофиг. А пофиг значит что и даже делать этого не стоило, что это немножко вредит даже.

В примере с докладами выложить доклад == выложить одно-единственное видео. Всё что идет сверх этого — не нужно. Ну потому что видеофайл а) уже good enough, и б) про него всем всё уже понятно. Любые фичи сверх этого, ну честно, положа руку на сердце, высосаны из пальца.

freetonik: Пульт современного «умного» телевизора Самсунг. Стандартная ситуация – пульт лежит на столе, нужно изменить громкость. Ничего не получится: пульт сделали полукруглым, нажатие любой сколько-нибудь важной кнопки пускает его в танец нервозной неваляшки. Пульт требует, чтобы его взяли в руки.

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

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

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

nikitonsky: а вот пример command-line интерфейса, для разнообразия. У brew (пакетный менеджер для mac) есть две команды: update и upgrade. Одна из них обновляет сам brew, а другая — указанный пакет. Запомнить это, естественно, никакой возможности нет, потому что логики нет. Т.е. можно придумать какой-то слабый аргумент, почему одно — это одно, а другое — другое, но штука со слабыми аргументами в том, что они никого не колышат кроме автора в момент придумывания. В целом это слова синонимы, как Options, Settings и Preferences, и это никак не починить.

Что же делать? Ведь команды действительно обе нужны, и обе важны. Как их назвать, чтобы было понятно? Беспрецендентный случай в данном канале: у проблемы есть хорошее решение и я его назову! Для обновления самого brew, а не пакета, нужно использовать команду brew upgrade brew.

tansky: Привет!

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

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

Никогда не надо выстраивать семантические конструкции в интерфейсах. Только короткие, емкие, четкие указания.

Вторая ошибка мультиплицирует вред от первой. В один ряд поставлены неоднородные варианты: Айфон/Андроид и «здесь». Папа вчера явным образом сказал: я заметил там слова Айфон и Андроид, а у меня же компьютер — я и не увидел.

Хотите акцентировать внимание на приложениях? Сделайте их выше, крупнее, больше, с иконками. Но каждый вариант, включая «Register with Phone Number» должен быть внятно и кратко представлен.

Иначе слепая зона и запретительный, неработающий интерфейс.