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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Незнание законов композиции. Минимализм - это тот самый полигон, где проверяется умение минимумом средств создать гармоничное пространство. Кто не умеет, тот проигрывает

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

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