тестирование позволяет получить обратную связь по макету сайта и взаимодействию с ним, прежде чем переходить к полноценному дизайну.
Вайрфреймы и прототипы представляют собой упрощенные эскизы вашего дизайна в низком качестве. Юзабилити-
Если кратко, то будьте максимально лаконичны и ясны в высказываниях. Сократите абзацы до двух-трех предложений.
Чем более перегружен сайт, тем труднее пользователю разглядеть ваш Call-to-action8
Рис. 3-6. Скетчи с минимумом информации. Волнистые линии изображают заголовки или крупный шрифт, линии — основной текст, прямоугольники — это кнопки, а зачеркнутые прямоугольники — картинки
Составление плана и перечисление всех этих страниц, возможностей, виджетов и блоков поможет организовать процесс дизайна и гарантирует, что вы не упустите важных элементов при создании эскиза проекта и его реализации.
Есть две важные составляющие, позволяющие добиться от дизайна хорошего пользовательского опыта2: собственное понимание веб-дизайнером, какие задачи этот дизайн должен решать, и получение обратной связи от пользователей
Если вы добавляете элементам дизайна тени или градиенты, то изображайте так, будто свет либо падает сверху, либо направлен фронтально (рис. 2-75). Объекты, «подсвеченные» снизу, выглядят неестественно, ведь обычно свет падает сверху
Rights-managed images (изображения с управляемыми правами) должны включать дополнительные условия, указывающие доступные варианты использования изображения.
• Royalty-free images (изображения без лицензионных отчислений). Их, как правило, можно бесплатно использовать до тех пор, пока вы соблюдаете обозначенные условия. Например, многие бесплатные изображения можно задействовать только при некоммерческом использовании, то есть нельзя вставлять их в приложение, на котором вы потенциально зарабатываете деньги.
• Creative commons — система, организованная для создателей контента с целью сделать их работы доступными для использования без запроса официального разрешения. Изображения Creative commons могут лицензироваться несколькими способами: требовать указывать авторство, запретить производные (то есть самостоятельное редактирование), запретить коммерческое использование или, наоборот, разрешить любое использование.
К счастью, такие сайты, как Google Fonts (http://hellobks.com/hwd/32) (рис. 2-29) и Adobe Fonts (http
