Компоновка сайта

Дизайн интерфейса

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

Людям, которые прежде занимались программированием, приходится приспосабливаться к такому стилю мышления. Он отличается от того, к которому они привыкли. Хороший программист всегда принимает во внимание самые малове­роятные варианты (называемые «частными случаями»). В конце концов, удачным продуктом для программиста

Читать полностью

 

Информационный дизайн

Информационный дизайн но всегда можно «потрогать ру­ками». Часто он является связующим материалом, кото­рый скрепляет другие компоненты дизайна. Однако во всех случаях информационный дизайн сводится к приня­тию решений о том, как представить информацию, чтобы людям было легче воспринимать и использовать ее.

Порой информационный дизайн принимает визуальную форму. Будет ли секторная диаграмма оптимальной для представления этих данных или нашим пользователям лучше подойдет гистограмма? Сможет ли пиктограмма с биноклем адекватно передать понятие «поиск на сайте» или пиктограмма увеличительного стекла будет понятнее?

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

Читать полностью

 

Дизайн навигации

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

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

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

Читать полностью

 

Макет страницы

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

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

Читать полностью