Вокруг дизайна

В комментариях к своей книге от читательницы я услышала вопрос, вдохновивший меня на написание этой заметки: а почему ни слова о дизайне сайтов, рассчитанных на карманные компьютеры?

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

С чего же начать, делая сайт для КПК? Наверное, со скрипта, который будет определять, каким устройством пользователь собирается просмотреть сайт, и в зависимости от результатов направлять его на основной сайт, либо на тот, что ради заботы о пользователях сделан для КПК.

КПК-версия – облегченная. Возможно, стоит в нее включать только основную информацию, только самое ценное, что есть на сайте.

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

1. Максимально облегченный сайт. Буквально только текст и цветные плашки. Убираем все градиенты, фоны, завитушечки, фотографии, навороченные шапки - все прочь!

2. Резиновая верстка с расчетом на основные разрешения, например, по ширине от 240 пикселей. Да, тут сильно не разбежишься, но несмотря на то, что многие КПК уже умеют показывать в разрешении от 640х480 пикселей (и это просто огромная площадь для творчества!), все равно, по традиции, смотреть надо на меньшие размеры.

3. Пиксельные иконки. Украсить сайт для КПК помогут иконки, но не простые, а 16х16 пикселей и меньше. Достаем из закромов подзабытые пиксельные иконки и используем по необходимости.

4. Упрощенная навигация. Чем меньше действий совершит пользователь, тем более комфортно ему будет на сайте, поэтому разворачивайте меню, делайте названия ссылок понятными без раздумий... и вообще, тут нужно просто взять да и перечитать еще разок какую-нибудь хорошую книжку по юзабилити. Там все сказано.

Как понять, можно ли обойтись без специально заточенной под КПК версии? Просто зайдите на сайт с КПК, причем с разных моделей, и полюбуйтесь на свое творение под другим углом. Узнаете много нового.

Версия для КПК критически необходима только очень посещаемым сайтам, предоставляющим самый полезный контент. Но возможно когда-нибудь станет хорошим тоном обязательно включать этот пункт в ТЗ на разработку сайта. А может быть вообще веб и устройства для его просмотра станут настолько другими, что эта заметка станет абсолютно неактуальной, кто знает.

В ожидании Нового Года – рассказ с картинками на тему дизайна и дизайнеров.

Получаешь заказ на дизайн по e-mail. Спрашиваешь, что там будет, о чем сайт, какие цвета нравятся. Просишь прислать логотип и скан визитки (фирменный стиль надо соблюсти, все серьезно!) и говоришь – ок, завтра все будет. С вас 50 долларов по вебмани.

Открываешь фотошоп. Создаешь файл размером 1000 на 1000 пикселей. Красишь в белый. Ставишь логотип в левый верхний угол. На этом мысль останавливается.

Идешь покурить, налить чаю, съесть бутерброд с колбасой. Возвращаешься к фотошопу. Лезешь на templatemonster.com в поисках вдохновения. Так, чего там нового Ягуар нарисовал? Изучаешь тенденции. Немного жалеешь, что ты не Ягуар, потом аккуратно копируешь пару крутых элементов в свой макет. Перекрашиваешь, чтобы не подумали, что ты непрофессионал.

На полмакета резервируешь место для шапки, прямо под логотипом.  Пикселей 400 в высоту. Или 432, как получится. Под шапкой полоска с градиентиком – меню. Главная, о нас, продукция, каталог, партнеры, контакты. Теперь нужно в шапку какую-то красивую картинку. Идешь в фотобанк. Проводишь там минут сорок, рассматривая картинки, но ничего путного не находишь. Ничего не подходит. Фоток дохрена, а все хлам какой-то. Ну кому нужен вот этот мужик в трусах?

Ладно, черт с ней, с шапкой,  пока можно набросать области контента. Слева большой блок основного текста, справа узкая колонка новостей, которые обновляются раз в полгода, и какой-нибудь чепухи типа логотипов партнеров. Яндекс.Весна или Липсум.ком – наши главные копирайтеры. Выбираем Tahoma 10 pt, темно-серый или черный цвет – нормалёк.

Полдела сделано, можно и передохнуть. Чай, кофе, покурить… Надо теперь посмотреть, что в мире дизайна происходит. Набираешь артлебедев.ру. Глядишь свежие работы, потом бизнес-линч. Ржешь над недоумками-дизайнерами и комментариями Лебедева, гладишь себя по голове – ну уж ты-то кру-у-уче дизу делаешь! Точно, надо Лебедеву будет этот сайт показать, когда нарисуешь. Идешь на дизайнерский форум, обсуждать работы новичков и читать разные топики. Попутно рисуешь фотожабу на предлагаемую в одном из топиков тему. Судя по комментам к жабе – Лебедев жалкий неудачник по сравнению с тобой.

Ладно, хватит бездельничать. Надо ж сайт дорисовать! Опять открываешь сайт фотобанка, тыришь оттуда красивую девку, небоскребы, облака, травку и до кучи еще чашку кофе (раздел «новости» иллюстрировать). Попутно опять ругаешь поисковик, который подсовывает не те фотки. Небо, девку и небоскребы – в шапку, туда же сверху лепишь слоган.

Что-то пустовато. Собираешь кучку глянцевых иконок по всему интернету, в художественном беспорядке разбрасываешь. Для клиента ничего не жалко! Что еще? Ага, подвал, точно.  Тонкой линией отчерчиваешь подвал, потому что сайт без подвала выглядит незаконченным. Что там пишут обычно? © 2008, Все права защищены. Дизайн: «Иван Сидорофф студио». Порядок. Можно отправлять клиенту.

Звонок  в дверь. Открываешь – а там стоит директор «Пётр Васильефф студио», Петька из соседней квартиры и говорит: бросай свой фотошоп, пошли пиво с креветками пить! А ты ему и отвечаешь: завтра зачет по матанализу, а шпора из инета не скачана,  да и батя скоро с работы придет, комп отберет. Так что давайте, коллега, форум  лидеров  отечественного веб-дизайна перенесем на завтра! И купи сухариков.

Я думаю, почти у всех есть аккаунт на сайте Одноклассники.ру (у меня тоже) . А вот скажите, заполнили вы вкладку "О себе" или ограничились лишь загрузкой в профиль фотографий? У большинства моих друзей раздел "О себе" абсолютно чист, даже неинтересно. Когда случайно встречаешь на сайте человека, которого не видел десяток лет, хочется знать, чем он занимается, чего достиг, но увы, чаще всего это можно узнать только в личной беседе.

Я думала, почему так? Ленится пользователь или не хочет раскрывать о себе ничего, кроме фото, школы и вуза, которые закончил? Или ему нечем похвастаться? На самом деле, подозреваю, дело в том, что большая часть зарегистрированных не обращает внимания на эту неприметную вкладку. Ее для них не существует.

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

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

Пример - буклет "Гранатного" (http://www.artlebedev.ru/everything/granatny-6/booklet/). Вместо того, чтобы показать исключительно глянцевую картинку, дизайнер стилизует ее под фотографию, которую мы могли бы повстречать в какой-нибудь книге 60-80 гг. Красиво, душевно и больше не стерильно. И это радует.

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

Простой пример:

(Шрифт DS Dots, какой первый в списке попался).

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

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

А между прочим, выключка по центру - не единственный  вариант выравнивания текстовых блоков и расположения информации, хотя и классический, ничего не скажешь. Одно только но: скучно!

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

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

Например, идея для мамы (юриста по профессии) : создать сайт онлайн-консультаций. Идея не новая, поиск по интернету выдал мне целый сайт с бизнес-идеями, вот этот: http://homebiz.ru/. Там буквально черным по белому пишут (не стесняясь, цитирую):

--

Бизнес-идея 0824: Платные консультации для бизнесменов в режиме онлайн

Прямая ссылка: http://homebiz.ru/biznes-v-internete/955.html

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

--

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

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

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

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

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

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

Мы зависим от мнения клиентов и иногда коллег, от электричества, от собственного настроения. Вот так посмотришь на свой список зависимости и думаешь: как вообще удается работать? И ведь получается. Хотя не всегда результаты нашего труда нам нравятся.

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

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

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

Что тут еще добавить? Делайте мир лучше не только мышкой,  но и руками.