mega.genn.org

Красота и удобство интерфейса — пошлая гармония инь-янь

Delicious Generation vs XCode
Я не смог влюбиться в Winamp с первого взгляда: просто не понимал, что за жизнь бурлит в этом окошке. Мы встретились на берегу Средиземного моря по разные стороны ЭЛТ-экрана. Он смотрел изнутри, а я пытался разобрать снаружи, что же там такое происходит. Позже мне стало известно о скинах, плагинах и даже удалось научиться с ним обращаться: плеер висел свернутый в полосочку где-то вверху экрана, чтобы не мешать. Хоть я и не использовал всю линейку визуальных решений, понятно, что разработчики пытались разнообразить скучный интерфейс всякими интересными эффектами. Я сам написал не одну программу и всегда старался придумать интересные элементы управления. Однажды просидел ночь, но заставил окно в Delphi или C++ быть полупрозрачным и с безумным градиентом в заголовке. Результат представлял лишь академический интерес, а использовать на практике его было бы даже глупо.

Столкнувшись с программами под Mac OS X, я поначалу удивлялся целостному виду рабочего пространства. Это продолжалось до тех пор, пока не были установлены Apple Developer Tools. В Interface Builder (одна из программ этого пакета) разработчику предлагается все богатство Aqua-интерфейса.
Interface Builder

Вид одной из панелей Interface Builder’a в Mac OS X Tiger

Если дополнить это Apple Human Interface Guidelines, то в руках разработчика оказывается практически все, что необходимо для создания удобного и довольно привлекательного интерфейса.

В Mac OS X Leopard помимо всего прочего появилась технология Core Animation, которая позволяет разработчикам творить какие угодно чудеса с интерфейсами программ. За программистами дело не стало.
AppZapper and Disco icons

Программы AppZapper и Disco — пожалуй самые популярные приложения, использующие Core Animation

Кто узнал эти иконки? Поднимите руки! Конечно же это AppZapper и Disco. Обе они используют Core Animation в разных целях: AppZapper (приложение для удаления установленных программ) устраивает вспышку, когда его работа закончена, а Disco (приложение для работы с лазерными дисками) выпускает из своего окна дым во время записи диска.
Disco Burn

Disco буквально жжет диски

И все-таки, не смотря на новые стильные интерфейсы, у этих программ есть свои большие недостатки. У AppZapper недостаток на поверхности — после второй удаленной программы мигание всех 23 или 30 дюймов дисплея начинает напрягать, а вот с Disco все гораздо интереснее!

Почему я не пользуюсь Disco

Самым большим преимуществом, которое и покорило меня, можно считать дым: его можно колыхать мышкой, на него можно дуть в микрофон, в конце-концов, его можно просто оставить в покое ;) Это очень здорово, а также соответствует духу всей Mac OS X, где есть мелкие шутки, вроде иконки PC при сетевом подключении. К сожалению, разработчики не смогли остановиться и начали менять стандартные элементы интерфейса, нарушая их узнаваемость и тем самым уменьшая функциональность.

Disco transparent

Первое, что бросается в глаза — очень темное полупрозрачное окно. В виду того, что основной фон у рабочей области черный, судить о том, активно окно или нет можно лишь по насыщенности его заголовка. Хоть он и остался стандартным, его служебные кнопочки сделали более готическими. Полупрозрачность, в отличие от черноты, не мешает работе, но применена несколько странно и не очень оправдано. Бывают случаи, когда полупрозрачность полезна. Например, цвета в приложении Терминал у меня настроены таким образом, чтобы за самим терминалом можно было увидеть другие окна. Одно из преимуществ заключается в том, что это помогает набирать длинные команды из окна броузера, когда их нельзя скопировать. А окна Adium’a вообще не видно — только список контактов в столбик слева на рабочем столе.
Terminal color scheme

Оправданное использование полупрозрачности окна

При добавлении файлов для записи на диск, сразу становится очевидным, как изменились стандартные элементы интерфейса (я решил, что одна картинка заменит пару тысяч слов):
Disco vs Burn

Возможно Disco выглядит загадочно, но с Burn работать удобнее

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

Второе отличие, куда более драматично — поле ввода не выглядит как поле ввода. Свой первый диск я записал с названием Untitled Disc. Поиск по интернету показал, что не я один.

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

Теперь я отвечу, почему я не пользуюсь Disco. Нет, не из-за интерфейса, как может показаться. Мне очень нравится дым, хоть из обычного окна он выглядел бы куда эффектнее. Ради дыма я готов был бы простить все недочеты. Я пользуюсь Burn, а не Disco потому, что при помощи Disco мой macmini так и не смог записать ни одного лазерного диска, который бы потом прочитался на другом компьютере.

P.S.

Меня очень радует появление программ с интересными решениями в интерфейсе, которые в обилии представлены на Delicious Generation. Многие из них удобны и гармонично сочетают в себе изящные решения. Это только подкрепляет уверенность в том, что все изменения интерфейса программ должны дополнять функционал, а не замещать его. Все как в ретро-анекдоте про отца программиста, к которому пришел сын и спросил, почему солнце всходит на Востоке, а заходит на Западе. «Если это работает, сынок, ничего не трогай», — ответил папа из глубокой отладки ;)

7.01 в 10:36
8.01.08 в 19:44 | Anton:

Спасибо за интересную статью.
Узнал кое-что новое, например зачем иногда вообще эта полупрозрачность бывает нужна :)

9.01.08 в 12:55 | akella:

Winamp и Qip придумало ЦРУ, для того чтобы погубить нас. Потом наверное вирус плохих интерфейсов вышел из-под контроля..

10.01.08 в 2:03 | Anton:

А что такого плохого в интерфейсе квипа? По моему это как раз его сильная сторона в сравнении с самой аськой и прочими.

10.01.08 в 13:29 | Сафонов:

A я пользуюсь Discо и диски читаются на других комьютерах спокойно. Но у меня iMac, возможно, дело в этом. ;)

10.01.08 в 13:38 | Genn:

Сафонов, у меня под Леопардом не пишет, хоть и самая правильная версия. На айбуке, когда там Тигра стояла, вроде бы писал ;)

11.01.08 в 0:30 | akella:

Anton, все познается в сравнении, просто посмотрите на интерфейс Adium. Я пользовался ICQ 5.1 по той же причине. Вкратце — там(adium) гораздо меньше видимых кнопочек, вобщем-то — их там вовсе нет. Лично я разгрузку интерфейса от всех моих возможностей считаю плюсом.

В квипе, по-моему, “программистский” дизайн. “я могу что-то-там”, поэтому нужно вывести такую кнопочку! А не потому, что она кому-то нужна.

14.01.08 в 23:21 | mendizabal:

2 akella: квип, при двойном щелчке по заголовку превращается в адиум.

16.01.08 в 17:35 | akella:

mendizabal: как в “бриллиантовой руке”?
Превращается, превращается… :P

Оставить комментарий

Copyright © 2007 Genn
Сайт работает под управлением WP-турбийона.
Яблочная иКнижка снова в центре внимания.<br />Little Monica Gate
Ой, боюсь-боюсь!