На меня часто сетуют за невнимание к дизайну. Это справедливо: я не использую целый ряд возможностей, которые мог бы задействовать, но. Дизайны ресурсов оттачиваются месяцами, а порой и годами, отдельные элементы, блоки, формы: всё для достижения той или иной цели.
Обычно берётся какое-то готовое решение, проводится оптимизация шаблона под поисковики и убирается лишнее в коде и структуре шаблона. Далее убираются ненужные элементы в дизайне, добавляются уже опробованные решения, как-то лента кнопок соц сетей и т.д. В последствие уже идёт доводка на работающем сайте: тестирования, удаление лишнего.
Вот несколько принципов дизайна проектов моих/наших проектов:
Меньше переходов там, где есть цели. Поясню на примере: раньше на многих блогах в сайдбаре стояла кнопка или ссылка, которая вела на страницу с формой подписки.
С одной стороны, это оправдано тем, что на отдельной странице можно перечислить все выгоды подписки, с другой — это лишний переход, из-за которого будут потеряны подписчики. Поэтому стоит для себя решить что именно в данном случае важнее: дополнительный переход или получить больше подписчиков. Практика показывает, что подписчики важнее.
Не перегружать сайт. Пример: зачастую браузеры на планшетах виснут или падают из-за попытки открыть страницу с избытком всяческих элементов. Причём делать отдельные мобильные версии сайтов тоже не кажется целесообразным. Браузеры поднаторели к тому чтобы представлять сайты в номальном виде на экранах даже весьма скромных размеров.
Не распылять внимание от главного. Если ваша цель действие — то имеет смысл пускать информацию одной колонкой и без лишних ссылок. Если это продажная страница в рамках блога (для очень многих это актуально), то популярные блог-движки (и wordpress в частности) позволяют сделать дизайн для отдельной страницы. Сайдбар на таких страницах лишний — всё внимание на форму и кнопку действия.
Дизайн для обеспечения бОльшего числа переходов. Вот это мы увы упускаем в угоду целям.
Делать формы регистрации, заказа и т.д. максимально простыми. Хороший материал: наиболее конвертабельные формы регистраций.
Кнопку действия стоит выделить. Выпадающие списки — очень неудобная конструкция, если объектов 3 и менее — лучше кнопки (и пошаговый подход), причём наиболее предпочтительный вариант выделяем.
Не пытаться угодить всем. Думать о том, кто наша аудитория, а лучше смотреть это по статистике и делать сайт удобнее прежде всего для них.
Причём мнения коллег по цеху могут не совпадать с интересами вашей аудитории.
Структуировать текст. Увы, но даже самый полезный пост многие не станут читать потому что текст отформатирован неудобно. В простейших ходах здесь не надо быть гением текстовой топографики: абзацы, списки, выделение основных мыслей, сдвиги абзацев и т.д.
Главное это контент, дизайн не должен быть ярче контента, дизайн лишь фон, набор инструментов для более удобного потребления контента — это со стороны пользователя, для вебмастера же дизайн должен обеспечивать цели: хорошую статистику, звонки, продажи, лиды, клики.
Полностью согласен с автором, что дизайн не должен быть на первом месте. Главное — содержание. Плюс должна быть удобная навигация по сайту. Например: очень неудобная навигация по сайту Орифлейм, при этом дизайн на высоте.
Хорошая, грамотная статья, но как трудно объяснить все это клиенту, когда он просит чтобы сделали так как он хочет, ведь клиент уверен, раз он платит, то дизайнер должен делать что ему говорят. Ну а в результате получается такое, что и в портфолио не положишь.
дизайн должен быть не только утилитарен, а у ещё юзерфрендли, даже если он будет минималистичный и не понятный, то замен такой нужен
rockettheme делает такие премиум шаблоны, правда некоторые довольно тяжелые (для мобильных устройств) и слишком вычурные, но подобрать можно.
Я тоже пришёл к минимализму, порой просто убивают перегруженные сайт, я всего лишь пришёл почитать.
Поэтому свой новый блог (в подписи) сделал ну ОЧЕНЬ простым!
Да тесты по шрифтам — оттенку и размерам, условные тесты по форматированию постов, по шапке, по скрытию коментов, по сайдбару, и ещё несколько вариантов (уже в основном с подходом к подготовке контента), в том числе конечно и на CTR, поскольку всё же монетизация актуальна.
В итоге хорошо увеличили время на сайте, особенно по актуальным новостям, сюжетам об отзывах лицензий, анализам экономической ситуации, совсем чуть увеличили среднее кол-во просмотров, но здесь возможностей мало — подумываю о новом шаблоне как раз из-за просмотров.
Хм, а как это «ориентируюсь на аудиторию»? Были тесты какие-то? Т.е. при этом дизайне максимальное число просмотров и пользователь долго висит на сайте?
Адаптивный дизайн штука хорошая, сам сейчас подбираю новые шаблоны с учётом этих возможностей. Второй день перекапываю themeforest
Как раз на ЧИ сейчас многое переориентировано на пользователя в ущерб CTR (за текущий месяц средний 2,76).
Там есть разница в некоторых моментах в зависимости от того откуда пришёл пользователь (например если с Яндекс.Новостей, то режется добрая половина рекламы), перестали скрывать комментарии за кнопкой и т.д.
Запутаться можно, но опять же ориентируюсь на аудиторию.
Alex, ну, судя по дизайну твоих сайтов (видел парочку), там все заточено под «лишь бы по РСЯ кликнули». С виду, похоже на ГС, который у Платона письмом не вытащишь в случае фильтра — он его через секунду закроет (:
Я хоть и не специалист по юзабилити, но на финансовом сайте какая-то груда непонятного текста, от которой в голове каша. Пользователи, наверное, видят тизеры от РСЯ и уходят по рекламе, ибо деваться им больше некуда.
Кстати, можно узнать CTR на сайте «частный инвестор»? Если не хочешь палить публично, можно на почту (:
Не совсем согласен со словами о мобильной версии сайта. Делать его отдельным дизайном может и не стоит.
Но сейчас технологии без особых проблем позволяют сделать дизайн адаптивным и текст будет удобно читать даже с телефона. И на утилитарность это никак не повлияет, только сделает потребление контента удобнее.