Чтение онлайн

на главную

Жанры

Законы простоты: Дизайн. Технологии. Бизнес. Жизнь
Шрифт:

C «TAB» ИЛИ БЕЗ

SLIP — один из многих способов организовать систему. Если набрать в Google «организационные методы», вы получите тысячи вариантов, например популярный метод «интеллект-карт» (mind map), где родственные элементы расположены как спицы в колесе. Дальнейшие поиски могут привести вас к алгоритмам трехи четырёхмерной организации мыслей, сопровождаемые поразительными видеоэффектами. Анимированные тексты растут из деревьев, картинки выскакивают из шаблонов причинно-следственной связи, а идеи носятся в воздухе в буквальном смысле слова — на фоне трёхмерного пейзажа.

Я неплохо знаком с визуальными презентациями информации, так как на них строилась

моя карьера. Однако все мои познания в области графического дизайна рано или поздно приводят меня к клавише Tab. Во времена пишущих машинок именно она позволяла волшебным образом превратить хаос в порядок. Табулятор продолжает жить и в текстовых редакторах, но, к сожалению, вы уже не услышите такого приятного звука «шлёп», вот только звука пишмашки уже не услышать. Кстати, нынешние первокурсники порой не понимают меня, когда я рассказываю о пишущей машинке.

Какое отношение имеет клавиша табуляции к концепции организации? Это единственная клавиша, предназначенная для упрощения. Рассмотрим следующий список:

красный лев кола перец сапфир

синий медведь фраппе соль бриллиант

зелёный крокодил мартини пищевая добавка топаз

розовый фламинго эспрессо чеснок рубин

белый жираф молоко тмин изумруд

чёрный пингвин пиво шафран аметист

серый собака вода корица бирюза

В таком виде

система концептуальной организации не ясна. Но табулятор всё расставит по своим местам.

Размещение данных в таблице — несложная визуализационная техника, которая работает безотказно. Табулятор прерывает линейность документа, он создаёт абзацы, которые служат организационным принципом. Исходные тексты программ пишутся на специальном диалекте, маловразумительном для непосвящённых. Хорошо отформатированный исходник свидетельствует о высоком профессионализме его автора. Табуляция точно так же, как клавиши пробела и ввода, придаёт хаосу эффект визуального дизайна.

«Какой программой вы пользуетесь?» — часто спрашивают меня, когда я показываю демонстрационные слайды-презентации. Я бы несколько переиначил вопрос: «Каким принципом вы пользуетесь?» Простому, без украшений, табличному виду представления информации не хватает привлекательности, но он присутствует в любом словаре по графическому дизайну. Когда я запутываюсь, я смотрю на левый верхний край клавиатуры. Кратчайший путь к простоте находится на расстоянии вытянутого мизинца.

ГЕЛЬШТАД IPOD

Благодаря уникальной способности нашего мозга мы можем обнаруживать и формировать шаблоны. Когда речь заходит о мысленной визуализации, уместно вспомнить о гештальтпсихологии. Гештальт-психологи считают, что в нашем мозге работает множество механизмов формирования шаблонов. Например, когда вы видите нарисованную приоткрытую коробку, вы легко можете представить себе её закрытой. Другой пример: тенденция продолжать серию нарисованных фигур, например «круг, круг, круг», ещё одним кругом. Позвольте мне нарисовать рисунок, который завершит гештальт.

Какова разница между этими двумя группами из 30 точек? Ответ прост. Слева точки расположены случайным образом, в них нет порядка; справа же часть точек явно сгруппирована. Глаз выделяет

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

Люди — существа организованные. Они должны всему дать определение, всё рассортировать. Он хвастун? Она хорошенькая? Они путешествуют вместе или отдельно? Сочетается ли эта блузка с юбкой? Можно сказать, что весь дизайн основан на принципах гештальт-психологии: что с чем сочетается, что чему подходит. Родиной дизайна можно считать Германию, где в 1919 году открылась школа Bauhaus. И не случайно, что по-немецки дизайн — gestaltung. Традиционно немецкие компании (BMW, Audi, Braun) стремятся к лёгким для понимания дизайнерским решениям. Их объединяет задача найти форму, наилучшим образом удовлетворяющую нужды потребителя.

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

Затем, возможно, с целью сокращения издержек или из-за жалоб людей с толстыми пальцами Apple разделила четыре кнопки, окружающие поворотный переключатель функций, и в следующей версии iPod расположила их отдельно:

Apple усложнила iPod. Из-за того, что клавиши, раньше располагавшиеся в центре, поместили в ряд сверху, новый iPod показался непривычным и от того сложным. Помню, я побежал в магазин за «старым» плеером, когда появился новый. Я был взбешён, потому что они изменили прекрасное и простое на ненужное сложное.

В более поздних версиях они предельно всё упростили, объединив все кнопки в одну:

Давайте рассмотрим все три варианта:

Эволюция iPod происходила следующим образом: от простого к сложному, от сложного к очень простому. Если изобразить панель управления iPod с помощью точечных диаграмм, то получится примерно следующее:

Слева кнопки расположены вокруг колеса прокрутки, в середине они разделены, и справа они объединены в облако, где колесо прокрутки и кнопки являются одним целым. На правом рисунке (с облаком точек) разрозненные элементы слились в один, их очертания размылись. Эстетика неясных очертаний часто применялась в искусстве, начиная импрессионистом Моне с его мириадами точек и заканчивая стилизованными цветами Джорджии О’Киффи. Нечёткие образы имеют налёт загадочности, той же загадочностью нас так привлекает Природа. В третьем варианте панели управления iPod все элементы управления сливаются в одно целое.

Поделиться:
Популярные книги

Вечный. Книга V

Рокотов Алексей
5. Вечный
Фантастика:
боевая фантастика
попаданцы
рпг
5.00
рейтинг книги
Вечный. Книга V

Чехов. Книга 3

Гоблин (MeXXanik)
3. Адвокат Чехов
Фантастика:
альтернативная история
5.00
рейтинг книги
Чехов. Книга 3

Последний попаданец 9

Зубов Константин
9. Последний попаданец
Фантастика:
юмористическая фантастика
рпг
5.00
рейтинг книги
Последний попаданец 9

Серые сутки

Сай Ярослав
4. Медорфенов
Фантастика:
фэнтези
аниме
5.00
рейтинг книги
Серые сутки

Ты нас предал

Безрукова Елена
1. Измены. Кантемировы
Любовные романы:
современные любовные романы
5.00
рейтинг книги
Ты нас предал

Кодекс Охотника. Книга XXIII

Винокуров Юрий
23. Кодекс Охотника
Фантастика:
боевая фантастика
попаданцы
5.00
рейтинг книги
Кодекс Охотника. Книга XXIII

На границе империй. Том 7. Часть 4

INDIGO
Вселенная EVE Online
Фантастика:
боевая фантастика
космическая фантастика
5.00
рейтинг книги
На границе империй. Том 7. Часть 4

Нефилим

Демиров Леонид
4. Мания крафта
Фантастика:
фэнтези
боевая фантастика
рпг
7.64
рейтинг книги
Нефилим

Провинциал. Книга 1

Лопарев Игорь Викторович
1. Провинциал
Фантастика:
космическая фантастика
попаданцы
аниме
5.00
рейтинг книги
Провинциал. Книга 1

Восход. Солнцев. Книга IV

Скабер Артемий
4. Голос Бога
Фантастика:
фэнтези
попаданцы
аниме
5.00
рейтинг книги
Восход. Солнцев. Книга IV

Солдат Империи

Земляной Андрей Борисович
1. Страж
Фантастика:
попаданцы
альтернативная история
6.67
рейтинг книги
Солдат Империи

Дурашка в столичной академии

Свободина Виктория
Фантастика:
фэнтези
7.80
рейтинг книги
Дурашка в столичной академии

Сиротка

Первухин Андрей Евгеньевич
1. Сиротка
Фантастика:
фэнтези
попаданцы
5.00
рейтинг книги
Сиротка

Сумеречный стрелок 7

Карелин Сергей Витальевич
7. Сумеречный стрелок
Фантастика:
городское фэнтези
попаданцы
аниме
5.00
рейтинг книги
Сумеречный стрелок 7