Дизайн, юзабилити и 2.0
Во время безуспешных поисков толкового дизайнера приходиться самостоятельно изучать последние достижения и тенденции в области веб дизайна и юзабилити. Не могу не поделиться некоторыми моментами которые показались наиболее интересными.
Matteo Penzo провел серьезное исследование с использованием оборудования для слежения за траекторией движения глаз с целью определения наиболее эфективного сопостовления текста и полей для ввода (проще говоря дизайн форм регистрации).
Выводы однозначны, текст должен находиться непосредственно над соответствующем полем ввода, так как при этом мозг быстрее вопринимает их как единое целое.., в статье все описывается гораздо серьезней, и помимо этого в ней можно найти еще несколько интересных выводов.., так что адептам юзабилити рекомендую внимательно изучить оригинал.
Хороший дизайнер обязан знать что такое colour wheel. Причем (что всегда казалось мне забавным) некоторые фирмы зарабатывают неплохие деньги на продаже этих самых цветовых схем. Но некоторое время назад я нашел web2.0 AJAX приложение для подбора цветовой гаммы основанный на той самой теории цвета.Находиться здесь.
Наиболее серьезное исследование о тенденциях дизайна ВЕБ 2.0 провел Роман Митермайр. Наиболее важные моменты которые следует применять в современном дизайне следующие:
- 1. Округлые формы (выглядят более привлекательно, и вызывают больше доверия)
- 2. Тени (позволяют наиболее ненавязчиво привлечь взгляд к определенным элементам)
- 3. Sans Serif (Arial) - Наиболее легко читабельный шрифт. Также говориться о том что один шрифт и 3 разных размера для выбранного шрифта - более чем достаточно для дизайна.
- 4. Пастельные цвета (позволяют привлечь внимание к нужным элементам за счет легкого увеличения интенсивности)
- 5. Footers (кто нибудь знает аналог этого термина на русском?). Использование футера увеличивает степень доверия к вашему сайту у пользователей.
- 6. Кнопки... Действия которые хочет получить владелец ресурса от пользователя прицепляются к большим, привлекательным кнопкам.
- 7. Размер шрифта должен быть крупным. Подтверждаю, для владельцев современных мониторов и видеокарт размер 8-12px практически нечитабелен.
- 8. Descriptive HTML то есть семантическая верстка. Это то, на что впервую очередь надо обратить внимание всем поисковым оптимизаторам. Код страницы должен нести не меньший смысл чем контент.
А теперь, подытоживая все вышесказанное обращаюсь к дизайнерам которые возможно читают этот текст. Если вы согласны что в вебдизайне главное не самовыражение а простота и удобство пользования.., если вы способны создавать шедевры используя исключительно CSS & Pixel art.., если вы в совершенстве владеете семантической версткой, знаете стили и умеете решать проблемы кроссбраузерного дизайна - у меня для вас ОЧЕНЬ много работы. Жду от вас примеры работ и прайсы на услуги.
Tags: design, web2, usability, ui, color wheels