Прошу простить за качество фотографии, она была сделана каким-то Андроидным HTC первым айфоном

Как известно, я разбил стекло у своего iPhone 4 16Gb, который был куплен в Великобритании и никогда не отличался залоченностью под одного оператора. После того, как я поменял стекло на новое, я разбил заднее стекло у этого же айфона. Так что теперь задняя часть айфона выглядит так, будто ее украсили однотонным витражом, который выглядит очень забавно и при этом не оставляет порезов — очень крутое стекло. Поскольку к его созданию приложил руку я, можно смело заявить, что это «дизайнерский» айфон. В отличие от других дизайнеров, я не буду взвинчивать на него цену, напротив, я хочу продать его дешевле, чем стоит просто аналгоичный четвертый айфон у нас. Даже если кто-то решит нарушить красоту и поменять заднее стекло телефона, все равно его цена будет ниже, чем даже у б/у iPhone 4. Так что не стесняйтесь связаться со мной и стать обладателем уникального дизайнерского айфона.

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

Еще одна история о том, как важна каждая мелочь

Уже похолодало и я вынужден носить перчатки. На это есть две причины: я люблю перчатки и не люблю когда мерзнут руки. Сегодня утром я спешил на важную встречу и слушал музыку из телефона пользуясь стандартной гарнитурой четвертого айфона. Внезапно, на бегу, я понял, что мне просто необходимо узнать который час и не опаздываю ли я. Поскольку я не ношу часов (зачем, если они есть в телефоне?) я уже было собрался достать телефон из кармана, остановиться и посмотреть на его экране который час. Это решение диссонировало с концепцией «бежать для того, чтобы не опоздать». Практически не отдавая себя отчета в том, что я делаю, я зажал микрофон на гарнитуре (это включает голосовой набор) и прокричал после соответствующего звукового сигнала: «Который час?!». Уже к концу этой фразы я подумал, что телефон ответит мне противным сигналом, который значит «Ничего не понял, пока!», но я ошибался. Удивил меня приятный женский голос, который сказал: «Время — десять часов двадцать четыре минуты». Смешно, но от этого ответа у меня поднялось настроение ;)

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

***

Я не шучу! Мой дизайнерский iPhone 4 продается недорого. Пожалуйста, пишите электронные письма или оставляйте комментарии, если он вам понравился. Спасибо ;)

Скриншот фрагмента сайта google.com с практически незаметным, но существующим отличием фона под видео

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

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

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

Еще это можно считать пятничным трибьютом Friday 4Koma, который мне очень нравится.

Скриншот сайта Пепелсбея isgeolocationpartofhtml5.com с отключенной геолокацией

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

Заходит парень в бар и не успевает открыть рот, как бармен ставит ему Космополитан и подмигивает. Парень недоумевает:
— Дружище, извини, но я хотел пинту Гинесса.
Бармен показывает экран своего HTC Legend¹ с включенным твиттером, где видно сообщение сайта Foursquare: «Люблю пить космополитан в дурацких забигаловках (@pub 4sq.com…)». Парень бьет себя по лбу:
— Черт, опять моя телефоны перепутала!

Найди Вальдо

В 10 лет я читал об этом в фантастических утопиях и антиутопиях. Большой брат следил за нами, а нам это не нравилось. Теперь все это рядом и под рукой. В новой версии Сафари, например, включена геолокация. Т.е. сайты теперь могут с точностью до скольки-то метров определять место нахождения пользователя. И это уже включено в ожидания от стандарта HTML 5, а значит будет или уже есть в Файрфоксе, Хроме и Опере. Появляется, конечно, окошко с вопросом, разрешать ли сайту определить координаты пользователя, но кто из нас не нажимал не глядя на окошко alert’a на Enter, чтобы побыстрее перейти к нужной информации?

Механизм Geolocation API я не разбирал, да и не хочу, но уже жду первых воплей о том, что сайты научились без спросу определять на карте мира, где находится пользователь, а RIAA этим пользуется и половина посетителей торрент-треккеров, прослушавших новый альбом Daft Punk (когда уже?) сидит по тюрьмам или платит невменяемые штрафы. Между прочим, Сафари так и не определил, где я нахожусь, ни с включенной геолокацией, ни с выключенной ;)

С другой стороны, если все сайты начнут пользоваться геолокацией, то я смогу запретить в настройках определять меня на карте мира и попрощаться с дурацкими локализациями Гугла, Реддита (отключается легко на самом сайте), YouTube и прочих сайтов, которые тыкают мне в лицо украинизированные или русифицированые версии. И это, конечно, не единственная польза от социальных сетей в связке с определением положения на карте (тот же Foursquare — пример грамотного и удобного использования — помог Анклу разобраться в незнакомом городе), но мне почему-то не спокойно. Мне кажется, что рождается дракон.

—

¹ Недавно меня попросили упоминать не только айфон, но и другие телефоны, в частности этот. Это не монетизация, но было бы неплохо ;)

Какой способ организации информации кажется людям самым простым? На первом месте, конечно, выбросить все данные в мусор и забыть о них. На втором месте, я думаю, идут таблицы. Люди любят таблицы. Им они очень нравятся. Нравятся настолько, что компьютерам Эппл предрекали провал без программы для работы с электронными таблицами (что-то типа Numbers или Excel). И, если мне не изменяет память, именно для выполнения этой задачи был взят на работу очкастый мальчик Билл с его компанией Майкрософт, который жаждал добраться до Mac OS и вдохновиться ее идеями…

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

К чему такое длинное вступление?

Когда мы начали работать над новым дизайном сайта Инвест-газеты, ответственный за весь проект сразу предупредил меня, что нужно ощущение журнала (все время работы я потешался над тем, что журнал назвали газетой ;). Значит, без элементов визуализации информации, в какой-то мере инфографики, было не обойтись. Если со всякими гистограммами, ненавистными круговыми диаграммами, картами и прочим было все понятно, то таблицы, даже грамотно составленные и красивые, были все теми же клетками для несчастной информации. В поисках решения мы перебрали несколько вариантов и остановились на одном, который выглядел удивительно простым и в то же время самым подходящим. Так я познакомился со спарклайнами.

Что такое спарклайны?

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

Как делать удобные спарклайны?

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

Но перед тем как перейти к картинкам-примерам (я — мастер нагнетания обстановки, правда?), хочу остановиться на некоторых графических характеристиках спарклайнов. Многие из них, если не все базовые, перечислены и проиллюстрированы Эдвардом Тафти (он и придумал название спарклайнам) еще в 2004-м году в статье Sparklines: theory and practice. Многие решения и выводы у нас с ним совпали, хотя я прочитал его статью в конце работы над спарклайнами.

Как же все-таки это выглядит?

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

В этой таблице проиллюстрированы спарклайнами колонки с последней зафиксированной температурой (Last known temperature) и приятностью запаха воздуха (How likely air smells). Во втором случае используется похожее на progress bar решение, что позволяет быстро и удобно воспринимать информацию.

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

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

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

Благодаря спарклайну в колонке невыполненных домашних работ (Homeworks spoiled) можно увидеть как часто с 1 по 10 класс та или иная игра завоевывала время и мешала сделать заданное домой.

В колонке результатов (Overall result) видно как хорошо или плохо в случае с Pong проходилась та или иная игра. Чем больше палочек вверху, тем круче!

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

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

Начнем с последней колонки — уровня громкости после 21 средней дозы (Music volume after 21 average doses). Данные указаны в децибеллах, что не мешает нам показать динамику изменения по ходу приема алкологя внутрь. Фактически это тот же график, что и в первом примере — динамика изменения значения — но оформлен он в стиле колонок эквалайзера, чтобы информацию было интереснее читать.

В колонке количества выпитых друзьями за 2005–2009 годы бутылок указано значение на начало периода (2005-й год) и на конец (2009-й), а также динамика изменений, скажем, по месяцам или даже по дням. Цвет цифры указывает на то, выросла ли цифра по сравнению с предыдущим отчетным периодом (начало 2005-го года). Для удобства чтения начало и конец графиков отмечены красными точками, а также добавлен легкий градиент, улучшающий их прочтение. Сравните с графиком в первом примере, где градиент был невозможен из-за указания диапазона комфортных температур.

***

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

Пример использования спарклайнов на фликре (вверху) и в Google Analytics

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

Маски от гриппа. Полная коллекция на armour.genn.org

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

Update: Первые маски уже поступили в продажу

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

Мой день

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

Допустим, к восьми часам утра я уже нарисовал какой-то макет, придумал схему организации сложнейшей системы фильтров и довольный собой отправил всем, кто об этом мечтал. Спокойно попивая чай и слушая «Rudebox» Robbie Williams’а, я дружелюбно жду комментарии и готов закончить реализацию всего, что предстоит реализовать. К десяти часам приходят комментарии, которые, разумеется, не имеют ничего общего со здравым смыслом и портят настроение невероятно. В 11 часов утра мне уже ничего не хочется, я зол и ненавижу весь мир. До свидания, воюйте со своими дедлайнами без меня!

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

Нормальный день

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

Придется мне научиться спать дольше ;)

Матово щурясь ровным и слегка роскошным боком она стоит на полу. Отражая бликами свет ламп, она не призывает, не ждет, не зовет. Она стоит и выжидает, когда нетерпение пересилит желание спать и температуру, наряду с противной слабостью простуды. Призывно подготовив порты она готова провести хоть вечность ожидая, пока электричество наполнит мощностью ее террабайты винчестеров и практически полтора десятка гигабайтов памяти. Она хочет захватить в свою власть два Apple Cinema Display 23″ и командовать ими! Она жаждет пропустить по информационным жилам-шлейфам тонны информации из интернета и транслировать ее на всю квартиру по вай-фаю! Ей прямо не терпится подружиться с Little Monica и Monica, айфоном, внешними винчестерами, Intuos a4 и даже веб-камерой! Но она стоит, ждет и еле заметно щурится матовым боком, храня в перфорированной своей груди горячее четырехядерное сердце.

P. S.

Опубликованный позже пост о Лиссабоне.