Я в интернете

РСС    Джейсон-фид

Есть автоматические трансляции в Тумблер и Же-же. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

Позднее Ctrl + ↑

Таблицы в интерфейсах. Итоги. Часть 3

Теперь поговорим про затронутую тему соотношения анимации и производительности.

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

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

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

Если кто не знает, когда у Джобса в интервью спросили, зачем они сделали в Дашбоарде, что когда бросаешь в него новый виджет, от него идут круги по воде, он ответил: Because we can. Этот ответ в три раза умнее, чем может показаться сначала. Этим ответом он дал понять, что все остальные этого не делают просто потому, что не могут. Разговоры про потерю производительности — отмазки неудачников. И, «могут» здесь означает не только техническую возможность, но ещё и умение сделать это так, чтобы это действительно выглядело хорошо и помогало в работе.

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

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

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

Таблицы в интерфейсах. Итоги. Часть 2

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

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

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

В Виндоусе за каким-то чёртом можно переместить Панель задач в любую сторону экрана. Эта возможность создала кучу головной боли и пользователям (многие случайно перетаскивают панель задач, и потом не знают, как её вернуть; заодно ломается расположение иконок на десктопе), и разработчикам (любое приложение должно учитывать, что панель задач может оказаться где угодно, и вести себя адекватно). Естественно, если в следующей версии Винды это убрать, многие чудаки, которые зачем-то это используют, заплачут (можете написать в комментарии, какая это удобная фича!). На Маке нельзя переместить меню вниз или вбок. Я ни разу не слышал, чтобы кого-то это не устраивало, или хотя бы чтобы кому-то в принципе пришло в голову это сделать.

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

В e2 мне предстоит убрать трекбек, кросспост в же-же, древовидные кейворды, возможность спрятать часть заметки за «читать дальше» и ещё ряд функций. Я уже предвижу, как сильно все будут ругаться и насколько e2 станет лучше.

Таблицы в интерфейсах. Итоги. Часть 1

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

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

После того, как я опубликовал заметку, товарищ написал мне: «логика в направлении стрелочки достаточно очевидна, на мой взгляд». Я попросил его не подсматривая ответить мне, что значит стрелка вниз в сортировке по дате. Через 26 секунд он ответил, и ошибся. Я специально не пишу, что именно он ответил — проверьте себя.

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

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

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

Кстати. Одним из самых идиотских шагов в истории телевизорной индустрии был отказ от надписей «Picture in picture», «Teletext», «Menu» и т. д. на пультах и переход к бессмысленным, никому не понятным иконкам. Что с того, что я очень быстро увидел квадратик, половинка которого закрашена в чёрный цвет с палкой и двумя смотрящими на неё треугольниками?

Какие-то иконки на пульте
Какие-то иконки на пульте

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

Да, ещё. Если кому-то вдруг это интересно, мне понравились идеи про указывание прямо в таблице над и под данными или рядом с ней слов «новые», «старые» (Шурик Бабаев, Centaur) и про градиентный фон (LXj; правда, непонятно, что он значит, но всё равно понравилось).

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

Таблицы в интерфейсах

 4 мин

Иногда в интерфейсах нам нужно выводить таблицу каких-нибудь объектов. Всем знакомый пример — Проводник:

Обычная сортировка по имени

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

Сортировка по размеру файла

Если ткнуть в уже выбранный столбец, то сортировка изменит направление:

Сортировка по имени вверх ногами

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

Проблема, конечно же, в том, что такая таблица сделана на универсальном контроле, который должен работать с абсолютно любыми данными. Что можно улучшить?

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

Сортировка по имени - это отсутствие сортировки

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

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

Но как определить, для какой сортировки нужно переворачивание? Очень просто. Когда файлы идут по алфавиту, но вверх ногами, у нас есть ощущение, что они идут снизу вверх. Это противоестественно и глупо. Значит, такой сортировки быть не должно. Если же файлы отсортированы по дате, то для нас может иметь и вариант «новые сверху» и вариант «старые сверху» (т. е. в хронологическом порядке). В обоих случаях мы считаем, что файлы идут сверху вниз. Это просто два разных способа сортировки (а то, что они завязаны на одну колонку, — просто техническая деталь), значит, в этом случае возможность переключения нужна.

Сортировка по дате бывает двух видов

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

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

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

Без темы тема!

Меня одного плющит от этого, или нет?

Без темы тема

Кстати, человек, который придумал для комментариев поле «Тема» — тупой безмозглый кретин. Одинаково плохо и когда там написано «без темы», и когда там написано «Re: <название заметки>„.

А ещё в же-же чтобы прочитать ответ Тёмы сначала жмёшь на слово „tema“, а потом, увидев, что тебе на кой-то чёрт открылся Тёмин профиль, идёшь назад и, преодолевая ощущение бессмысленности, жмёшь на „(без темы)“.

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

Ну и время в двенадцатичасовом формате, причём относительно UTC, начиная с года...

Многое из этого поправить — проще простого. Не нужно ни времени много, ни программистов умных.

Хит-парад за март 2008

1 New Jaws Underground — Another Revolution
2 New Bioground — Onion Approach (Acid Dub)
3 New 68 Beats — Replay The Night (Gabriel & Dresden Remix)
4 New DJ Optiv & Bulletproof — Camouflage
5 New Sasha — Coma (Original Mix)
6 ↓ 4 Gappeq — Mobius Strip
7 ↓ 2 Crownick — Acoustical Veins
8 ↓ 1 Facundo Mohrr — North Fiji
9 New Filur — Timesteps
10 ↓ 6 Pedro Delgardo — Alzir On (Marko Nastic Remix)

Скачать и послушать в нарезке (14 МБ): MP3 в RAR-архиве.
По минуте на каждый трек, начиная с 10-го и до первого.

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

«Таймстепс» Филура (9) — редкий прогрессив-транс, который достоин внимания. Тут бочка как-то прямо неприлично хорошая для прогрессива, где обычно к ней подмешивают шум зачем-то.

«Кома» Саши (5) — удивительно красивый прогрессив-тек. Вообще, наткнувшись на этот трек, я с удовольствием переслушал Сашин гениальный альбом Airdrawndagger 2002 года, который является лучшей на сегодняшний день музыкой для ночной поездки на машине за городом.

«Камуфляж» Диджея Оптива и Буллетпруфа (4) знаменит, как я писал на «Вотсоуэвере», тем, что это единственный драм-н-бейсовый трек, который мне нравится. Учитывая, что несколько дней назад я пытался немного поразбираться в драме, я переслушивал его много раз наряду с разным другим, и, в общем, он по-прежнему остаётся лучшим, что я слышал.

«Реплей зе найт» 68 бит (3) — попса совершеннейшая, но как-то очень уж порадовала. Я решил, что имею право уже повестись и на такую музыку, ведь последний раз это со мной случалось, когда я услышал Pakito — Living on Video года полтора-два назад.

«Анион апроач» Биограунда (2) — лишнее доказательство тому, что всё гениальное просто. Этот трек я заслушал до дыр в начале марта в Москве. Он совершенно правильный: несёт ровно одну мысль, показывает, как она себя ведёт в разных контекстах, не боится её повторять столько раз, сколько нужно, чтобы показать во всех ракурсах, и потом без истерики спокойно закругляется.

А Джоз андеграунд (1) нужно слушать альбом целиком; мне было очень трудно выбрать какой-то конкретный трек. Очень, очень хороший интеллиджент-фулон.

Кстати, это первый хит-парад, сделанный в Adobe Audition 3.0 (который совершеннейшим образом рулит).

Update: Упс, архив был битый — перезакачал.

Хит-парад спешел едишен: треклист

Треклист специального первоапрельского хит-парада, выпущенного сутки назад (в порядке воспроизведения):

  • Георгий Свиридов — Время, вперёд!
  • Мондо мини-шоу — Музыка из м/ф «Хеппи три френдс»
  • Василий Стрельников, Наташа Капустина и роботы ППК — Лох – это судьба
  • Песня про Буратино из цикла «детские песни нового типа» (акустическое техно)
  • Руки вверх! — Песенка
  • Мистер Малой — Небо в тучах
  • Джимми Джи и Мистер Босс — Подвигай попой
  • Бока мои бока (русская народная песня)
  • Господин Дадуда — Внедрёж
  • Песня из м/ф «Антошка»
  • Fatal bazooka — Fous ta cagoule
  • Диджей Ган и В. Жириновский — Не надо шутить с войной
  • Чугунный скороход — П идут
  • Торжественная песня Путина (политическое техно)
  • Творческое объединение «Maski» — Периби-тумба
  • Песня из м/ф «Пластилиновая ворона»

Спасибо всем за внимание!

Хит-парад спешел едишен!

Украинцам повезло больше, чем остальным — к ним на светлый праздник, день дурака приехал сам Джордж Буш. Но некоторые способы празднования доступны всем, например — специальный праздничный хит-парад!

Качайте и слушайте (13 МБ): MP3 в RAR-архиве.

Рекомендуется для прослушивания всем слоям населения. Треклист — после праздника. И помните: ширше — это неправильно!

Ранее Ctrl + ↓