Когда пользователь попадает впервые на сайт, первое впечатление у него формируется в течении первых секунд. Некоторые даже говорят что в течении сотых секунд. Но это не столь важно, главное произвести хорошее первое впечатление и заручится симпатией со стороны посетителя.

Сегодня моя статья посвящена теме – что влияет на первое впечатление от сайта.

Один из самых важных параметров – время загрузки сайта. Медленная загрузка сайта может стоить хозяину потерей потенциального постоянного посетителя и наоборот стать основой для хорошего впечатления.

Другой момент, который может оттолкнуть – это наличие сообщений об ошибках на сайте, невозможность загрузить страницу и битые ссылки.

Думаю очевидно, что ключевым моментом является дизайн сайта. Дизайн представляет собой совокупность множества элементов: цветовая гамма, размер и тип шрифтов, качество изображений, размер и т.д.. Каждый из этих элементов по своему влияет на впечатление. К примеру, цветовая гамма. Очень тяжело подобрать хорошую комбинацию цветов, которая с одной стороны была бы гармоничной и с другой хорошо воспринималась человеческим глазом. В сети можно найти массу статей на эту тему, поэтому перейду к следующему элементу – логотип (бренд).

Логотип должен выглядеть так, как вы хотите позиционировать свою компанию. Логотип должен быть качественным, оригинальным и запоминающимся.

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

Шрифты (цвет, размер, тип) влияют на читабельность информации на сайте. Для человеческого зрения значительно проще читать черный текст на белом фоне, чем белый на черном. Плохо читается как мелкий, так и крупный текст.

Реклама. Лучший способ испортить впечатление о сайте – разместить массу рекламы. Тут имеет значение и количество рекламы, и ее внешний вид и ее размер. Если цель вашего сайта не заработок с PPC рекламы, то размещайте рекламу так, чтобы она не мешала пользователям просматривать информацию на сайте. В последнее время больше всего раздражает Popup реклама, при нажатии на закрытие которой открывается рекламируемый сайт. Т.е. фактически невозможно избавиться от нее.

Репутация. О вашем сайте посетитель может узнать значительнее ранее, чем побывает на нем и у него может ложится мнение заранее.

Легкость навигации. Есть достаточно много сайтов с полезным контентом, однако с очень неудобной навигации, что и ухудшает впечатление о нем.

Непрофессиональные элементы: плохого качества изображения, как и старомодный дизайн могут негативно отразиться на мнении человека.

Естественно, качество контента. Чем он лучше, объемнее и полезнее, тем лучше впечатление.

Количество подписчиков, зарегистрированных пользователей, ежедневная посещаемость – все это может непосредственно влиять на восприятие сайта человеком. «Ведь, если многие сочли сайт интересными для себя, значит он может быть интересен и для меня». Для блогов не менее актуально количество трекбеков и комментариев.

Флеш заставки (intro). Многим они нравятся, для некоторых ресурсов они уместны, но я считаю их лишними, так как они попросту забирают время. Ну и соответственно плохого качества флеш может повлиять негативно.

Это мой список вещей, которые могут повлиять на первое впечатление о сайте. Однако этот список явно не полон, хотелось бы, чтобы вы помогли мне его дополнить.

ePochta Mailer умеет подстраиваться под ограничения скорости многих SMTP серверов.

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

Представляю вашему вниманию подборку советов по улучшению вебформ:

• Уберите капчи (captcha) с форм. Captcha, конечно, один из лучших способов защиты от спама, но иногда они блокируют нормальные сообщения особенно в случае, когда у пользователя возникают проблемы с разбором предлагаемой картинки. Причем в последнее время многие разработчики стали значительно усложнять изображение на captcha из-за того, что спам-боты научились их распознавать. В отдельных ситуациях у меня получается разобрать текст с пятой попытки. Таким образом captcha может просто заблокировать необходимую информацию, а немного спама – это еще не конец света… Но если все-таки используете captcha, удостоверьтесь, что она легко читаема.
• Удалите ненужные поля. Например информация о дате рождения или гендерной принадлежности будет лишней при заполнение формы заказа товара.
• Проще – значит лучше. Чем проще выглядит форма, тем она понятнее и удобнее для пользователей.
• Уберите кнопку «Очистить». Кнопка «Очистить», размещенная вслед за кнопкой «Добавить» лишь приводит к случайным нажатиям и стиранию введенной информации. Просто ненужная опция.
• Удалить кнопку «Отменить». В формах, которые содержат несколько последовательно заполняемых страниц (например, форма оплаты заказа), необходимо убрать кнопку «Отменить». Данная кнопка только помогает пользователям на этапе заполнения данных лишний раз задуматься о целесообразности заполнения и отказаться к примеру от покупки. Это аналогично вопросу «Вы действительно хотите купить это?».
• Выделяйте обязательные поля. Чем проще человеку заполнить форму – тем лучше. Поэтому упростите пользователям жизнь и выделите обязательные для ввода данных поля. Это обычно делается с помощью * или выделением жирным заголовка поля.
• Используйте подсказки. Частенько бывает, что пользователи не сразу понимают назначение того или иного поля, поэтому разместите специальные подсказки. Они могут быть как маленьким шрифтом, так и открываться в сплывающих окнах.
• Показывайте примеры форматирования. Некоторые поля требует специального форматирования. Например: номера телефонов, цена, даты. Разместите рядом с полем ввода пример в каком виде должны быть данные.
• Делайте формы интернациональными. Иногда встречаются сайты, на которых необходимо ввести свой адрес, но в выпадающем списке отсутствует необходимая страна или город или вообще есть возможность ввести адрес только для граждан США – сразу предлагается список штатов. Если ваш бизнес подразумевает, что клиентами могут быть люди с различных регионов мира, учитывайте это при создании форм.
• Логическое переключение Tab. Ох как раздражает, когда при заполнении формы после нажатия Tab фокус прыгает не на следующее поле ввода, а куда-то в сторону. Такое случается, когда форматирование выполнено с помощью таблиц и в них нарушен порядок вложения.
• Проверяйте введенные данные на стороне сервера. Как известно существует 2 способа проверки правильности введенных данных: с помощью javascript и на стороне сервера. Используйте второй способ, так как он более безопасный и у некоторых пользователей javascript бывает просто отключен настройками безопасности.
• Делайте понятными сообщения об ошибках. Отображая сообщение об неправильности введенных данных пользователем, убедитесь, что сообщение будет предельно понятным пользователю и он сможет быстро исправить данные. К примеру лучше написать «Вы не ввели ваш email», чем «Вы не заполнили все обязательные поля».
• Отображайте только то, что надо. К примеру, вы определили по ip, что пользователь из России, тогда можно скрыть поля для выбора страны и сразу предложить пользователю ввести город или в выпадающем списке поставить Россию, как выбранный элемент.
• Логически сортируйте списки. К примеру, если у вас есть выпадающий список стран и вы знаете, что 90% посетителей из России и Украины, то данные страны можно поставить вначале списка. Но в любом случае как минимум должна быть алфавитная сортировка.
• Ajax проверка данных рулит. Очень удобно когда в процессе заполнения формы сразу выводится сообщение о корректности или некорректности введенной информации. Это позволяет быстро исправить ошибки.
• Функция «Запомнить меня». Для формы логина желательно размещать checkbox „Помнить меня” для автоматического входа в систему. Кто любит запоминать и постоянно вводить пароли?
• Устанавливайте фокус. Если загружается страница, содержащая форму, фокус необходимо устанавливать на первое поле формы.
• Избегайте особых требования к паролю. Получали когда-нибудь сообщение «Пароль должен содержат хотя бы одну цифру и букву и быть не менее 6 символов в длину»? Подобные требования приводят к тому, что пользователю приходится придумывать отдельный пароль для сайта, который он потом может забыть..
• Правильно называйте кнопки действий. Иногда значительно лучше назвать кнопку «Зарегистрироваться», чем использовать стандартный вариант «Submit» или «ОК».

Что вы думаете по поводу советов? Можете что-то добавить?

Что-то такое социальные сети думаю объяснять никому не надо. Они уже давно очень плотно вошли в нашу жизнь и уйдут нескоро. Социальные сети являются наиболее перспективными для инвестиций проектами, но при этом большинство из них не содержат рекламы, да и поступления от рекламы редко перекрывают высокие расходы на поддержание подобных сетей. Сколько стоит содержание сотен высокопроизводительных серверов известно только хозяевам данных проектов.

Одноклассники.ру и вконтакте.ру перевалили за 10 миллионов зарегистрированных участников, каждый из которых загружает десятки фотографий, рисунков, видеороликов и т.д.. Расходы на содержание могут составлять миллионы долларов. В чем же тогда инвестиционная привлекательность проектов? Предлагаю вашему вниманию свои размышления:

• Генерация пользователями контента, который может иметь высокую коммерческую стоимость и на применение которого можно прямо или косвенно заработать;
• Все преимущества коллективного «мозгового штурма» с участием наиболее активных членов социальной сети;
• Полную персонализацию информации о каждом участники. Данная информация может быть полезна для адресной рекламной компании, для спец служб (многие блогеры уверены, что за одноклассниками.ру стоит ФСБ) и т.д.;
• Получение данных о предпочтениях каждого из участников социальной сети и возможность использования этих предпочтений в своих собственных коммерческих целях;
• Перспектива роста интернета-рынка и возможность в будущем продать проект за значительную сумму. Так сказать инвестиция в развитие.

Ну а что дают нам социальные сети?

• Возможность общаться с себе подобными;
• Возможность получения новой информации;
• Возможность расширения круга личного и делового общения;
• И множество других преимуществ:)

---

Наконец-то пятница! Впереди выходные, погода отличная, можно провести время не дома, а где-то загородом! Но сейчас не об этом! Как обычно в пятницу я публикую обзор молодых блогов и интересных статей. Начну с молодых блогов:Живем красиво – «Элитное СЕО, партнёрские баблоколотилки и онлайн крышесносы! Пристегнись и Поехали…». Совсем молодой блог, ему еще и месяца нет. Одна из последних статей Эффективное и креативные использование Adsense и другой контекстной рекламы очень объемная и содержит много информации.Борис Бритва – «Бизнес на расстоянии вайфая». Этот блог постарше предыдущего, но тоже могу отнести к категории молодых!StartUp 2.0 – «Тематический блог о веб 2.0 и новых интересных сервисах». Молодой блог, но уже с нормальным числом подписчиков! В своих статьях автор советует на каким сервисе можно найти ответ на ваш вопрос. Хотя, я думаю сейчас это уже почти для всех не секрет!

Реалити блог – «Способы заработать в интернете». В своей последней статье автор рассказывает как выгодно ссылаться на смайлики Лебедева и блог Давыдова! Еще на этом блоге я нашла статью Девушек в блогосфере нет!!! Дмитрий, есть девушки в блогосфере:)!!!

Блог SEO мыслителя – один из молодых блогов, статьи здесь выходят довольно часто и регулярно! Для расслабления здесь можно почитать SEO анекдоты !!!

---

Ну а теперь что интересного произошло и появилось в блогосфере за неделю:Димок выпустил свой первый видеокаст! По-моему идея отличная! Я как-то тоже о подобном задумывалась…Андрей Трой: “Из дневника свободного сочинителя: как я начинала работать удаленно.”

Станислав Малкин делится своим опытом, как он поступает в случае, если у него очень много заказов.

AddPromo – незаменимый инструмент для рассылки по доскам объявлений.

На блоге Свободный Выбор опубликована занятная статья “Как понять какой сайт круче?“

Интернет пестрит тысячами статей про web 2.0, некоторые ресурсы целиком просвещенны этой теме. Но при всем этом большинство людей так и не понимают, что это такое, почему это так назвали и зачем вообще это надо? Не буду вдаваться в историю появления данного термина, а выскажу своё мнение: зачем его придумали и почему над этим понятием все трясутся.

Подчеркиваю. Это моё мнение!

Концепцию web 2.0 выдумали, ее не существует как таковой. В 2005 году маркетологи (издательства O’Reilly Media и компании MediaLive International) предложили свою идею разделения веб-проектов на web 2.0 и web 1.0, затем эту идею подхватило множество других маркетологов. Цель одна – стимулирование роста отрасли, увеличение инвестиций в Интернет.

Посудите сами, к 2005 году в Интернете уже крутились миллиарды долларов, инвестиции постоянно росли, но не такими уверенными темпами, как до краха 2001 года. Поэтому требовался повод, цель, причина, с помощью которых бизнесмены смогли бы убедить инвесторов вкладывать большие суммы денег в дальнейшее развитие. Необходимо было обосновать важность дальнейшего вложения денег и для этого был придуман термин Web 2.0. Все активно стали утверждать: все, что было создано ранее – устарело, непригодно и на этом не заработать больших денег, надо вкладывать и создавать новое. Но не просто новое, а что-то кардинально свежее, на что требуется еще N-ое количество денег.

По сути, все что было создано под маркой Web 2.0 – просто является дальнейшим развитием сети и сервисов Интернет. А сам Web 2.0 стал главным аргументом обоснования увеличения расходов на веб. Web 2.0 – стал обозначением чего-то в интернете, что сильно отличается от того, что было ранее.

Ну а теперь все же вернусь к концепции Web 2.0. Прошло более 3 лет с момента ее появления, но до сих пор нет четкого понятия что это такое. Более того, спрашивая у знакомых маркетологов, что же это такое, многие ограничиваются фразами: «Ну это такая концепция… в общем по особенному организованы сервисы, минимум графики, крупные шрифты…». Я конечно утрирую, но все примерно так и выглядит.

Не так давно на сайт Web Design From Scratch было опубликовано подробное руководство по дизайну Web 2.0. Оно представляет из себя список из 15 дизайнерских приемов, которые чаще всего используются на сайтах, так называемого, «нового» поколения.

• Простота.
  На странице должно быть как можно меньше элементов, ничего лишнего. Из двух решений всегда лучше то, которое проще. Взгляд посетителя фокусируется на контенте, упрощается навигация.
• Центрированная разметка.
  По сравнению с дизайнерской модой прошлых лет сейчас гораздо больше сайтов располагаются по центру в браузере, а не растянуты на весь экран или смещены влево. Поскольку дизайн Web 2.0 проще и экономичнее, то на таких сайтах всегда есть много чистого белого пространства.
• Меньше колонок.
  Несколько лет назад дизайн в три колонки был нормой, а частенько встречались даже четыре. Сегодня две колонки никого не удивляют, а три – общепринятый максимум.
• Отдельная верхняя секция.
  Вверху страницы располагается горизонтальная секция, которая отделяется от всего остального контента. Конечно, в этой идее нет ничего нового и она используется уже давно, но сейчас она стала по-настоящему общепризнанной.
• Цветные блоки.
  Не только верхняя секция, но и другие элементы тоже могут быть явно выделены цветом.
• Простая навигация.
  Меню навигации, которое отображается на каждой странице сайта, должно быть большим, понятным и простым. Что касается гиперссылок, то они должны четко отличаться от всего остального контента на странице.
• Увеличенный кегль.
  На сайтах Web 2.0 размер шрифта обычно больше, чем на сайтах «прошлого» поколения.
• Вставки большого текста.
  На многих сайтах встречаются заголовки, логотипы и надписи экстремально большого размера.
• Четкий логотип.
  Ясный, мощный и сильный бренд создается с помощью заметного и запоминающегося логотипа.
• Использование насыщенных цветов.
• Градиенты.
• Отражения.
• Изящные пиктограммы.

Что касается технологических аспектов Web 2.0, то неплохо написано в Википедии и просто копировать информацию не хочется.

Я же очень скептически отношусь к концепции Web 2.0 – это миф в красивой оболочке. Посмотрим, что маркетологи назовут Web 3.0…

Лицензионное программное обеспечение ePochta