андрей смирнов: css-дизайн без таблиц и скриптов

apple vs. user xp, part two / 3 мая, 2004 / 17:17

в первой части сообщения «apple против опыта зрителя» я ссылался на «видео трансляцию» выступлений представителей apple и adobe в рамках конференции “driven by design”.

сегодня я обнаружил, что эта «видео трансляция» заменена фоторепортажем с конференции.

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

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

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

а пока ставим в этой теме точку. и ждем от apple новых, совершенных дизайн-решений. потому как от кого еще эти решения ждать, как не от apple.

рунет взялся за веб-стандарты / 28 апреля, 2004 / 19:00

что не может не радовать.

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

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

• css дизайн
• css форма
• xhtml css
• каскадные таблицы стилей в adobe golive
• валидация html w3c
• ориентация страницы css
• примеры xhtml
• сайт на xhtml
• создание горизонтальных списков css
• углы таблиц css
• работа с css
• css ie поддержка
• css в примерах
• css вложенные списки
• css градиент
• css мигание
• css навигация
• css поменять страницу
• css примеры
• css сайт
• css стили бесплатно
• css таблицы
• css только для опытных
• css-баг
• div позиционирование xhtml strict
• упражнения css
• дизайн css ie6
• закладки таблица стилей
• как включить поддержку в браузере стилей css
• как написать css
• линии границы в таблицах css xhtml
• мнения о css2
• обучение css
• поддержка браузерами стандартов
• применение css в создании сайтов
• селекторы в css

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

без доли иронии можно смело утверждать: «правильной дорогой идете, товарищи!»

новое избранное / 22 апреля, 2004 / 22:22

новый дизайн id-as.com плавно влился в раздел «избранное», при этом текстовое содержание раздела не осталось в стороне и соответственно случаю обновилось.

но все же не перевелись еще на id-as.com разделы, гордо несущие устаревший дизайн в лице файла main.css. и у вас еще есть время, чтобы запечатлеть на глазной сетчатке этот уходящий навсегда layout.

apple vs. user experience / 20 апреля, 2004 / 20:52

обновление: вскоре после публикации этого сообщения страница сайта apple.ru, которая упоминается ниже, была изменена (см. apple vs. user xp, part two).

в предыдущем сообщении речь шла о конференции “driven by design”, устроителем которой выступила компания apple, а соучастником—adobe. тогда я, правда, сконцентрировал свое внимание только на adobe’вской части конференции, так как не попал на первую, «яблочную» часть.

вскоре после конференции apple.ru (официальный сайт apple в россии) «осчастливили» нас «видео трансляцией» выступления представителей apple и adobe. видео трансляцией, которую я так и не смог посмотреть…

apple’s design

apple-дизайн—это целое явление в современном компьютерном мире, которое включает в себя и hardware-дизайн (посмотрите на 64-разрядного красавца power mac g5), и дизайн операционной системы (взгляните на графическое совершенство os 10.3 panther), а также дизайн многочисленных сопутствующих товаров, типа ipod, и корпоративный стиль, представленный в брошюрах и на веб-сайте компании.

сразу оговорюсь, что в этом сообщении речь пойдет только о веб-составляющей apple-дизайна, а проще говоря о дизайне сайтов apple.ru и mac.com и о том, какой опыт приобретает человек, посещающий эти ресурсы.

apple.ru vs. usability

итак, набираем в адресной строке браузера http://www.apple.ru/roadshow/ и видим… то, что мы видим. а видим мы текст об «уникальной возможности увидеть видео трансляцию…», сопровождаемый двумя графическими панелями с бегающими кружочками и надписями «часть 1, часть 2» и т.д.

первая мысль, которая пришла мне в голову, сделала далекоидущий вывод, что эти «части» есть, скорее всего, ссылки. а как иначе? если не надписи, то кто? правда, вторая мысль эту идею обоснованно отвергла, так как курсор мыши на означенные надписи никак не реагировал. (в нормальном веб-дизайне, как мы знаем, при наведении на ссылку курсор меняется на изображение руки. по крайней мере в ос windows.) пока первая и вторая мысли пытались выяснить, кто из них правее (в смысле правоты, а не направления, ессно), я стал искать хоть какие-нибудь намеки на размер предоставляемых роликов. (известная история, хорошо знакомая людям, сидящим на dial-up’e.) нам, негодяям и занудам, понимаешь, важно знать, сколько времени уйдет на закачку quicktime-ролика с презентацией peder’a engrob’a: два или все двадцать часов дайлаповского времени. причем я не против и двадцати. так как преисполнен благодарности за шикарную возможность еще раз испытать драйв adobe’вской презентации.

не найдя нужной информации, я пошел на поводу у первой мысли и щелкнул на сейчас-уже-не-помню-какой части «видео трансляции», простодушно надеясь, что quicktime-plugin-то уж точно даст мне хотя бы примерное представление об ожидающем меня ожидании. (ну это когда по мере загрузки ролика ползунок воспроизведения в quicktime player’e сдвигается вправо, отображая опосредованно примерную скорость загрузки или, если хотите, размер ролика.)

не-а. не случилось ничего подобного. вместо встроенного в страницу plugin’a я получил отдельно открытый quicktime player с заголовком в виде названия скачиваемого файла (в моем случае adobe_photoshopcs.mov) и тупо горящей надписью “loading…” (молодца, шта сказал! а то я не догадался бы.)

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

mac.com vs. accessability

просматривая сегодняшние новости от digital-web.com, натолнулся на упоминание вот этого чуда. откройте эту страницу, знакомящую посетителя сайта с почтовым сервисом apple .mac, в каком-нибудь браузере, в котором легко отключаются картинки (например, в опере), и отключите картинки… красота упоенная!

тому кто найдет, хотя бы один образец чистого текста, кроме копирайта, приз от id-as.com!

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

да-а, такого ни на одном microsoft-сайте не увидишь…

apple vs. zeldman

чтобы не быть многословным хотя бы в этом абзаце, ограничусь лишь ссылками, соответствующими теме.

jeffrey zeldman (congrats on the upcoming baby!) рассказал о своем опыте взаимодействия с apple-дизайном на примере апгрейда своего лэптопа до mac os x. читать здесь и здесь.

пошто наезжаем…

если вы подумаете, что я страстный поклонник платформы windows, то вы сильно ошибетесь. более того, окажись сейчас в кармане лишняя тысяча монет, без промедления пошел бы к ближайшему дилеру и купил бы двенадцатидюймовый ibook g4. потому как испытываю большое эстетическое удовольствие как от «яблочного» железа, так и от последней версии ос x. кроме того, давно мечтал о собственноручном тестировании работ на mac-платформе.

но… из песни слов не выкинешь. необъяснимое и непростительное поведение apple в элементарных дизайн-ситуациях налицо. сам я готов предложить товарищам из apple.ru бесплатные консультации по юзабилити и акссессабилити. только нада ли оно им?

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

post scriptum

доколе веб-дизайн сайтов компании apple будет основан на тупых таблицах и немеренном использовании растровой графики? даешь глобальный apple-ре-дизайн с участием jeffrey zeldman’a и douglas’a bowman’a!

: предыдущие сообщения :