Дизайн сайта и структура страниц

Публикации о дизайне сайта, который понимается здесь как его функциональность, и наполнении страниц сайта.

12 классических блоков лендинга. Структура и функционал

Из каких частей можно собрать продающий лендинг и какими возможностями обладает каждый блок? spark.ru систематизировал знания о внутренней архитектуре посадочной страницы. Если вы хоть раз пытались создать посадочную страницу, то рано или поздно упирались в вопрос ее структуры. При огромном выборе конструкторов кажется, что создать лединг проще простого. Нужно просто заменить предустановленные картинки и тексты своими и вуаля — все готово. Эта мнимая легкость. Прежде, чем сверстать лендинг самостоятельно или взять готовый шаблон на сайте, изучите этот список доступных вам вариантов блоков. Мы описали блоки по функциональным возможностям, а не по контенту. В других обзорах вы можете встретить деление блоков на “отзывы”, “снятие возражений”, “УТП”. Давайте условимся, что нужно разделять содержимое (контент) и форму, в которую его можно упаковать. Мы говорим именно о форме. [...]

Как испортить хороший лендинг: 7 вредных советов от дизайнера ваших конкурентов

Юля Рубцова, convertmonster.ru 28 марта 2016 Психологи утверждают, что первое впечатление о человеке складывается за 5-7 секунд. Это означает, что ещё до того, как вы произнесёте первое слово, собеседник решит для себя, нравитесь вы ему или нет; хороший вы человек или так себе; приятно будет с вами общаться или лучше отделаться общих фраз. То же происходит с сайтом. Прежде чем пользователь прочтет текст и поймет смысл оффера, он уже будет подсознательно настроен на его принятие или отторжение. Проблема в том, что реальный собеседник  в процессе общения может изменить мнение о вас в  в лучшую сторону. Потенциальный клиент не даст вам такого шанса. Есть множество факторов, от которых зависит доверие к сайту. Одним из них является типографика. Типографика — оформление текста с помощью шрифтов и расположения [...]

21 совет по созданию хорошего интерфейса

Блог Нетологии. Советы и обзоры для новых высот в карьере, бизнесе и жизни. 16.09.2015 Хороший пользовательский интерфейс дает больше конверсий. Он полезен как для бизнеса, так и для людей. На goodui.org дизайнеры собирают полезные советы по созданию хорошего интерфейса. Всего на сайте сейчас доступны 78 советов, «Нетология» перевела 21 из них. 1. Попробуйте макет с одной колонкой Макет с одной колонкой дает больше контроля за шириной основного поля. Читатель должен понимать весь свой путь с самого верха до низа. Мультиколоночный интерфейс увеличивает риск отвлечь пользователя от главного содержания. Оставьте человеку историю и заметный call to action (CAT) в конце. 2. Дарите подарок, а не продавайте немедленно Дать клиенту подарок — это теплый дружеский жест. Помните о правиле взаимности: люди охотнее отреагируют на ваше предложение, если уже получили подарок. [...]

ОСНОВНЫЕ ТРЕНДЫ В ОБЛАСТИ ВЕБ-ДИЗАЙНА 2014

ПЕТР МИЛЛЕР, rusability.ru, 24.10.2014 Больше простоты, больше чистоты и внимания к маленьким экранам – это, среди прочего, главные особенности веб-дизайна 2014 года. К этой коллекции трендов, составленной из случайных наблюдений, примешалась определенная доля догадок и предположений – и некоторые из них в дальнейшем могут оказаться более точными, чем другие. 1. ПЛОСКИЕ ИНТЕРФЕЙСЫ (ВСЕ ЕЩЕ ПОПУЛЯРНЫ) Чистота сейчас в большем почете, нежели вычурные формы. Значительное влияние на это направление оказал выход в свет платформы Windows 8 и последующий отказ разработчиков Apple от скевоморфизма в iOS7. Windows 8, Apple iOS7, Skibuddy… 2. ДОМИНИРОВАНИЕ МОБИЛЬНЫХ УСТРОЙСТВ Повсеместное распространение смартфонов и планшетов в последние годы привело к тому, что теперь на многих сайтах мобильные устройства генерируют больше трафика, чем другие компьютеры. В этом году мобильные девайсы продолжают доминировать [...]

Отзыв компании Addvisors о сайте компании RAJS

Ирина Колесникова, руководитель филиала компании Addvisors К нам обратился владелец компании RAJS с вопросом о том, что мы рекомендуем для ускорения продвижения его нового сайта. Думается, ответ будет полезен не только ему, но и остальным интересующимся. Но начну с другой стороны: что мы продвигаем? Сайт компании RAJS нам понравился – он как широко открытые двери, через которые видно ВСЁ. Сразу располагает к компании и создаёт ощущение доверия и надёжности. Максимально использована первая (или заглавная) страница в функциональном и эмоциональном плане, в ней задана основная тематика через визуальные материалы, а через структуру плюс текст обозначены все виды деятельности. Самое главное – указана полезность компании для своих клиентов. Очень верно, на мой взгляд, так как первое впечатление создать можно лишь 1 раз (ни для кого не [...]

Создаем СВОЙ контент, сайтовый!

В последнем посте по поводу нашего эксперимента по созданию сайта креативных резюме мы сошлись на том, что идеальным вариантом является создание собственного контента – но с использованием в качестве основы неких других материалов. Что может быть этими «другими материалами»? На корпоративном или личном сайте На сайте креативных резюме Маркетинговые наработки – буклеты, проспекты, коммерческие предложения и т.д. Если компания образовалась не вчера, таких материалов у нее должно быть достаточно. В этих материалах могут обнаружиться существенные пробелы или неудобный с позиций нашей Методики угол зрения – обычно глазами производителя. Но они должны быть. Однажды нам встретился клиент, у которого таких наработок при 20-летнем стаже на рынке было до слез мало… но это исключение, которое лишь подтверждает правило. Сведения, полученные в ходе бесед (интервью) с персоналом – [...]

АНАТОМИЯ ВЕБ-СТРАНИЦЫ

Здесь мы для удобства наших клиентов размещаем начало бесплатного раздела Методики успешного сайта - чтобы вы могли решить, стоит ли скачивать видеоролик и тратить время на его просмотр, а потом - на анализ своего сайта. Тем более, что в результате анализа нередко выясняется, что сайт требует изменений или полной переработки. Но, если вы беретесь за анализ, значит, ваш сайт вас чем не устраивает, ситуация с ним вас тревожит! А тогда любой результат, даже отрицательный, - шаг вперед. Решайтесь, мы поможем! Сразу перейти на страницу скачивания... Структура страницы сайта Структура любой веб-страницы на коммерческом сайте тоже делится... нет, не на три, а на пять частей: 1)      Функциональная часть. Это то, ради чего страница вообще была создана. Например, если речь идёт о "Яндексе", функциональная часть страницы - [...]

Создаем контент сайта

Итак, у нас уже есть навигация по сайту «успешных резюме» да плюс примерно ясно, какого типа контент должен быть на каждой странице. Для тех из наших читателей, кто проецирует наш «эксперимент в реальном времени» на свой сайт, требуется оговорка: сайт «успешных резюме» по своему замыслу очень-очень простой. С ним укрупненно все понятно. Да, из этого замысла можно на выходе получить не один десяток, а то и не одну сотню сайтов, радикально различающихся между собой – так же, как в кино из одного и того же отснятого материала можно смонтировать несколько разных фильмов, утверждают монтажеры. Но замысел остается тем же, только меняется уровень его проработки (это мы тоже проходили). На сайте же реальной компании или проекта, или человека сплошь и рядом встречаются ситуации, когда создается [...]

Десять главных ошибок веб-менеджера при создании сайта. Ошибки дизайна

В прошлом выпуске мы начали сравнение «10 ошибок веб-мастера» по мнению Интернет-агентства «Webicom» с тем, что считается ошибками в Методике успешного сайта – и рассмотрели то, что Webicom назвал «уровнями разработки». Мы не очень поняли, что это такое, но найти отличия оказалось очень просто: авторы материала концентрируются на управлении веб-разработчиками, мы же сосредоточены прежде всего на проектировании и последующем управлении взаимодействием посетителей сайта и «людей за сайтом». Теперь на очереди – ошибки дизайна. Дизайн автором материала понимается в широком смысле слова – как сочетание структуры сайта, его внешнего вида и навигации (в Методике успешного сайта дизайн понимается узко, как «красивость» и элементы, вызывающие ассоциации). Обычным шрифтом, но темно-синего цвета копируются материалы агентства Webicom (они написаны от первого лица, но в единственном числе). Наши комментарии [...]

Пробоины структуры. Откуда на сайте мусор?

Те, кто скачал и изучил бесплатный раздел Методики успешного сайта, знают, что такое мусор на веб-странице, и умеют его отличать. Для тех, кто этот раздел пока еще не смотрел, поясняем: мусор – это все то, что не относится ни к функционалу страницы, т.е. не работает на цель сайта, не является описательной частью страницы, не служит навигации и дизайну (в узком смысле – не украшает). Т.е. если у данного элемента страницы нет задачи подтолкнуть посетителя к какому-то действию, сориентировать посетителя или порадовать его глаз – это мусор. Даже если этот элемент сто раз уместен на другом сайте, на вашем он не нужен. И его требуется убрать. Например, возьмем поисковую выдачу по слову «производство». Ну любим мы это слово – производственные компании за редким исключением создают [...]