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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот и свершилось, я поменяла дизайн блога! Как вам?Идея поменять дизайн блога у меня возникла довольно давно. Мне не нравился предыдущей дизайн, все-таки это была стандартная тема хоть и с видоизмененной шапкой. Теперь дизайн блога уникальный!

старый дизайн

Новый дизайн выполнен полностью в корпоративных цветах и стиле основного домена http://www.epochta.ru/. Сейчас я вместе с верстальщиком вношу последние правки и буквально через пару дней блог приобретет окончательный вид.

Вообще оказалось не так легко найти людей, которые бы взялись за разработку нового дизайна. Большинство дизайнеров и верстальщиков отказывались, так как не имели опыта разработки дизайна блогов. Около двух недель я потратила на поиск исполнителей, почти три недели ждала пока они приступят к работе из-за загруженности и около недели занял процесс создания и согласования дизайна. Вообще ребята (N.O.D.) сработали довольно оперативно и если бы не праздники, процесс был бы еще быстрее. И дизайнер полностью выполнил все мои пожелания.

А еще у меня есть небольшая просьба к вам: покритикуйте! Хотелось бы услышать ваше мнение по поводу нового дизайна: что нравится, что не нравится, где не доработано и т.д.. Надеюсь благодаря вашим комментариям получится найти незамеченные огрехи.

И напоследок небольшой опрос:

 Loading ...

 Loading ...

Спасибо за ваше мнение и удачного дня!

Интернет пестрит тысячами статей про 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

Вот и закончились длительные выходные, пора приступать к работе!

В последнее время я очень много писала статей, в которых все внимание было сосредоточено на общении с клиентами и их доверии. Сегодня хочу пообщаться о Веб-дизайн сайта. Это немало важный момент в привлечении клиентов к вашим услугам или к вашему товару. Благодаря удачному дизайну можно задержать посетителя на вашем сайте и сделать из него вашего клиента.

Если вы решили создать сайт и с помощью него привлекать клиентов, то должны помнить о первом мнении клиента, которое имеет решающее значение – останется ли клиент на вашем сайте и просмотрит ли ваши предложения.

Про Веб-дизайн ходят много слухов, например, такие как:

1. Веб-дизайн – это легко, и поэтому им может заниматься каждый.

Веб-дизайн – это такое же серьезное занятие как скажем дизайн дома или автомобиля. Нарисовать картинку и обработать ее в Photoshop могут многие. Но сделать так, чтобы эта картинка стала настоящим дизайном, сможет не каждый. Другое дело, что эта профессия многим кажется очень простой и нетребующая больших денежных вложений, поэтому она привлекает большой поток людей, которые работают по принципу «Поэкспериментируем – получится или не получится». Но если вы рассчитываете, что ваш сайт принесет вам коммерческий успех, не думаю, что вы захотите, чтобы над вашим сайтом экспериментировали.

2. Без веб-дизайна не бывает сайта.

Существует достаточное количество сайтов, состоящих просто из текстов и обычных текстовых ссылок, и они радуют своих хозяев приличной рентабельностью, потому что контент – дело первое, а дизайн – второе.

3. Веб-дизайнер знает лучше заказчика, каким должен быть сайт.

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

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

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

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

Так же необходимо учитывать то, что веб-дизайнеры очень любят анимированные рисунки, меню, интерактивные заставки, сделанные на flash. Это действительно очень красиво, но поисковые машины не знают, что со всем этим делать. Элементы такого рода ими не индексируются.

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

На самом деле подобных тонкостей много.

Следующий вопрос, с которым сталкиваются при выборе дизайна – как же должен выглядеть современный сайт?

Дизайн можно сравнить с модой, которая может меняться со временем кардинально. Если сравнить дизайны сайтов десятилетней давности со современными, то увидим значительную разницу. Практически через каждые пару лет мода на дизайны сайтов менялась. Ничего постоянно и в этой сфере нет.

Если дизайн вашего сайта будет выглядеть легко, спокойно, информация будет изложена доступно и понятно, вам удастся зацепить клиента, и тогда уже можно будет приступать к другому этапу работы!

ePochta Extractor является единственной в своём классе программой, которая может справится с Flash-сайтами.