Адаптивная html верстка сайта, заказать верстку, цена ниже у нас👍
Что такое адаптивная верстка? Она представляет собой неотъемлемую часть современного веб-сервиса, которая может изменять дизайн страницы, учитывая диагональ экрана, особенности платформы, ориентацию устройства и поведение пользователя.
Адаптивная верстка не предполагает наличие горизонтальной прокрутки и областей для масштабирования, только читабельный текст и объемные площади для кликабельного элемента. Благодаря медиа запросам можно компоновать и перестраивать шаблоны так, чтобы они адаптировались под определенный размер экрана.
Актуальность вопроса
Сегодня пользователи сайтов применяют не только настольные компьютеры, но и другие современные гаджеты. В силу того, что экран многих устройств маленький, текст соответственно тоже становится мелким, ссылки не кликабельны, элементы для управления находятся очень близко друг к другу. Специалисты начали разрабатывать так называемые мобильные версии для ресурсов, решая таким образом проблему.
Но это оказалось совсем недешево, долго и неудобно. Решила проблему такая инновация, как верстка адаптивного сайта. Благодаря ей веб-страницы могут адаптироваться под диагональ любого гаджета. С помощью верстки можно экономить средства, не рисуя новый дизайн для каждого разрешения, а просто менять размеры и размещение отдельных элементов.
Верстка многостраничного сайта
С каждым годом трафик мобильного интернета увеличивается и чтобы его эффективно отработать нужно создавать такие веб-сайты, у которых будет удобный интерфейс. В связи с этим у разработчиков возникла проблема.
Создавать мобильную версию параллельно с основной или внедрять адаптивную верстку многостраничного сайта, которая легко подстроится под нужный экран? Для этого стоит оценить плюсы и минусы двух технологий, а также их способность воздействовать на “поведение” сайта.
В 2015 году исследователи компании TNS опубликовали результаты проекта, во время которого они изучали поведение интернет российских пользователей. Оказалось, что больше 60% аудитории выходят в сеть с мобильного устройства.
Аналогичную статистику опубликовал сервис MobilizeToday.ru. – из 50% смарт-пользователей, которые заходят на сайт с неудобной навигацией, половина сразу же покидает его.
Неутешительную информацию предоставили и поисковые системы – если запрос в строке вводится из мобильного гаджета, то многостраничные сайты, у которых нет адаптивной верстки, автоматически оказываются в хвосте поисковой выдачи. В связи с этим, адаптация сайтов под переносные устройства стала обоснованной необходимостью.
Причин, которые указали на необходимость оптимизировать сайты под мобильную технику, оказалось несколько:
- Удобная навигация – не нужно увеличивать поле для ввода текста и, нажимая нужную кнопку, пользователь не промахивается.
- Отсутствие необходимости для владельца, покупать приложения для разных платформ – его сайт сможет открываться на любом устройстве.
- Увеличение покупок и сделок – клиенты в любой момент могут зайти на мобильный сайт и приобрести то, что нужно.
- Коммерческая надежность – форма заказа также адаптируется под гаджет и позволяет сделать заказ быстро и просто.
Благодаря адаптации сайтов владельцы резюмируют, что мобильный трафик растет с каждым годом. Нежелание принимать новшество приводит к удару по конверсии, значительной потере клиентов и снижению доходности бизнеса. Отзывы сотрудников западных фирм подтверждают тот факт, что после верстки сайта по psd макету, конверсия существенно вырастает и цифры достигают 400%. Конечно, большую роль играет и качество адаптивной версии, поэтому за такими услугами обращаться нужно только к опытному верстальщику – компании “Нужен сайт”.
Как это работает
Для того, чтобы создать ресурс, дружественный с мобильным гаджетом, применяются две стратегии – адаптивная верстка и создание мобильного варианта.
Первая подразумевает разработку страниц, автоматически открывающихся с учетом размеров используемого пользователем устройства. Чтобы просматривать разные макеты страниц, используется один и тот же HTML. Система автоматически выполняет настройки под разрешение, меняет размеры картинок, расположение текста и т.д.
Это не требует создания отдельного дизайна для каждого девайса, а функциональность сайта при этом остается на высоком уровне. Эффективными инструментами в процессе создания ресурса может стать верстка wordpress или же верстка opencart. Адаптивный дизайн больше подходит для владельцев блогов, небольших сайтов или интернет-магазинов, где покупателей не так много, а также для компаний, которые занимаются доставкой контента.
Мобильная версия нужна для того, чтобы открыть сайт на мобильном устройстве, после чего пользователь перенаправляется на другой поддомен. Создание мобильной версии актуально для тех, кому не нужна верстка сайта с нуля, у кого уже он имеется и успешно работает. Необходимости делать редизайн нет, а проявить лояльность к мобильному поколению необходимо. Технология подходит для почтовых сервисов, социальных сетей, интернет-магазинов, новостных порталов.
Верстка web-сайта в Москве — YouDo
У вас есть возможность недорого заказать верстку сайта в Москве, создав задание для исполнителей на YouDo. После публикации заявки вы начнете получать предложения от свободных мастеров и сможете выбрать подходящего.
Опытные исполнители выполнят разработку web-сайта под CMS с нуля, а также доработают уже начатые варианты. Воспользуйтесь квалифицированной помощью специалиста YouDo и получите качественный результат по выгодной стоимости и в точно установленный срок.
Веб-разработчики YouDo работают с самыми современными технология в веб-дизайне:
Специалисты по веб-дизайну могут быстро сверстать сайт из PSD макета на PHP или натянуть верстку на шаблоны популярных CMS (WordPress, Joomla). Наши специалисты помогут профессионально создать оригинальный и стабильный web-сайт с запоминающимся дизайном.
Сколько стоят услуги исполнителей YouDo?
На YouDo вы можете заказать верстку сайта по выгодной для себя стоимости. Общая цена выполнения задания будет рассчитана с учетом таких обстоятельств, как:
- сложность технических работ
- наличие готовых макетов дизайна web-сайта или необходимость разработки новых
- оказание дополнительных услуг (например, внесение правок в готовый вариант, написание контента для главной страницы)
Доверьте исполнителю YouDo любые идеи по профессиональному созданию интернет-магазина, каталога или лендинга. Специалист YouDo в кратчайшие сроки и по приемлемой цене реализует все пожелания и предоставит готовый шаблон или новую форму сайта. Программист недорого разработает графические эскизы и переведет их в HTML.
Преимущества оформления заявки на YouDo
Исполнители YouDo из Москвы верстают любые типы композитных сайтов, выполняя работы на высоком уровне. У вас есть возможность поручить мастеру кроссбраузерную верстку. Исполнитель разработает адаптивный дизайн, благодаря которому веб-страницы можно будет просматривать с любых браузеров и мобильных устройств.
Вам следует создать задание для исполнителей на сайте youdo.com по нескольким причинам. Это:
- удобный просмотр профилей мастеров и чтение реальных отзывов
- возможность задать специалисту вопросы по работе и лично обсудить условия сотрудничества до оформления заказа
Подать заявку на поиск верстальщика можно в круглосуточном режиме через смартфон и с помощью компьютера. Не тратьте время на поиск профессионала – заказать верстку сайта по доступной цене у исполнителя YouDo вы можете прямо сейчас.
Профессиональная верстка сайтов — Заказать верстку
Создание сайтов и оказание услуг по поддержке
Каждый, кому нужен сайт, сталкивается с вопросом — У кого заказать верстку своего сайта?
Обилие предложений способно запутать людей, незнакомых с практикой сайтостроительства. Заказчикам кажется, что все делают одинаково, и исполнитель выбирается наугад. Заказчик не хочет вникать в суть дела, пробегает по верхушкам. В итоге результат часто получается на уровне, как повезет. Некоторым делают так плохо, что потом приходится переделывать заново. При этом заказчик, помимо потери времени и нервов, несет дополнительные денежные потери.
Заказать верстку любого сайта — просто. Может показаться, обратились куда-нибудь и на этом все. А вот получить хорошо сделанную работу — это уже совсем другое дело. При кажущейся внешней схожести сайтов, на деле между ними имеются отличия по качеству создания, что в итоге сказывается на работе сайта, а значит и на тех целях, для достижения которых создается сайт. Особенно это важно, если сайт является частью вашего бизнеса, например, продажи, консультации, поиск и привлечение новых клиентов.
Что определяет профессиональную верстку
Профессиональная верстка сайта выдерживает ряд требований. В первую очередь сайт должен быть кроссбраузерным (т.е. сайт должен хорошо отображаться во всех популярных браузерах). Плохо сверстанные сайты могут хорошо отображаться только в каких-то определенных браузерах, а в других браузерах, такие сайты будут выглядеть «кривыми» (например, содержимое сайта налезает друг на друга; прилипает к краям, когда должен быть отступ; не работают какие-то функции на сайте и т.д.).
Профессиональная верстка каких-либо сайтов отличается валидностью исходного кода веб-страниц (т.е. код пишется по правилам, а не как попало). Роботы поисковых систем лучше работают с сайтом, веб-страницы которого имеют валидный код, а значит информация на сайте будет лучше индексироваться и находиться поисковыми системами. Это будет способствовать раскрутке вашего сайта и достижению ваших целей. Выполнение поисковой оптимизации сайта (SEO) дает более лучший результат, если сайт имеет валидный код.
Об этих и других основных моментах профессиональной верстки, вы можете прочитать в разделе Как оценить верстку сайта — рекомендуется ознакомиться с данной статьей прежде, чем Вы обратитесь к какому-то верстальщику, чтобы заказать верстку определенного сайта.
Верстка сайта на заказ
Вы можете заказать верстку всего сайта, либо отдельной HTML-страницы, в том числе адаптивную верстку. Если верстка сайта выполняется по макетам , то по желанию заказчика, возможен некоторый корректив дизайна, т.к. случаются ситуации, когда создавая макеты страниц сайта, что-то не предусмотрели, или дизайн выполнили не лучшим образом. Нарисовать дизайн веб-страницы на макете — это одно, а создать из макета готовую страницу сайта — это другое. Для создания качественной верстки, есть свои правила, которых необходимо придерживаться.
На сайтах верстальщиков есть раздел, где можно посмотреть примеры их работ. При этом некоторые верстальщики представляют свои работы в виде скриншота (снимка экрана) — по таким примерам нельзя определить качество верстки, т.к. скриншот нельзя проверить ни на валидность кода, ни на кроссбраузерность — скриншот это просто картинка и больше ничего. Поэтому, такой верстальщик как «темная лошадка». Возможно, Вы зашли на сайт профессионального верстальщика, а, возможно, это сайт верстальщика сомнительного уровня.
К вышенаписанному следует добавить, что в верстке сайтов, как и в любой другой профессии, очень важным является так называемый «человеческий фактор». Ведь любую работу в итоге выполняет прежде всего человек. Поэтому качество любой работы во многом определяется личными качествами человека и его отношением к работе. И если Вы профессионально занимаетесь какой-то деятельностью, то в свои компаньоны также следует выбирать профессионалов, которые, также как и Вы, серьезно и ответственно подходят к своей работе.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Заказать вёрстку сайта на WordPress
В целом верстка wordpress сайта с нуля требует навыков, подготовки, знаний — без них просто не получится ни извлечь ресурсы, ни вообще сверстать хоть что-то. Сколько длится wordpress верстка, зависит от её сложности — чем проще, тем быстрей.
Верстальщик, а именно так называется специалист, занимающийся версткой сайта под wordpress и другие системы управления контентом, пользуется специально для него предназначенными инструментами, например, для чтобы сделать адаптивную верстку на wordpress, применяется специальный фреймворк bootstrap. Кроме этого, верстальщик должен знать особенности данной системы управления сайтом, которые познаются только на практике.
Верстка под wordpress является важнейшим этапом ещё и потому, что непосредственно от неё зависит, насколько правильно и красиво будет отображаться дизайн портала на различных мониторах всевозможных устройств и даже браузеров. Не секрет, что одна и та же страница в Chrome может выглядеть совсем не так, как в Internet Explorer или Opera. Проблему нормального отображения блога всюду и везде решает кроссбраузерная верстка wordpress, дающая приток посетителей, ведь охват аудитории тем шире, чем с большего числа типов устройств она может на объект (пусть это будет визитка или магазин) попасть.
Конечно, важнейшая часть проекта — функционал, которым он обладает — возможность вывода постов, размещения товаров, авторизации через соцсети и т. д. Но большинство функций в движке есть изначально, остальную же предоставляют плагины. Вот и получается, что верстка сайта на wordpress является не только сложнейшей, но и одной из основных задач.
Предпочтительно, чтобы верстку сайта на вордпресс выполняли квалифицированные студии, занимающиеся этим не один год, ведь простой обыватель с версткой вордпресс зачастую не справится, или сделают с множеством ошибок, так как эта работа имеет уйму тонкостей, знать которые неподготовленный человек просто не может.
Заказать верстку сайта на WordPress
Очевидно, что правильно, если каждый выполняет работу, делать которую умеет: с сетями целесообразно дать разбираться системному администратору, разрабатывать качественный дизайн — дизайнеру, писать код — программисту, продумывать стратегию развития — маркетологу. Заказать wordpress верстку тоже лучше у специалистов. Это можно сделать и у нас, ведь студия практикует создание порталов уже не один год.
Есть много причин, почему заказать вордпресс верстку лучше у знающих людей, чем пытаться сделать её самому или за маленькую сумму искать кого попало.
- Нет риска мошенничества. Точнее, нет его точно с нашей студией, безопасность сделок с другими гарантировать не можем, но она всё равно возрастёт, если обращать внимание на отзывы, время регистрации, портфолио, а главное — подлинность информации. Следует насторожиться при чересчур низкой стоимости вордпресс верстки — бесплатный сыр бывает только сами знаете, где.
- Качество. Это бесспорное и очевидное преимущество — кто ещё сделает идеально, если не специалист?
- Универсальность. Та самая адаптация под обозреватели и дисплеи. Кстати, при таком типе верстки, wordpress цена будет несколько выше, чем для стандартного шаблона, но и отдача будет заметно больше — она будет выражаться как минимум в большем числе посетителей.
Вообще понятно, что цена при должной сложности — эксклюзивный дизайн-проект, продуманная структура, много элементов — просто не может быть низкой, что логично, оправдано и объясняется, как и везде — сотрудник тратит время, за которое хочет получать деньги. Чем больше тратит, тем большей требует оплаты. Кроме того, чем человек квалифицированней, тем за час просит больше, поэтому если желаете сэкономить — найдите неопытного студента первого курса, но делать он будет всё очень долго да к тому же ещё и плохо, поэтому стоимость работ в конечном счёте превратится из мизерной в баснословную и окажется выше той, которую бы заплатил клиент, обратись сразу к профессионалам, не теряя лишних дней и нервов.
Заказать верстку сайта из макета PSD/AI/Sketch
Любой веб-ресурс, независимо от его тематики, популярности и предназначения, лежит на спинах двух огромных китов с зычными именами: front-end и back-end.
Фронтэнд – это внешняя клиентская часть, удобный интерфейс, который связывает пользователя с программно-административным комплексом, живущим на отдаленном сервере, иными словами – бэкендом. Чисто визуально фронтенд сайта отображается в браузере: красиво сверстанные страницы с удобными кнопками, навигацией, формами обратной связи, оригинальной анимацией и пр. Данная составляющая веб-ресурса отвечает за вывод на экран всей интересующей вас информации, а также превращение ваших запросов и действий в программный код, обращенный к бэкенду, который в свою очередь обращается к базам данных и выполняет серверную логику.
Frontend разработка – цели и задачи
Под каждый отдельный проект разрабатывается свой frontend с нуля, ведь если вы заказываете не шаблонный сайт, то и подход здесь нужен глубоко индивидуальный. Команда разработчиков верстает каждую отдельную страничку согласно подготовленному дизайнером макету, создает шаблоны в CMS, пишет специальные скрипты. Если это предусмотрено в заказе, создает адаптированную версию сайта, которая будет иметь безупречное отображение как на стационарных, так и на портативных (мобильных) устройствах.
В своей работе фронтенд-разработчики используют так называемую «великую троицу» инструментов, а именно: HTML, CSS и JavaScript. HTML и CSS – это два языка, знание которых является обязательным для создания любых веб-ресурсов, от сайтов-визиток до интернет-магазинов. Они отвечают за создание разметки, наполнение контентом, визуализацию отдельных страниц. Их активно используют в работе верстальщики на этапе переноса страниц с макета. Знание JavaScript верстка сайтов не считает обязательным. А вот фронтендеры этот язык обязательно используют. В этом как раз и состоит отличие верстальщика от Front-end разработчика.
Что такое JavaScript?
JavaScript еще называют «языком скриптов», что, собственно, следует из его названия. Скрипт позволяет интерпретировать действия пользователя и воспроизводить некий шаблон операций, как ответ на них, то есть приводить в действие прописанный программистом сценарий. Но этот сценарий необходимо продумать, написать и протестировать, чтобы он одинаково хорошо срабатывал в различных браузерах, не допуская ошибок и «багов».
Все это – работа фронтенд разработчика. Глубина знаний в JS frontend позволяет решать самые различные задачи: от простых шаблонных действий пользователя до оригинальной анимации. Выпадающее окошко при наведении курсора мыши, появление всплывающих окон, различные таймеры, калькуляторы и пр. – эти активные элементы результат применения языка JavaScript. Если вы хотите увидеть их у себя на сайте, не забудьте сообщить об этом своему фронтендеру.
Фронтенд девелопер – сотрудник на расстоянии
Но кто же он, ваш идеальный frontend разработчик? Впервые вы могли с ним столкнуться на этапе создания сайта. Весь огромный объем работы, описанный выше, — его рук дело. Однако и после сдачи проекта вам не обойтись без его помощи.
Любой сайт – это живой организм, который растет, развивается, требует от вас новых «фишек», чтобы не отставать от конкурентов и соответствовать постоянно растущим запросам. Улучшать его и дополнять – задание для грамотного фронтенд девелопера. Обратите внимание, англоязычное словосочетание «frontend developer» очень четко описывает, чем занимается данный специалист: он не только создает, разрабатывает веб-ресурс, он его развивает.
Если ваша компания не может похвастаться большими размерами и баснословным бюджетом, то frontend программист на условиях почасовой оплаты – идеальный для вас вариант. Вводить в штат полноценную единицу с соответствующим уровнем заработной платы не всегда целесообразно, гораздо выгоднее воспользоваться аутсорсинг-услугами. Еще лучше, если ваш frontend разработчик удаленно работает из той веб-студии, где создавали ваш сайт. В этом случае ему, как никому другому, будет известно абсолютно все о программных кодах, спрятанных за безупречной картинкой.
Junnior, Middle, Senior – в чем различие?
В зависимости от сложности проекта, знаний и навыков, которые будет использовать ваш фронтенд разработчик, будет зависеть и его почасовая ставка. Традиционно принято выделять три профессиональных уровня IT-специалистов:
Чем глубже уровень знаний, чем более длительным является опыт работы, тем выше и стоимость услуг фронтенд программиста. Качество конечного продукта неизменно высоко в любом случае, разница лишь в том, что обладателям несложных проектов нет смысла переплачивать за «статусность» аутсорсера, а вот тем, кто нуждается в доработке оригинального многоуровневого корпоративного портала, либо же мечтает внедрить абсолютно уникальные программные решения, придется прибегнуть к помощи опытного senior frontend developer с соответствующей оплатой труда.
Как заказать разработку и поддержку?
В команде студии Flamix есть опытные специалисты любого из трех квалификационных уровней. Вы можете прибегнуть к их помощи в вопросах доработки и поддержки вашего сайта на условиях почасовой оплаты, либо же заказать фронтенд с нуля, если ваш проект пребывает на стадии не воплощенной в жизнь идеи. Цена frontend услуг зависит от сложности вашего заказа, от типа сайта, сроков выполнения, наличия дополнительных услуг. При этом привязки к вашему региону у нас нет: frontend разработка сайта в Пензе, СПб или Москве будет стоить одинаково.
Заказать разработку сайта либо же получить квалифицированную консультацию вы можете при помощи формы обратной связи – оставьте свои данные и наш менеджер свяжется с вами, чтобы ответить на все интересующие вас вопросы.
Заказать верстку сайта, верстка сайта с нуля
Верстка – это преобразование нарисованного макета сайта в html-код по специальным правилам. Это важный этап при создании сайта. От того насколько правильно будет выполнена верстка, зависят последующие этапы – программирование, интеграция с системой управления (CMS) и обслуживание сайта. Верстка – это фундамент сайта.
Заказав верстку для сайта у нас, Вы получаете структурированную, легкочитаемую и понятную для программирования верстку. Мы делаем верстку для интернет-магазинов, каталогов, сайтов-визиток, корпоративных и новостных сайтов. Вся работа делается по стандартам W3C в HTML и CSS.
Делаем верстку для WordPress, MODx, HostCMS, Joomla и индивидуальных движков. Также занимаемся адаптивной версткой, при которой сайт умеет подстраиваться под любые разрешения экрана, таким образом сайт выглядит одинаково как на экране монитора, так и на планшете или смартфоне. Кроме этого, верстка делается семантической, валидной и кроссбраузерной – сайт будет одинаково отображаться в современных браузерах Chrome, Mozilla Firefox, Safari, Egde и Internet Explorer.
Все что нужно, чтобы сверстать сайт — это PSD (Photoshop) файл со слоями.
Результатом работы будет: HTML-страница (или несколько HTML-страниц) и CSS (SCSS, LESS)-файл со стилями, javascript и все подключенные библиотеки. Вам передаются и используемые в верстке изображения.
Код в файлах будет чист, аккуратен и легко читаем. В дополнение, мы сможем помочь, если Вы захотите, внести какие-либо изменения.
Приветствуются любые подробные указания насчет ожидаемой функциональности страницы.
Заказать верстку сайта
Сроки и цена
Сроки и стоимость работ на верстку сайта зависят от сложности дизайна и рассчитываются индивидуально для каждого проекта.
Для точного просчета стоимости работ отправьте Ваши макеты (достаточно и jpg-макетов) на почту [email protected]. Просчет стоимости работ бесплатный.
- верстка сайта-визитки средней сложности (3-5 страниц) занимает 3 рабочих дня;
- верстка корпоративного сайта (7-10 страниц) – 5 рабочих дней;
- верстка интернет-магазина – 10 рабочих дней.
Доказано, что 3 соображения по планировке площадки для увеличения продаж
Что общего у вашего интернет-магазина с детской книгой? Они оба общаются словами и картинками. Хотя вы, возможно, никогда не думали об этом именно так, ваш магазин, по сути, рассказывает историю вашим покупателям. И то, как вы рассказываете эту историю, побудит потенциальных клиентов решить, в их же интересах вести с вами дела.
Однако разница между детской книгой и вашим магазином заключается в следующем: в Интернете нет гарантированной отправной точки для рассказа.Клиенты могут заходить на вашу домашнюю страницу, через страницу продукта, на целевую страницу кампании или даже в ваш блог. Итак, как обеспечить, чтобы независимо от того, какую точку входа кто-то использует, ваш сайт рассказывает одно и то же, что в идеале ведет к продаже?
Грамотное использование стратегии макета страницы восполнит этот пробел, позволяя комбинировать слова и изображения таким образом, чтобы ваше повествование не потерялось. Вот три способа улучшить макет вашего магазина, чтобы максимально раскрыть историю вашего бренда и увеличить пожизненную ценность клиента.
Достичь баланса
Будьте осторожны, чтобы контролировать общее количество этих вышеупомянутых слов и изображений. Слишком большое количество каждого из них может ошеломить клиента, в то время как недостаток может так же легко их не ошеломить. Думайте о макете вашего сайта как о стакане. Вы же не хотите, чтобы он был наполовину пустым или наполовину полным. Вам нужен полный стакан, только чтобы он не переполнялся.
Один из способов обеспечения баланса — использование отрицательного пространства, иногда называемого пустым пространством.Это определяется как любая область макета, не занятая словами или картинками. Когда клиент просматривает макет, он должен иметь возможность отдыхать в определенных областях, чтобы он также мог воспринимать элементы, которые вы хотите выделить.
Возьмем сайт онлайн-реестра Kallah, где команда реализовала использование отрицательного пространства и дополнительных цветов, чтобы продемонстрировать довольно много информации, не создавая впечатление перегруженности сайта.
Помните, размер имеет значение
Человеческий глаз сначала привлекает самые большие изображения, затем изображения меньшего размера, а затем текст.Думайте об изображениях как о способе перемещать взгляд по странице в том порядке, в котором вы намереваетесь. Профессиональный веб-дизайн создает интуитивно понятные иерархические макеты, учитывающие этот важный принцип.
Например, ваша самая большая реклама на главной странице должна называть ваши самые интересные продукты или специальные предложения, а за ними — более мелкие объявления или избранные миниатюры. Доминирующими изображениями на странице вашего продукта должны быть основные фотографии продукта, а затем кнопка «Добавить в корзину». В каждом случае макет должен линейно направлять взгляд покупателя.
Посмотрите, как в интернет-магазине Training Mask акцентный цвет привлекает внимание к кнопке «Добавить в корзину».
Традиционным исключением из этого правила является страница раздела, на которой миниатюрные изображения товаров аналогичного размера отображаются строка за строкой. Здесь покупатель ожидает сравнить и сопоставить отдельные продукты, прежде всего, по внешнему виду, а затем по названию, цене и оценкам. В некоторых случаях вы все же можете повлиять на этот макет с помощью правильного использования графики заголовков и рекомендуемых областей продукта.
Посмотрите, как интернет-магазин U.S. Patriot четко собирает страницы категорий, позволяя покупателям легко переходить к сравнениям на уровне товаров.
Избегайте ненужных отвлекающих факторов
Что важнее: сделать так, чтобы покупатель совершил успешную покупку или посетил вашу страницу в Facebook? Как насчет того, чтобы заставить их подписаться на вашу рассылку, а не нажимать кнопку «Добавить в корзину»?
Хотя на эти вопросы, кажется, есть очевидные ответы, моя команда регулярно просматривает сайты с макетами, которые игнорируют главный призыв к действию сайта (т.е. выписка клиента). Владельцы сайтов хотят, чтобы их клиенты покупали что-то, не отвлекаясь, — но они часто нанимают дизайнеров сайтов, которые не помогают им понять, что многократные призывы к действию могут вызвать путаницу в выборе — в конечном итоге заставляя кого-то выбрать ни один из них.
Чтобы избежать этого, не используйте изображения или текст, не относящиеся к задаче, которую должен выполнить заказчик. Если на странице вашего продукта есть что-то, что не имеет отношения к этому продукту или не помогает покупателю найти более подходящий продукт, его нужно удалить.Каждая страница вашего процесса оформления заказа должна быть максимально упорядочена, чтобы ваш клиент оставался в воронке продаж. Любая дополнительная информация должна касаться только важных вопросов или опасений.
Обтекаемый дизайн кассы Made 4 Fighters.
В целом, верстка имеет решающее значение для успеха любого интернет-магазина. Хотя передовые практики, связанные с электронной коммерцией, продолжают развиваться, эти три принципа компоновки помогут вашему магазину выдержать испытание временем.
Простой макет веб-страницы в интернет-магазинах упрощает покупку Decis
Introduction
Мгновенная покупка, которая определяется как «внезапное, часто сильное и постоянное желание что-то купить немедленно», играет важную роль в управлении маркетингом, особенно в контексте супермаркетов и интернет-магазинов. 1,2 Учитывая его важность, значительный объем исследований исследовал факторы, влияющие на намерение совершить покупку.Торговая среда была определена как решающий фактор, влияющий на покупательские тенденции и поведение потребителей. Например, Юн и Фабер (2000) указали, что на мгновенные покупки могут значительно влиять факторы окружающей среды, такие как атмосферные сигналы в розничной торговле, сигналы, контролируемые маркетологами, и стимулы маркетингового комплекса. 3 Parsad et al (2018) продемонстрировали, что среда розничных покупок (например, демонстрация товаров, толпа внутри магазина) значительно влияет на склонность потребителей к мгновенным покупкам. 4 Это влияние окружающей среды на моментальные покупки проявлялось не только в обычных магазинах. Фактически, среда онлайн-покупок, которая выходит за рамки времени и пространства, играет более важную роль в моментальных покупках. Например, Аделаар и др. (2003) предложили теоретическую модель, которая продемонстрировала, что среда онлайн-покупок может вызывать эмоциональные реакции потребителей, а затем предсказывать поведенческие реакции потребителей на мгновенную покупку. 5 Akram et al (2018) показали, что качество веб-сайта в среде онлайн-покупок положительно влияет на поведение потребителей при мгновенных покупках. 6
В среде онлайн-покупок два основных параметра — порядок веб-страницы и сложность веб-страницы — являются сильными детерминантами восприятия и удовлетворенности пользователей. 7–10 Порядок веб-страниц связан с логической организацией, связностью и ясностью содержания и макета веб-страницы. 8,9,11 Обычно люди считают, что упорядоченная среда может способствовать положительному эмоциональному восприятию. 12 Между тем эмоциональные реакции потребителей положительно связаны с их покупательскими намерениями. 5,13 Таким образом, предполагается, что чем выше порядок макета сайта онлайн-покупок, тем выше процент покупок.
Однако другие исследователи показали, что нарушение зрения или неопределенная среда могут вызывать негативное эмоциональное восприятие (например, чувство угрозы) и ухудшать восприятие пользователем. 14,15 Когда люди пытаются модулировать отрицательную эмоцию или подавить эмоциональное выражение, используются многие ресурсы самоконтроля, что приводит к снижению способности к самоконтролю. 16–18 Ресурсы самоконтроля являются общими (контроль познания, регулирование эмоций и т. Д.), Но конечными. 16,19 Способность к самоконтролю определяется как способность человека управлять своими эмоциями и поведением, используя ресурсы самоконтроля. 2,20 Многие исследователи обнаружили, что снижение ресурсов и возможностей самоконтроля обычно сопровождается мгновенными покупками. 16,19,21,22 Фентон-О’Криви и др. (2018) предположили, что мгновенные покупки людей можно рассматривать как неспособность самоконтроля по отношению к долгосрочным целям и как стратегию эмоционального регулирования. 21 Efendi et al (2019) также показали, что самоконтроль потребителей оказывает негативное и значительное влияние на их решения о покупке, а хороший самоконтроль снижает потребительское поведение. 22 Исходя из этой точки зрения, макет веб-страницы низкого порядка может также вызвать покупательские тенденции, которые будут способствовать принятию решений о покупке.
Вопрос о том, вызывает ли высокий или низкий макет веб-страницы онлайн-покупок более высокий процент покупок, остается спорным. Поэтому для решения этой проблемы в этом исследовании исследуется базовый когнитивный механизм, с помощью которого дизайн макета веб-страницы влияет на решения потребителей о покупке.Мы применяем метод измерения связанных с событиями потенциалов (ERP) — неинвазивную нейробиологическую технологию, которая может напрямую определять когнитивную активность мозга людей, лежащую в основе их поведения. 23 ERP — это электрофизиологическая активность скальпа головного мозга в ответ на стимул, отражающая суммарную активацию возбуждающего постсинаптического потенциала и тормозного постсинаптического потенциала, вызванного стимулом. 24,25 Между тем, ERP имеет превосходное временное разрешение в миллисекундах, что позволяет регистрировать когнитивную активность во время поведения и процесса принятия решений в режиме реального времени, чего нельзя получить с помощью традиционных методов исследования потребителей. 26 Таким образом, в нашем исследовании изучение мозговой активности субъектов, когда они выполняют покупательские задачи при различных стимулах порядка веб-страниц, может помочь глубоко понять, как люди оценивают стимулы порядка веб-страниц и принимают решения о покупке в процессе познания. Основываясь на предыдущих исследованиях по оценке стимулов и принятию решений, в настоящем исследовании были сосредоточены два важных компонента (P2 и Поздний положительный потенциал (LPP)).
Обзор литературы
P2, компонент ERP, представляет собой положительный потенциал, который достигает пика примерно через 200 мс после предъявления стимула. 27,28 Многочисленные исследования показывают, что P2 отражает быструю автоматическую активность захвата внимания. 27,29–31 Например, Carretié et al (2001) обнаружили, что P2, связанный с привлечением внимания, демонстрирует большие амплитуды в ответ на отрицательные стимулы, чем на положительные. 29 При воздействии предупреждающих сигнальных слов P2 отражает смещение негативности внимания, чтобы обнаружить опасность предупреждающих сигнальных слов. 27 Wang et al (2019) показали, что слова, обозначающие отрицательные эмоции (например,ж., сердитый) и слова, содержащие негативные эмоции (например, эгоистичный), могут вызывать более крупные компоненты P2, чем нейтральные слова (например, естественные) в задаче лексического решения. 31 В этих исследованиях увеличенная амплитуда P2 свидетельствовала о смещении внимания к эмоционально негативным стимулам.
Более того, недавние данные показали, что P2 связан с когнитивной активностью несовместимых суждений. 32–35 Например, представляя испытуемым цель, которая была либо конгруэнтна, либо несовместима с семантической категорией предметов, Freunberger et al (2007) обнаружили, что P2 демонстрирует семантическую регуляцию сверху вниз с большей амплитудой для неконгруэнтных целей по сравнению с конгруэнтные. 32 В исследовании Zioga et al (2019) больший компонент P2 был ответом на неправильные примечания, чем на правильные примечания, что отражало обработку неправильной информации, связанной с обучением. 33 Семантический дедуктивный эксперимент Lei et al (2010) показал более высокий P2 для атипичных членов целевых семантических категорий, чем для типичных членов, что было задействовано в раннем обнаружении классификации категорий. 34 Ma et al (2014), используя парадигму первичного зондирования для исследования расширения бренда, продемонстрировали, что P2 был чувствителен к ранней низкоуровневой оценке, основанной на сходстве. 35 В текущем исследовании мы предположили, что веб-страница низкого порядка с большей вероятностью вызывает негативные эмоции и выглядит нетипичной, что может привлекать больше ресурсов внимания и противоречивых суждений по сравнению с веб-страницей высокого порядка, что отражается в более крупном Амплитуда P2.
В дополнение к P2, LPP отражает более позднюю стадию оценки стимула. LPP в основном достигает максимальной амплитуды между 300 и 800 мс после предъявления стимула. 36,37 Ряд данных показал, что LPP чувствительна к когнитивному процессу регуляции эмоций. 38–42 В эксперименте Хуанг и Луо (2006) было обнаружено, что 38 негативных изображений вызывают более высокий компонент LPP по сравнению с позитивными и нейтральными изображениями, что свидетельствует о негативном смещении ресурсов когнитивной регуляции в более поздней оценочной деятельности. . Деннис и Хаджак (2009) показали, что LPP была больше в условиях неприятной интерпретации с негативным изображением, чем в условиях неприятной интерпретации с нейтральным изображением, предполагая, что LPP представляет собой нейронный маркер эмоциональной регуляции и нарушения настроения. 39 Когда от испытуемых требовалось увеличивать или уменьшать их эмоциональную реакцию на неприятную картину, наблюдалась большая величина LPP, что отражало процесс саморегуляции эмоциональных стимулов. 40 В эксперименте с аффективными репликами, состоящем из реплик (красные квадраты и синие круги), сигнализирующих о вероятной валентности следующих целевых изображений (отрицательных или нейтральных), Brudner et al (2018) выявили повышенную реакцию LPP на отрицательные, чем на нейтральные реплики и подсказки. цели. 41 Более того, Даннинг и Хаджак (2009) предположили, что LPP был полезным инструментом для выявления сходств и различий между стратегиями эмоциональной регуляции. 42 Таким образом, учитывая функциональную чувствительность LPP, мы предположили, что LPP представляет собой процесс эмоциональной регуляции стимулирующих материалов на более поздней стадии оценки. Мы предсказали, что амплитуда LPP может быть больше для веб-страницы низкого порядка, чем для веб-страницы высокого порядка, что предполагает более высокую занятость ресурсов, регулирующих эмоции.
В текущем исследовании мы использовали ERP для изучения основного когнитивного механизма того, как порядок веб-страниц в онлайн-покупках влияет на решения потребителей о покупке. Участникам были представлены ежедневные продукты в среде веб-страниц с различными уровнями заказа и даны инструкции оценить свои решения о покупке. Мы проверили следующие два предположения: (1) веб-страница низкого порядка увеличивает решение людей о покупке, и (2) этот основной когнитивный механизм веб-страницы низкого порядка отражается в двух стадиях: P2 (занимает больше ресурсов внимания и несогласованное восприятие) и LPP (распределение ресурсов эмоционального самоконтроля).
Методы
Участники
В общей сложности четырнадцать правшей в возрасте от 19 до 23 лет, здоровых студентов и аспирантов (8 женщин) из университета добровольно участвовали в нашем эксперименте в качестве оплачиваемых участников (см. Таблицу 1). Данные одного участника были исключены из-за множества недействительных испытаний. Все участники были носителями китайского языка, имели нормальное или скорректированное до нормального зрение и не сообщали о наличии в анамнезе неврологических расстройств или психических заболеваний.Все участники подписали информированное согласие на участие в исследовании. Эксперименты проводились в соответствии с руководящими принципами институционального комитета по этике лаборатории нейроменеджмента Чжэцзянского университета, который одобрил все экспериментальные протоколы.
Таблица 1 Описание участников эксперимента |
Экспериментальные стимулы
В общей сложности 35 ежедневных товаров стоимостью примерно 30 иен (примерно 5 долларов США), выбранных на знаменитом рынке Taobao Marketplace ( http: // www.taobao.com/ ) были приняты в нашем эксперименте. Эти продукты были раздельно помещены в две группы веб-страниц онлайн-покупок в качестве целевых стимулов. Одна группа представляла собой высокоуровневый макет веб-страницы (контекстная информация на сайте онлайн-покупок была организована в упорядоченном макете, подобном тому, который обычно используется в онлайн-покупках; т. формат, в то время как другая группа была низкоуровневой (сайт онлайн-покупок был разработан в низкоуровневом макете; т.е., большинство меток и кнопок располагались в шахматном порядке и не были выровнены ни по горизонтали, ни по вертикали. Все стимулы отображались в виде визуальных изображений на 19-дюймовом мониторе компьютера (1280 × 1024 пикселей), а размер каждого изображения составлял 300 × 400 пикселей.
Перед формальным экспериментом мы выполнили предварительный тест с 7-балльными пунктами, чтобы оценить уровень порядка (1, очень беспорядочный и 7, очень упорядоченный) стимулов, и собрали 91 достоверных данных (см. Приложение 1 ). Статистический анализ с использованием теста t выявил главный эффект уровня порядка между группой высокого порядка ( M = 5.52, SE = 0,02) и группа низкого порядка ( M = 2,99 SE = 0,01) [ t (90) = 100,84, p = 0,00 (p <0,01)] ( см. Приложение 2 ).
Экспериментальная процедура
Всего эксперимент включал 70 испытаний, которые были разделены на два блока. Участники сидели в 90 см от управляемого компьютера, который использовался для отображения экспериментальных стимулов. Стимулы предъявлялись с помощью системы Stim2 (Neurosoft Labs, Inc., Стерлинг, Вирджиния, США). Во время презентации о намерении покупки требовалось сообщить с помощью клавиатуры (нажмите кнопку «1» или «3», чтобы купить или не совершить покупку). Ответные задания были уравновешены между людьми; т.е. половине участников требовалось нажать «1» для «покупки» и «3» для «не покупать», в то время как для другой половины участников использовалась противоположная схема.
Перед экспериментом участникам сказали, что они собираются совершить покупки в Интернете и что у них нет заранее запланированных продуктов для покупки.Каждое испытание (см. Рис. 1) начиналось с креста фиксации (500 мс) в центре экрана, за которым следовало целевое воздействие. Целевой стимул может быть условием высокого или низкого порядка и проявляться в течение 1000 мс. Чтобы не дать испытуемым предсказать тип предстоящего стимула, все стимулы появлялись случайным образом. Для каждого целевого стимула участнику было предложено принять решение о том, будут ли они покупать продукт. У них было максимум 2000 мс (включая время целевой презентации и интервал между испытаниями), чтобы дать свой ответ нажатием кнопки.Последовательные стимулы разделялись пустыми экранами продолжительностью 400–600 мс. Мы сбалансировали распределение ответной руки между участниками, чтобы исключить влияние этого параметра. Формальный эксперимент начался после 10 отдельных тестовых испытаний, которые были предоставлены, чтобы позволить участникам попрактиковаться и ознакомиться с экспериментальной процедурой.
Рисунок 1 Методика эксперимента. Испытуемым были представлены два типа порядка веб-страниц [высокий и низкий порядок].Им было поручено сообщить о своих намерениях по покупке. Во время эксперимента одновременно регистрировались ЭЭГ. |
Записи и анализ ЭЭГ
ЭЭГ регистрировали непрерывно с помощью набора из 64 Ag / AgCl электродов по системе 10–20. ЭЭГ регистрировали при 500 Гц с полосой пропускания 0,05–100 Гц с использованием усилителя Neuroscan Synamp2 (Scan 4.3.1, Neurosoft Labs, Inc., Вирджиния, США). Левый сосцевидный отросток использовался в качестве эталона во время записи, а позже среднее значение двух сосцевидных отростков было вычислено в качестве автономного эталона.Для наблюдения за электроокулограммами (ЭОГ) две пары электродов размещались отдельно над и под левым глазом и наружным уголком глаз обоих глаз. Сопротивление электродов поддерживали ниже 5 кОм.
Во время автономной обработки записи ЭЭГ были сегментированы для эпохи от -200 до 800 мс начала стимула. Коррекция базовой линии проводилась с использованием предварительного стимула длительностью 200 мс в качестве базовой линии (то есть за вычетом напряжения, измеренного во время окна предварительного стимула). Глазные артефакты (такие как моргание, движение глаз) были исключены из алгоритма регрессии программного обеспечения NeuroScan.Другие артефакты (такие как ограничение усилителя, всплески электромиографической активности или размах колебаний, превышающие 80 мкВ) были исключены из усреднения. ERP был подвергнут цифровой фильтрации с помощью фильтра нижних частот при 30 Гц (24 дБ / октава). Данные усреднялись отдельно для обоих условий (высокого и низкого порядка).
Согласно предыдущим исследованиям ERP 32,34,41,43 и топографической карте, мы выбрали 14 репрезентативных электродов (CP3, CPZ, CP4, P3, PZ, P4, PO7, PO3, POZ, PO4, PO8, O1, OZ и O2) в статистическом анализе P2 и 6 репрезентативных электродов (C3, CZ, C4, CP3, CPZ и CP4) для анализа LPP.Для усреднения P2 и LPP были выбраны временные окна 150–250 мс и 580–800 мс соответственно. ANOVA был выполнен с двумя факторами: порядок веб-страницы (высокий порядок по сравнению с низким порядком) и электроды. При необходимости применялись поправка Гринхауса – Гейссера и поправка Бонферрони. Величина эффекта измерялась как частичным квадратом эта (η 2 ), так и Hedges ’g. Предыдущие исследования показали, что величина эффекта, измеренная с помощью η 2 , равная 0,01, 0,06 и 0,14, отражает соответственно малые, средние и большие эффекты. 44,45 Для исследований в области социальной психологии были рекомендованы коэффициенты хеджирования 0,15, 0,40 и 0,70 как малый, средний и большой эффект соответственно. 46,47
Результаты
Поведенческие результаты
В настоящем исследовании мы провели статистический анализ уровня покупок (PR) участников и времени реакции. PR определяется как отношение пробных покупок к общему количеству попыток принятия решения, а время реакции указывает временной интервал между предъявлением стимулов и реакцией на покупку.PR для разных уровней порядка веб-страниц (высокий и низкий порядок) были проанализированы с помощью парного теста t . PR показал основной эффект порядка веб-страниц [ t (12) = -2,27, p = 0,043]. PR был больше в условиях низкого порядка ( M = 0,33, SE = 0,05), чем в высоком порядке ( M = 0,31, SE = 0,05). Что касается времени отклика, то парный тест t не обнаружил существенной разницы между условием высокого порядка ( M = 703.28 мс, SE, = 44,56) и условия низкого порядка ( M = 702,58 мс, SE = 40,62) [ t (12) = 0,07, p = 0,943]. (см. Приложение 2 ).
Результаты ERP
P2 Амплитуда
Общая средняя ERP для двух уровней разметки веб-страницы (высокий порядок и низкий порядок) показаны на рисунке 2. Анализ ANOVA внутри субъекта амплитуды P2 с двумя факторами (порядок веб-страницы и электрод) выявил основной эффект порядка веб-страницы [ F (1,12) = 13.22, p = 0,003 ( p <0,01), частичный квадрат этажа ( η 2 ) = 0,52] и электрода [ F (13,156) = 5,90, p = 0,000 ( p <0,01), η 2 = 0,33], что показало большую величину эффекта η 2 . Условие низкого порядка ( M = 4,92 μν, SE = 0,66) показало более высокую амплитуду P2, чем условие высокого порядка ( M = 3,62 μν, SE = 0.73), величина эффекта хеджирования = 0,51, что показывает средний размер эффекта хеджирования. Оказалось, что порядок веб-страниц не влияет на взаимодействие с электродом [ F (13,156) = 1,07, p = 0,387, η 2 = 0,08]. (см. Приложение 2 ).
Рисунок 2 Данные ERP. Всего усредненные P2 и LPP, вызванные двумя порядками веб-страницы [высокий и низкий порядок] от типичных электродов [CZ, CPZ, PZ, POZ и OZ].Было предоставлено топографическое распределение скальпа P2 и LPP. |
Амплитуда LPP
Статистические результаты для амплитуды LPP для двух факторов (порядок веб-страницы и электрод) продемонстрировали существенное влияние на порядок веб-страниц [ F (1,12) = 5,37, p = 0,039, η 2 = 0,31, большой размер эффекта η 2 ], что указывает на то, что амплитуда LPP была выше для веб-страницы низкого порядка ( M = 6.03, SE = 0,86), чем у высшего порядка ( M = 4,40, SE = 1,08) [размер эффекта хеджирования = 0,46, средний размер эффекта хеджирования g]. Основной эффект электрода был значительным [ F (5,60) = 8,98, p = 0,000 ( p <0,01), η 2 = 0,43, большая величина эффекта η 2 ]. Эффект взаимодействия между порядком веб-страницы и электродом не был значительным [ F (5,60) = 0.43, p = 0,825, η 2 = 0,04]. (см. Приложение 2 ).
Обсуждение
С помощью ERP это исследование было направлено на изучение того, как на решение потребителя о покупке повлиял порядок макета веб-страницы при совершении покупок в Интернете. Поведенческие результаты и результаты ERP показали, что низкоуровневый макет может способствовать мгновенным покупкам потребителей в процессе принятия решений. Что касается поведения участников, то для веб-страницы низкого порядка были обнаружены более высокие покупательские намерения по сравнению с веб-страницей высокого порядка.Более того, результаты ERP показали, что компоненты P2 и LPP были больше для веб-страницы низкого порядка, чем для условия высокого порядка, тем самым обеспечивая когнитивный механизм для упрощающего эффекта веб-страницы низкого порядка при мгновенной покупке.
Поведенческие и когнитивные механизмы
Настоящее исследование обнаружило PR-эффект на порядок покупок в Интернете. В состоянии низкого порядка веб-страницы онлайн-покупок участники показали более высокий уровень покупок, чем в состоянии высокого порядка.Это открытие может быть связано с негативным эмоциональным восприятием и механизмом самоконтроля. Как описано во введении, среда низкого уровня может вызвать негативное эмоциональное восприятие и ухудшить пользовательский опыт. 14,15 В текущем исследовании, когда продукты были представлены на веб-странице онлайн-покупок низкого уровня, люди, как правило, имели негативное эмоциональное восприятие и пытались использовать обширные ресурсы самоконтроля для регулирования этих эмоций. Ресурсы самоконтроля — это общие ресурсы (регулирование эмоций, контроль познания и т. Д.), которые люди могут использовать для управления различными ситуациями, такими как эмоции, несоответствия или поведение. 19 Однако ресурсы самоконтроля ограничены. Если один процесс потребляет большое количество ресурсов самоконтроля из общего пула ресурсов, люди менее способны участвовать в дальнейшем процессе самоконтроля. 16 Эту теорию самоконтроля подтверждают многочисленные эмпирические исследования. Например, Vohs & Heatherton (2000) продемонстрировали, что, когда люди, сидящие на диете, тратили слишком много ресурсов самоконтроля, чтобы противостоять соблазну сладкого по сравнению с состоянием отсутствия соблазна, они проявляли меньшую способность к самоконтролю, чтобы упорствовать в сложной задаче-головоломке. 48 В эксперименте с двумя задачами, когда участникам требовалось контролировать свое внимание, не обращая внимания на серию слов, появляющихся на экране компьютера, было обнаружено, что они с большей вероятностью будут совершать импульсивные покупки, чем участники в состоянии отсутствия внимания. -контроль. 19 Эти данные показали, что временное сокращение ресурсов и возможностей самоконтроля может привести к импульсивным покупкам. 16,19,21,22 Таким образом, в соответствии с этими исследованиями, наш эксперимент предполагает, что веб-страница онлайн-покупок низкого уровня занимает гораздо больше ресурсов самоконтроля для регулирования эмоций, что приводит к увеличению количества мгновенных покупок по сравнению с условием высокого порядка. .Однако есть и некоторые отличия между этим исследованием и предыдущими экспериментальными исследованиями. 16,19 В этих исследованиях от участников обычно требовалось выполнить конкретную задачу, требующую ресурсов самоконтроля, а затем оценить свои решения о покупке. Например, в эксперименте 3 Vohs и Faber (2007) участникам сказали, что они должны улыбаться и выражать счастье и энтузиазм, используя усиленные выражения лица и множественные жесты рук в задании на чтение, которое использовалось для уничтожения самоконтроля участников. ресурсов перед выполнением задачи принятия решения о покупке. 16 Напротив, в нашем эксперименте участникам нужно было только выполнить задачу принятия решения о покупке в различных средах порядка веб-страниц, поэтому обработка информации о порядке веб-страниц, которая потребляла ресурсы самоконтроля, была неявной, а не явной. Таким образом, помимо явных задач, наше исследование показало, что неявная обработка информации также может потреблять ресурсы самоконтроля и способствовать принятию решений о покупке.
В когнитивном процессе компонент P2 представляет собой раннюю активность по привлечению внимания и несогласованному суждению. 27,29–32,34,35,49 Как подробно описано во Введении, негативные эмоциональные стимулы (например, слова угрозы, предупреждающие сигнальные слова и негативные картинки), по-видимому, имеют приоритет для привлечения большего количества ресурсов внимания, которые могут быть отражается увеличенной амплитудой P2. 27,29 Например, Carretié et al (2001) продемонстрировали, что отрицательные стимулы могут вызывать большую амплитуду P2 по сравнению с положительными стимулами, что отражает повышенное внимание к отрицательным стимулам. 29 Ma et al (2010) показали, что высокая опасность предупреждающих сигнальных слов привлекает больше ресурсов внимания. 27 Приоритет внимания к эмоционально негативным стимулам можно отнести к теории эволюции, которая указывает на то, что люди обычно отдают приоритет обнаружению негативных стимулов для выживания и самозащиты. 50–52 В этом исследовании результаты ERP обнаружили более высокие амплитуды P2 для веб-страницы онлайн-покупок низкого порядка по сравнению с веб-страницей высокого порядка.Веб-страница низкого порядка может вызвать негативное восприятие эмоций и, как следствие, привлечь внимание. Наши результаты показали, что даже если стимулы веб-страницы низкого порядка только неявно вызывают негативные эмоции, это также может привести к смещению негативности и увеличению выделения ресурсов внимания на ранней стадии обработки. Это было подтверждено недавним исследованием Ванга и др. (2019), которое показало, что как слова, содержащие негативные эмоции (неявно выражающие эмоции, например, эгоистичный), так и слова, обозначающие негативные эмоции (явно выражающие эмоции, например, эгоистичные).ж., сердитый) может выявить более крупные компоненты P2, чем нейтральные слова (например, естественный) в задаче лексического решения, отражая распределение ресурсов внимания. 31 Более того, предыдущие исследования показали, что P2 также участвует в неконгруэнтной и атипичной обработке. 32,34,35 По сравнению с веб-страницей онлайн-покупок высокого порядка, обработка макета низкого порядка должна требовать более высокого требования интеграции визуальной информации. Это также подтверждается предыдущим исследованием Zioga et al (2019), в котором P2 был связан с нейронной активностью обучения, которая требует значительных ресурсов обработки информации. 33 Таким образом, в этом исследовании мы предполагаем, что P2 выявил раннюю стадию привлечения внимания и интеграции обработки противоречивой информации в когнитивном процессе мгновенной онлайн-покупки.
После P2 в текущем эксперименте был обнаружен поздний компонент LPP. Предыдущие исследования показали, что компонент LPP можно рассматривать как нейронный маркер процесса эмоциональной регуляции на более поздней стадии оценки. 38–40,42 Настоящее исследование показало, что, когда людям предлагают продукт на веб-странице онлайн-покупок невысокого уровня, они могут воспринять негативные эмоции и попытаться привлечь больше когнитивных ресурсов для оценки и регулирования этих эмоций.Эмоциональное управление играет важную роль в выживании и повседневной жизни. 38 Принятие рациональных решений для достижения определенной цели требует от людей способности самоконтроля управлять эмоциями. 18,19 В нашем эксперименте, помимо раннего автоматического процесса привлечения внимания и дискордантного восприятия (отраженного P2), более глубокий и контролируемый процесс также был вовлечен в управление негативными эмоциями. Этот процесс отражался компонентом LPP с большей амплитудой LPP в состоянии низкого порядка по сравнению с состоянием высокого порядка.На этом этапе, когда люди воспринимали отрицательные эмоции на веб-странице онлайн-покупок низкого уровня, они, как правило, использовали гораздо больше ресурсов для оценки и контроля, чтобы управлять этими эмоциями из-за их важности для выживания. Эти результаты согласуются с предыдущими исследованиями, которые показали, что LPP сильнее реагирует на отрицательные стимулы, чем на положительные и нейтральные, что указывает на отрицательное смещение ресурсов регуляции эмоций на более поздней стадии оценки. 38–41 Например, в эксперименте с аффективными подсказками, проведенном Бруднером и др. (2018), он выявил более сильные LPP-реакции на отрицательные по сравнению с нейтральными репликами и отрицательные реплики по сравнению с нейтральными целевыми изображениями, что отражало эмоциональную обработку. 41 Однако есть также некоторые различия между настоящим исследованием и этими предыдущими исследованиями. В предыдущих исследованиях, упомянутых выше, 38–41 эмоциональных картинок обычно использовались непосредственно в качестве стимулов, индуцирующих компоненты LPP. Напротив, стимулы в текущем исследовании были не явно эмоциональными картинками, а неявно эмоциональными стимулами среды порядка веб-страниц, которые вызывали эмоции, которые также могли значительно стимулировать компоненты LPP для эмоциональной обработки.Поэтому в этом исследовании мы предположили, что LPP включает в себя процесс эмоциональной оценки и регулирования и отражает тенденцию распределения ресурсов самоконтроля к разным порядкам веб-страниц при совершении покупок в Интернете.
Теоретическое и практическое применение
Настоящее исследование предлагает новый взгляд на влияние порядка в среде онлайн-покупок на мгновенную покупку. Во-первых, многие люди обычно считали, что тщательно продуманная среда для онлайн-покупок более выгодна для покупательского опыта.Это убеждение было объяснено положительным механизмом эмоционального заражения. 5 То есть, когда продукты помещаются в среду высокого уровня, они могут вызывать у потребителей положительное эмоциональное восприятие 12 и, таким образом, способствовать их покупательскому намерению или поведению. 5,13 Однако недостатком этих исследований было то, что не проводилось никаких исследований прямого влияния фактора порядка веб-страниц на решения потребителей о покупке. Одна часть предыдущих исследований изучала влияние порядка веб-страниц на эмоциональное восприятие потребителей, а другая часть исследований показала, что эмоциональные переживания потребителей могут влиять на их решения о покупке.Эти исследования могли предоставить только косвенные, а не прямые доказательства влияния порядка веб-страниц на решения о покупке. Напротив, в текущем исследовании проводилось экспериментальное исследование для изучения прямого влияния порядка веб-страниц на решения потребителей о покупке, что компенсировало недостаток предыдущих исследований. Более того, в настоящем исследовании мы продемонстрировали совершенно другой феномен, в котором веб-страница покупок низкого порядка показала преимущество перед веб-страницей высокого порядка в продвижении намерения потребителей совершить мгновенную покупку.Мы предположили, что этот эффект был вызван механизмом регуляции негативных эмоций. В среде покупок низкого порядка потребители склонны воспринимать негативные эмоции, что согласуется с предыдущими выводами о том, что визуально неопределенная или беспорядочная среда может вызвать негативное эмоциональное восприятие и ухудшить пользовательский опыт. 14,15 Например, Wu et al (2016) показали, что нарушение пользовательского интерфейса значительно увеличивает когнитивную нагрузку пользователя и снижает его опыт и удовлетворенность. 14 Исходя из важности ценности выживания, было задействовано больше ресурсов самоконтроля для регулирования или подавления негативного эмоционального выражения. Однако это уменьшение ресурсов самоконтроля привело к тому, что потребители мгновенно совершили покупку. Наши выводы подтверждаются предыдущими исследованиями, показывающими, что ресурсы и возможности людей по самоконтролю ограничены и что истощение самоконтроля посредством одной реакции приводит к снижению самоконтроля для другой. 17,18,20 Gailliot et al (2007) обнаружили, что ресурс самоконтроля может отражаться уровнем глюкозы в крови, а низкий уровень глюкозы в крови после начального задания самоконтроля предсказывает плохой контроль над последующими мыслями и поведением. 20 Что касается процесса принятия решения о покупке, временное сокращение ресурсов самоконтроля также может побудить людей совершать покупки более импульсивно. 19,21,22 В экспериментах Vhos и Faber (2003, 2007) было продемонстрировано, что участники с большей вероятностью будут импульсивными покупателями, покупая больше товаров и тратя больше денег, когда от них требовалось контролировать свои мысли или поведение. начальная задача. 16,19 Напротив, хороший самоконтроль поможет снизить покупательское намерение потребителей, что может быть использовано в качестве стратегии управления потребительским поведением потребителей. 2,22 Во-вторых, мы обнаружили основной когнитивный механизм процесса принятия решения о покупке с помощью метода ERP, который не изучался в предыдущих исследованиях. В этом исследовании метод ERP выявил глубокие источники поведения потребителей в мозгу, которые не могли быть получены с помощью традиционных методов самооценки. Фактор заказа повлиял на решение участников о покупке в два этапа: P2 и LPP. Мы обнаружили большие амплитуды P2 и LPP для веб-страницы низкого порядка, чем для страницы высокого порядка.Компонент P2 отражает раннюю стадию обработки вовлечения внимания и дискордантного восприятия, а компонент LPP отражает позднюю стадию распределения ресурсов самоконтроля. Эти нейронные индексы предоставили предварительные когнитивные доказательства влияния веб-страницы низкого порядка на мгновенную покупку.
Это исследование также имеет практическое значение для маркетинга. Во-первых, разработка эффективного макета веб-страницы, способствующего принятию покупателями решений о покупке, является важной проблемой для покупок в Интернете.Это исследование показало, что дизайн веб-страницы онлайн-покупок с низким уровнем заказов по сравнению с дизайном веб-страницы с высоким уровнем покупок способствует увеличению количества покупок потребителей в процессе принятия решений. Мы предлагаем интернет-маркетологам уделять больше внимания фактору порядка макета веб-страницы и использовать соответствующий макет веб-страницы низкого порядка для облегчения покупательского поведения потребителей. Во-вторых, используя нейробиологические методы в текущем исследовании, мы обнаружили, что дизайн веб-страницы низкого порядка привлекает больше внимания и противоречивого восприятия и потребляет больше ресурсов самоконтроля, чем дизайн веб-страницы высокого порядка, что способствует более высокому покупательскому намерению.Поэтому мы предлагаем онлайн-маркетологам сосредоточиться на большем количестве факторов, которые могут привлечь внимание, несогласованное восприятие и занять саморегулирующиеся ресурсы при разработке веб-страницы.
Ограничения и направления на будущее
Наше исследование имеет некоторые ограничения, которые необходимо улучшить в будущих исследованиях. Во-первых, текущее исследование в основном изучает влияние порядка макета веб-страницы на решения людей о покупке. Существуют также некоторые другие факторы веб-страницы (например, бренд, музыкальная ситуация), которые оказывают важное влияние на восприятие и поведение потребителей.Например, исследователи обнаружили, что ценность бренда веб-сайта влияет на онлайн-опыт потребителей и их лояльность. 53 Интерактивная музыка в дизайне веб-сайта электронной коммерции может создать более привлекательный потребительский опыт и повлиять на его поведенческие намерения. 54 Эти факторы требуют дальнейшего изучения в будущих исследованиях. Во-вторых, эксперименту ERP присущи ограничения, присущие экспериментальному дизайну, который может не полностью имитировать реальную ситуацию онлайн-покупок.В будущих исследованиях могут быть рассмотрены дополнительные измерения для его улучшения. Например, мы можем проводить полевые эксперименты с портативным оборудованием ЭЭГ для записи активности мозга людей в более реальных ситуациях за пределами лаборатории. 55 В-третьих, размер эффекта не был достаточно большим в текущем исследовании, что может быть связано с тем, что размер выборки электрофизиологических исследований в целом относительно невелик. В будущих исследованиях следует рассмотреть вопрос о большем размере выборки, чтобы еще больше увеличить размер эффекта.
Заключение
В заключение, в этом исследовании изучается, как потребители совершают мгновенные покупки, когда им представлены веб-страницы онлайн-покупок с разным уровнем порядка расположения. ERP использовалась для изучения когнитивного процесса, лежащего в основе решения о покупке продуктов при проектировании веб-страницы онлайн-покупок низкого уровня. Мы обнаружили, что веб-страница покупок с низким заказом способствовала принятию участниками решения о покупке с более высоким процентом покупок по сравнению с веб-страницей с высоким заказом.На нейронном уровне он выявил более крупные компоненты P2 и LPP для веб-страницы низкого порядка, чем для веб-страницы высокого порядка. Мы предполагаем, что дизайн веб-страницы низкого порядка привлекает больше внимания и требует ресурсов самоконтроля, как это отражено в P2 и LPP. Как правило, эти результаты означают, что веб-страницы с соответствующим минимальным дизайном могут способствовать увеличению количества мгновенных покупок в интернет-магазинах. Эти результаты будут полезны для будущих исследований электронной коммерции.
Благодарности
Работа поддержана грантом №
.71602044, № 71572176, № 71603139 и № 71502047 от Национального фонда естественных наук Китая; Грант № 16ZJQN030YB Молодежного фонда социальных наук Чжэцзяна; Грант № LQ16G020006 от Фонда естественных наук провинции Чжэцзян Китая; Грант № 15NDJC031YB от Проекта планирования философии и социальных наук провинции Чжэцзян; и Grand No. AHSKQ2017D67 из запланированного проекта философии и социальных наук провинции Аньхой.
Раскрытие информации
Авторы сообщают об отсутствии конфликта интересов в этой работе.
Список литературы
1. Ладья DW. Импульс к покупке. Дж. Расход . 1987. 14 (2): 189–199. DOI: 10.1086 / 209105
2. Султан А.Дж., Джойреман Дж., Спротт, Делавэр. Развитие потребительского самоконтроля: влияние упражнений на самоконтроль на импульсивные побуждения к покупке. Марк Летт . 2012; 23 (1): 61–72. DOI: 10.1007 / s11002-011-9135-4
3. Юн С., Фабер Р.Дж. Импульсная покупка: ее отношение к личностным качествам и сигналам. ACR North Am Adv . 2000. http: // acrwebsite.Тома / 8383 / Тома / v27 / NA-27.
4. Парсад К., Прашар С., Виджай Т.С., Кумар М. Стимулы в магазине и импульсивное покупательское поведение: моделирование с помощью уравнения регрессии. Инт Дж. Стратегическое Решение Sci . 2018; 9 (3): 95–112. DOI: 10.4018 / ijsds2018070105
5. Аделаар Т., Чанг С., Лансендорфер К.М., Ли Б., Моримото М. Влияние медиаформатов на эмоции и импульсивные покупательские намерения. Дж Инф Технол . 2003. 18 (4): 247–266. DOI: 10.1080 / 0268396032000150799
6. Акрам У, Хуэй П., Калим Хан М., Танвир Й., Мехмуд К., Ахмад В.Как качество веб-сайта влияет на импульсивные покупки в Интернете: сдерживающий эффект от стимулирования продаж и использования кредитных карт. Азия Пак Дж. Марк Логист . 2018; 30 (1): 235–256. DOI: 10.1108 / apjml-04-2017-0073
7. Лави Т., Трактинский Н. Оценка размеров воспринимаемой визуальной эстетики веб-сайтов. Инт Дж. Вычислительный Стад . 2004. 60 (3): 269–298. DOI: 10.1016 / j.ijhcs.2003.09.002
8. Дэн Л., Пул М.С. Воздействие в веб-интерфейсах: исследование влияния визуальной сложности и порядка веб-страницы. Ежеквартальный отчет . 2010: 711–730. DOI: 10.2307 / 25750702
9. Тэн П.С., Цай Д. Исследование эстетического впечатления от веб-страниц с точки зрения визуального порядка и сложности. Документ представлен на Международной конференции по коммуникациям, медиа, технологиям и дизайну (ICCMTD) 2012. DOI: 10.1094 / PDIS-11-11-0999-PDN
10. Бандодкар Н., Сингх Р. Влияние визуальных характеристик веб-страницы на первоначальное доверие потребителей к поставщикам электронных услуг. 2015. SAIS 2015 Proceedings. 22. Хилтон-Хед-Айленд, Южная Каролина, США.https: //aisel.aisnet.sais2015/22.
11. Pengnate S, Sarathy R, Lee J. Привлечение первоначальных эстетических впечатлений от веб-сайта: экспериментальное исследование. Инт Дж Хум Вычислить Взаимодействие . 2019; 35 (16): 1517–1531. DOI: 10.1080 / 10447318.2018.1554319
12. Битнер MJ. Оценка сервисных контактов: влияние физического окружения и реакции сотрудников. J Марк . 1990: 69–82. DOI: 10.2307 / 1251871
13. Тансупваттана В., Лю X. Влияние эмоционального опыта на символическое потребление потребителей поколения Y. Марк Интелл План . 2018; 36 (5): 514–527. DOI: 10.1108 / mip-11-2017-0316
14. Ву Л., Ли Дж., Лей Т. Энтропия дизайна: новый подход к оценке взаимодействия с пользователем при проектировании пользовательского интерфейса. В: Ребело Ф, Соарес М., редакторы. Достижения эргономики в дизайне . Vol. 4852016. Чам: Springer; 583–593. DOI: 10.1007 / 978-3-319-41983-1_53.
15. Котабе HP. Мир случайен: когнитивный взгляд на воспринимаемое расстройство. Фронт Психол . 2014; 5: 606. DOI: 10.3389 / fpsyg.2014.00606
16. Vohs KD, Faber RJ. Израсходованные ресурсы: наличие ресурсов саморегулирования влияет на импульсивные покупки. Дж. Расход . 2007. 33 (4): 537–547. DOI: 10.1086 / 510228
17. Робинсон, доктор медицины, Шмейхель Б.Дж., Инцлихт М. Когнитивный контроль силы самоконтроля и его истощения. Социальный компас психологии . 2010. 4 (3): 189–200. DOI: 10.1111 / j.1751-9004.2009.00244.x
18. Timpano KR, Schmidt NB. Ассоциация между самоконтролем и накоплением: отчет о болезни. Когн Поведение Практика . 2010. 17 (4): 439–448. DOI: 10.1016 / j.cbpra.2009.06.006
19. Вос К., Фабер Р. Саморегуляция и импульсивные модели расходов. ACR North Am Adv . 2003. http://acrwebsite.volumes/8746/volumes/v30/NA-30.
20. Gailliot MT, Baumeister RF, DeWall CN, et al. Самоконтроль полагается на глюкозу как на ограниченный источник энергии: сила воли — это больше, чем метафора. J Pers Soc Psychol . 2007. 92 (2): 325–336. DOI: 10.1037 / 0022-3514.92.2.325
21.Фентон-О’Криви М., Дибб С., Фернхэм А. Предпосылки и последствия хронических импульсивных покупок: можно ли понимать импульсивные покупки как дисфункциональную саморегуляцию? Психол Марк . 2018; 35 (3): 175–188. DOI: 10.1002 / март 21078
22. Эфенди Р., Индартоно С., Сукиджо С. Посредничество экономической грамотности на влияние самоконтроля на импульсивное покупательское поведение, управляемое сверстниками. Int J Econ Финансовые вопросы . 2019; 9 (3): 98. DOI: 10.32479 / ijefi.7738
23.Серф М., Гринлиф Э, Мейвис Т., Морвиц В.Г. Использование одиночной нейронной записи в маркетинге: возможности, проблемы и приложения, чтобы опасаться улучшения в коммуникациях. J Марк Res . 2015; 52 (4): 530–545. DOI: 10.1509 / jmr.13.0606
24. Удача SJ. Введение в технику связанных с событиями потенциалов . Пресса MIT; 2005 г.
25. Ibanez A, Melloni M, Huepe D, et al. Какие связанные с событиями потенциалы (ERP) привносят в социальную нейробиологию? Soc Neurosci .2012. 7 (6): 632–649. DOI: 10.1080 / 17470919.2012.6
26. Удача С.Дж., Вудман Г.Ф., Фогель Е.К. Связанные с событием потенциальные исследования внимания. Тенденции Cogn Sci . 2000. 4 (11): 432–440. DOI: 10.1016 / S1364-6613 (00) 01545-X
27. Ма Q, Jin J, Wang L. Нейронный процесс восприятия опасности и оценки предупреждающих сигнальных слов: свидетельства из связанных с событием потенциалов. Neurosci Lett . 2010. 483 (3): 206–210. DOI: 10.1016 / j.neulet.2010.08.009
28. González-Villar AJ, Triñanes Y, Zurrón M, Carrillo-de-la-Peña MT.Обработка мозгом релевантных задаче и не относящихся к задаче эмоциональных слов: исследование ERP. Познавать аффективное поведение Neurosci . 2014; 14 (3): 939–950. DOI: 10.3758 / s13415-013-0247-6
29. Carretié L, Mercado F, Tapia M, Hinojosa JA. Эмоции, внимание и «предвзятость к негативности» изучаются с помощью потенциалов, связанных с событиями. Int J Psychophysiol . 2001. 41 (1): 75–85. DOI: 10.1016 / s0167-8760 (00) 00195-1
30. Лю Б., Синь С., Цзинь Цзинь, Ху Ю., Ли Ю. Эффект эмоциональной поддержки в задаче интерференции картинки и слова: исследование ERP. Мозг . 2010. 72 (2): 289–299. DOI: 10.1016 / j.bandc.2009.09.013
31. Ван X, Шангуань C, Лу Дж. Динамика эмоциональных эффектов во время эмоциональной маркировки и обработки текста, насыщенного эмоциями. Neurosci Lett . 2019; 699: 1–7. DOI: 10.1016 / j.neulet.2019.01.028
32. Freunberger R, Klimesch W, Doppelmayr M, Höller Y. Визуальный компонент P2 связан с тета-фазовой синхронизацией. Neurosci Lett . 2007. 426 (3): 181–186. DOI: 10.1016 / j.neulet.2007.08.062
33.Зиога I, Харрисон П.М., Пирс М.Т., Бхаттачарья Дж., Luft CDB. От обучения к творчеству: определение поведенческих и нейронных коррелятов обучения для прогнозирования человеческих суждений о музыкальном творчестве. Нейроизображение . 2019; 116311. DOI: 10.1016 / j.neuroimage.2019.116311
34. Lei Y, Li F, Long C, et al. Как типичность членов категории влияет на дедуктивное рассуждение? Исследование ERP. Опыт Мозгового Ресурса . 2010. 204 (1): 47–56. DOI: 10.1007 / s00221-010-2292-5
35.Ma Q, Wang C, Wang X. Двухэтапная категоризация в оценке расширения бренда: электрофизиологические данные о динамике. PLoS Один . 2014; 9 (12): e114150. DOI: 10.1371 / journal.pone.0114150
36. Мозер Дж. С., Хаджак Г., Букай Е., Симонс РФ. Преднамеренная модуляция эмоциональной реакции на неприятные картинки: исследование ERP. Психофизиология . 2006. 43 (3): 292–296. DOI: 10.1111 / j.1469-8986.2006.00402.x
37. Тируксельвам Р., Блехерт Дж., Шеппес Дж., Ридстром А., Гросс Дж. Дж.Временная динамика регуляции эмоций: ЭЭГ-исследование отвлечения и переоценки. Биол Психол . 2011; 87 (1): 84–92. DOI: 10.1016 / j.biopsycho.2011.02.009
38. Хуан И-Х, Ло И-Дж. Временной ход смещения эмоциональной негативности: исследование ERP. Neurosci Lett . 2006. 398 (1): 91–96. DOI: 10.1016 / j.neulet.2005.12.074
39. Деннис Т.А., Хайчак Г. Поздний положительный потенциал: нейрофизиологический маркер регуляции эмоций у детей. J. Child Psychol.Психиатрия . 2009. 50 (11): 1373–1383. DOI: 10.1111 / j.1469-7610.2009.02168.x
40. Мозер Ж.С., Мост С.Б., Саймонс РФ. Усиление отрицательных эмоций путем переоценки усиливает последующий когнитивный контроль: комбинированное поведенческое и электрофизиологическое исследование. Познавать аффективное поведение Neurosci . 2010. 10 (2): 195–207. DOI: 10.3758 / cabn.10.2.195
41. Бруднер Э.Г., Денкова Э., Пачинский М, Джа А.П. Роль ожиданий и регуляции привычных эмоций в эмоциональной обработке: исследование ERP. Эмоции . 2018; 18 (2): 171. DOI: 10.1037 / emo0000313
42. Даннинг Дж. П., Хаджак Г. Не вижу зла: направление зрительного внимания на неприятные образы модулирует электрокортикальную реакцию. Психофизиология . 2009. 46 (1): 28–33. DOI: 10.1111 / j.1469-8986.2008.00723.x
43. Ван X, Хуанг Y, Ma Q, Li N. Связанный с событием потенциал P2 коррелятов неявного эстетического опыта. Нейроотчет . 2012. 23 (14): 862–866. DOI: 10.1097 / wnr.0b013e3283587161
44.Хансен Б., Хоу А., Саттон П., Ронан К. Влияние отзывов клиентов на клинические исходы для молодых людей, пользующихся государственными службами психического здоровья: пилотное исследование. Психиатрия Res . 2015; 229 (1–2): 617–619. DOI: 10.1016 / j.psychres.2015.05.007
45. Ссевамала FM, Алиса С., Бэннон В.М. мл., Исмайлова Л. Новое экономическое вмешательство для снижения риска заражения ВИЧ среди детей-сирот СПИДа, посещающих школу в сельских районах Уганды. Дж. Здоровье подростков . 2008. 42 (1): 102–104. DOI: 10.1016 / j.jadohealth.2007.08.011
46.Ловаков А., Агадуллина Е. Эмпирически полученные рекомендации по интерпретации величины эффекта в социальной психологии. 2017. DOI: 10.31234 / osf.io / 2epc4
47. Такахаши К.Дж., Эрл А. Эффект постороннего воздействия на прием сообщений о состоянии здоровья. Личность Социальная Психология Бык . 2020; 46 (2): 270-284. DOI: 10.1177 / 0146167219855042
48. Vohs KD, Heatherton TF. Неудача саморегулирования: подход к истощению ресурсов. Психологические науки . 2000. 11 (3): 249–254. DOI: 10.1111 / 1467-9280.00250
49.Blanchet S, Gagnon G, Bastien C. Событийное потенциальное исследование динамических нейронных механизмов семантических организационных стратегий в вербальном обучении. Мозг Рес . 2007; 1170: 59–70. DOI: 10.1016 / j.brainres.2007.07.024
50. Шоу К., Лиен М.С., Рутрафф Э., Аллен П.А. Электрофизиологическое свидетельство восприятия эмоций без центрального внимания. Дж. Когн Психол . 2011. 23 (6): 695–708. DOI: 10.1080 / 20445911.2011.586624
51. Коэн Н., Хеник А., Мойал Н. Исполнительный контроль ослабляет эмоциональные эффекты — только для тех, кто высоко оценивает? Эмоции .2012; 12 (5): 970. DOI: 10.1037 / a0026890
52. Шан Кью, Хуанг И, Ма К. Уровни опасности предупреждающих сигнальных слов модулируют эффект подавления обратного эффекта: свидетельство связанного с событием потенциала P300. Опыт Мозгового Ресурса . 2015; 233 (9): 2645–2653. DOI: 10.1007 / s00221-015-4335-4
53. Куан Н., Чи Н., Нхунг Д., Нган Н., Фонг Л. Влияние капитала бренда веб-сайта, опыта использования электронного бренда на лояльность к электронной системе: посредническая роль электронного удовлетворения. Manag Sci Lett . 2020; 10 (1): 63–76.DOI: 10.5267 / j.msl.2019.8.015
54. Hwang H-C. Воспроизведение музыки при совершении покупок в Интернете: влияние интерактивной музыки на вовлечение потребителей и поведенческие намерения . 2018. http://hdl.handle.net/2152/67955. По состоянию на 3 января 2020 г.
55. Блейхнер М.Г., Лундбек М., Селиски М. и др. Изучение миниатюрных электродов ЭЭГ для интерфейсов мозг-компьютер. ЭЭГ вы не видите? Физиол Реп . 2015; 3 (4). DOI: 10.14814 / phy2.12362
Как создать сайт для онлайн-заказов?
LivePepper позволяет легко создать свой собственный сайт онлайн-заказа без обращения к веб-мастеру.В сегодняшнем быстро меняющемся мире, который становится все более взаимосвязанным, крайне важно иметь сайт для онлайн-заказов с удобной навигацией на всех устройствах.
Вот краткое руководство, которое поможет вам создать эффективный профессиональный сайт онлайн-заказов, отражающий индивидуальность вашего ресторана.
Настройте свой дизайн
LivePepper предоставляет вам базовый шаблон, который впоследствии можно настроить в соответствии с вашими потребностями.
Пример с Cocotte: менеджер ресторана создал этот сайт всего за несколько кликов.
Вы можете изменить следующее, когда захотите:
- цветов отдельных областей
- главный баннер
- значок
- домашняя страница: текст, информация о вашем ресторане, слайд-шоу фотографий, значки социальных сетей, карта на Google Maps и т. Д.
- товары в Интернете: описания, фотографии, цены, акции, ингредиенты, соусы, варианты, способ оплаты, доступный способ доставки и т. Д.
Нужна помощь в настройке шаблона? Свяжитесь с нами, и мы поможем вам настроить ваш сайт.
Пример с Yum sing
Пример Oliva Dolce
Пример с чистым индийским
Характеристики
Функции доступны сразу (59 евро без НДС в месяц).
- Гибкость при составлении онлайн-меню : создавайте столько семейств продуктов, сколько захотите; добавлять, изменять или удалять продукты по своему усмотрению, когда это необходимо.
- Статус заказа: Конечные клиенты получают информацию о статусе своих заказов в реальном времени, просматривая ваш веб-сайт или просматривая электронную почту.Вы можете настроить различные статусы в соответствии со своими потребностями и рабочими привычками.
- Интерфейс конечного покупателя: Наше решение упрощает процесс онлайн-заказа благодаря быстрому времени отклика и понятным вариантам оформления заказа. Ваши клиенты могут создать учетную запись, сохранить адрес доставки или повторить предыдущий заказ одним щелчком мыши. Наше решение систематически предлагает пользователю наилучшее предложение на основе выбранных позиций.
- Адаптивный сайт: Макет страницы сайта автоматически подстраивается под доступное пространство для отображения.Таким образом, клиенты могут размещать онлайн-заказы без разбора через свой смартфон, планшет или ПК — дисплей будет соответствующим образом оптимизирован. Помните, что 45% заказов, полученных на нашей платформе, размещаются через мобильное устройство (планшет или смартфон).
- Фото товаров: Фотографии могут быть добавлены к вашим товарам. Обратите внимание, что лучше всего включать фотографии для всех продуктов.
- Кампании электронного маркетинга : Вы всегда можете экспортировать данные о клиентах в формате, совместимом с основными службами отправки текстовых сообщений или сообщений электронной почты.
- Социальные сети: Ваши клиенты могут войти на ваш сайт, используя свой идентификатор Facebook, чтобы не забыть свой пароль. Это также облегчает процесс регистрации.
- Ссылка (SEO): Платформа LivePepper соответствует всем правилам ссылки. Вы можете отслеживать свои попытки ссылаться с помощью Google Analytics или Google Conversion. Это означает, что вы можете оценить рентабельность инвестиций по рекламе в Facebook или по рекламным ссылкам Google.
- Отчеты и статистика: Бэк-офис предоставляет вам статистику в реальном времени по вашей истории доходов, средней корзине, количеству клиентов, списку самых продаваемых продуктов и т. Д.
- Постоянное улучшение: LivePepper находится в постоянном развитии. По запросу менеджеров ресторанов регулярно добавляются новые функции, которые затем принесут пользу всем ресторанам платформы.
- Перевод системы онлайн-заказов в режим ожидания: В случае возникновения проблем с подключением к Интернету сайт автоматически переводится в режим ожидания.Это также можно сделать вручную.
- Инфраструктура хостинга: Сайты ресторанов размещаются на серверах LivePepper. Наши серверы избыточны; все данные копируются несколько раз в день на удаленном сервере. Доменное имя (Интернет-адрес) принадлежит вам.
Другие доступные функции (99 евро без НДС в месяц)
- Интеграция с программным решением POS: LivePepper установила шлюзы с различными решениями POS.Если в вашем ресторане используется совместимое решение, вы можете получать онлайн-заказы прямо на свое решение для заказов и, таким образом, пользоваться единой базой данных для заказов и клиентов. Мы регулярно открываем новые шлюзы.
- Программы лояльности: С LivePepper вы можете настроить программу лояльности. Вы определяете свои правила с точки зрения того, как ваши клиенты могут зарабатывать и использовать свои баллы.
- Индивидуальные рекламные акции : Вы можете создавать рекламные акции, такие как: вторая пицца за полцены, счастливые часы в понедельник, купить один лоток для суши и получить один бесплатно, 10% скидка на заказы, размещенные в Интернете, и т. Д. .Для каждой рекламной акции вы можете определить минимальную сумму заказа, допустимое время / дни, а также дату начала и / или окончания. Вы можете транслировать эти рекламные акции в социальных сетях и предоставлять соответствующий код купона, если это применимо.
- Управление ценой поставки: Можно определить различные области поставки и соответствующие цены. Для более точного определения района доставки вы даже можете указать названия улиц, по которым вы осуществляете доставку.
- Подробный анализ: Подробный анализ данных позволит вам лучше нацелить ваши коммуникационные и маркетинговые действия, чтобы обеспечить лояльность ваших клиентов.Вы можете экспортировать все данные о ваших заказах и ваших клиентах (имя, адрес электронной почты, номер телефона, историю покупок и т. Д.) В формате CSV, совместимом с Excel. С LivePepper эти данные — ваша собственность.
- Создание гибких меню: Вы можете создавать свои собственные меню, например второе блюдо + десерт на выбор, со скидкой для клиента.
- Управление несколькими площадками: Если у вас есть несколько ресторанов, у вас будет доступ к данным и статистике как для всей сети, так и для каждого отдельного ресторана.Доступ каждого ресторана ограничен его собственными данными и статистикой.
- Ваше меню может быть централизованным, где каждый ресторан может определять свои собственные цены, доступные продукты и специальные предложения
- Ваша база данных конечных клиентов также может быть централизована, чтобы позволить клиенту размещать заказы во всех ваших ресторанах через один и тот же профиль.
Возможные индивидуальные особенности (доп. Плата)
- Онлайн-оплата: Конечный покупатель может выбрать между онлайн-оплатой или оплатой при доставке.Для онлайн-платежей вы должны заключить с вашим банком договор дистанционной продажи. Счет будет выставлен на платежный шлюз, который мы настроили, чтобы вы могли получать онлайн-платежи прямо на свой банковский счет. Если вы предпочитаете использовать PayPal, вы можете получать онлайн-платежи, как только ваш сайт будет запущен, без необходимости уведомлять свой банк и без дополнительных затрат. Однако обратите внимание, что комиссии PayPal выше.
- Допродажа:
- Когда конечные покупатели добавляют такой продукт, как пицца, им предлагается добавить дополнительные ингредиенты или начинки.
- Клиенты могут добавить напиток или десерт всего в один клик со страницы основных блюд.
- Дополнительные продукты предлагаются на основе продуктов, содержащихся в корзине покупателя.
- Продукты, которые клиенты составляют сами: Вы можете позволить своим клиентам составлять для себя определенные продукты (например, салаты, пиццу, пасту, рогалики, фахитас и т. Д.) В три или четыре этапа (1 — выбор основы, 2 — выбор основного ингредиента, 3 — выбор соуса и т. Д.).
- Индивидуальные электронные письма: Вы можете настроить электронные письма, автоматически отправляемые конечному покупателю, чтобы подтвердить их заказ, например, чтобы включить опрос об удовлетворенности. Вы также можете настроить распечатанные квитанции.
- Интерактивные фото товаров
- Пошаговое составление меню без всплывающих окон
- Онлайн-советы
- Кредитный счет клиента
Вы можете настроить широкий спектр специальных функций.Свяжитесь с нами напрямую, чтобы мы могли составить индивидуальное предложение.
Контакт:
Анастасия Смолен
Эл. Почта: [email protected]
Тел .: +33 (0) 6 72 12 77 08
Начните бесплатную пробную версию прямо сейчас (нажмите «Бесплатная пробная версия» в правом верхнем углу страницы).
Дизайн веб-страницы: 3 шага, которым должен следовать каждый дизайнер
Создание веб-страницы, которая воплощает в себе почти волшебный подвиг сочетания эстетической красоты и яркости вашего сообщения, требует удачного сочетания искусства и науки.Секрет заключается в том, чтобы дать себе немного творческой свободы, придерживаясь проверенной структуры.
Звук невозможен?
Не беспокойтесь, вот краткое руководство по созданию макета веб-страницы, повышающего конверсию, для любого бизнес-сайта.
Трехэтапный процесс разработки макета бизнес-сайта
Шаг 1. Сначала продумайте путь пользователя
Проведение исследования и обдумывание структуры домашней страницы еще до того, как вы начнете набрасывать идеи, имеет первостепенное значение для процесс проектирования.В процессе исследования убедитесь, что вы постоянно сосредотачиваетесь на первом впечатлении потенциальных клиентов. В конце концов, создание бизнес-веб-сайта, обеспечивающего отличный пользовательский интерфейс, практически невозможно без знания ожиданий целевых пользователей.
А веб-сайт, который не обращает внимания на доступность или не имеет хорошего пользовательского опыта, имеет гораздо меньше шансов привлечь приличный объем трафика — в конце концов, UX и SEO идут рука об руку. Есть выбросы с небрежным UX, которые все еще привлекают множество пользователей — см. Craigslist.Но у компаний с лучшим UX, таких как Uber, Airbnb и Slack, гораздо больше шансов заново изобрести свои отрасли.
Есть много способов исследовать потребности и ожидания пользователей, но интервью и сортировка карточек, вероятно, являются самыми популярными методами. Как только вы получите более глубокое представление о том, что ваша целевая аудитория ожидает от страницы, вы можете начать работу над информационной архитектурой.
Упражнение по сортировке карточек может дать вам уникальную информацию, которая поможет вам принять решение при разработке общей структуры вашего веб-сайта , дизайна и его навигации.( Источник )
Информационная архитектура (IA) — это организация информации на веб-сайте таким образом, чтобы она была ясной, интуитивно понятной и разумной. Подумайте о своем собственном опыте просмотра веб-страниц: переход на плохо спланированную веб-страницу, которая не доказывает свою релевантность за считанные секунды, расстраивает и, вероятно, заставит вас сразу же нажать кнопку закрытия или возврата.
Хороший IA создаст иерархию, которая выделяет наиболее важные элементы и удерживает посетителей.Без прочного «скелета», на котором можно было бы опираться, вы настроите себя на неудачу.
Навигация — один из ключевых аспектов IA, который следует учитывать на раннем этапе. Неважно, насколько красив ваш сайт, если пользователи не могут сориентироваться в нем.
Хорошая навигация имеет три основные характеристики:
- Простота
- Четкость
- Последовательность
Вот пример панировочных сухарей в действии (над основной фотографией продукта) в магазине Decibullz .
Ваша цель должна заключаться в том, чтобы направлять пользователей к информации, которую они ищут, с помощью минимального количества кликов. Вы добиваетесь этого с помощью ясного, краткого и полезного языка панели навигации и единообразного дизайна всего сайта. Добавление функции резервного копирования, такой как хлебные крошки, также может значительно повысить удобство использования вашего сайта, помогая посетителю всегда понимать свое местоположение на сайте.
ASOS отлично справляется с задачей оптимизации покупательского опыта пользователей с помощью четкой панели навигации, созданной специально для их целевой аудитории.
Шаг 2. Получите правильную визуальную иерархию
Лучшие веб-сайты делают это правильно. Сильная визуальная иерархия определяет разницу между дизайном макета веб-сайта, который направляет пользователей к действиям, которые вы хотите, чтобы они предприняли, и сайтом, который просто выглядит хорошо . Люди — невероятно визуальные существа, и когда доходит до потребления контента в Интернете, мы часто сканируем страницу, чтобы быстро определить, найдем ли мы то, что нам нужно, прежде чем погрузиться в нее.
Как дизайнер, вы можете убедиться, что самая важная информация видел и привлекает пользователей.
Без четкой визуальной иерархии весь контент на странице кажется одинаково важным, что делает его подавляющим.
Различные принципы дизайна помогают создать сильную визуальную иерархию.
Используйте сетку
Сетки обеспечивают мощную настройку для создания связей между различными элементами на странице и дают ощущение порядка в дизайне макета. Сетка показывает, как все элементы взаимодействуют друг с другом на странице, и обеспечивает адаптивный дизайн с четкой структурой для выделения нужной информации.
Дизайн для естественных шаблонов сканирования
Есть два основных шаблона сканирования глаз, которые люди используют для быстрого сканирования блоков контента:
- F-образный шаблон
- Z-образный шаблон
Как дизайнер, у вас есть большой контроль над тем, куда посетители веб-сайта будут смотреть при сканировании вашей страницы, поэтому очень важно настроить для них правильные пути. Мы часто сталкиваемся с F-образным рисунком на сайтах с большим количеством текста, таких как блоги и новостные сайты.
Важно отметить, что группа Нильсена-Нормана — люди, открывшие этот паттерн чтения в 2006 году — недавно пересмотрела свое исследование и прояснила некоторые заблуждения, связанные с ним: F-образный паттерн на самом деле вреден для пользователей и бизнеса и следует избегать.
Если пользователи просматривают ваш веб-сайт по F-образному шаблону, это означает, что они отдают предпочтение левой стороне страницы и упускают важный контент справа.Чтобы предотвратить F-сканирование, вы должны отформатировать контент на своем сайте таким образом, чтобы он направлял их на информацию, которую вы считаете наиболее важной.
Вот несколько способов направить посетителей к чтению наиболее важного содержания:
- Включите наиболее важную информацию в первые два абзаца
- Используйте заголовки и подзаголовки
- Важные слова или фразы, выделенные жирным шрифтом
- Группируйте небольшие суммы связанной информации визуально
- Часто используйте маркированные и нумерованные списки
Старайтесь делать тяжелую работу для ваших пользователей, чтобы свести к минимуму отвлекающие факторы и отговорить их от использования ярлыков.
Примеры F-образных схем чтения. Источник: NNgroup
Дизайн, препятствующий сканированию F-образной формы, хорошо подходит для веб-сайтов с большим количеством текста, таких как блоги и новостные сайты. Z-образный узор лучше подходит для сайтов с минимальным количеством копий и несколькими ключевыми элементами, предназначенными для привлечения внимания пользователя. На целевых страницах часто используется Z-образный узор, чтобы направлять пользователей по пути конверсии.
Этот макет веб-сайта отлично подходит, если вы хотите привлечь внимание пользователей к конкретному призыву к действию или контенту на странице.Источник: Basecamp
Визуально расставьте приоритеты ключевых элементов
Используйте пять основных строительных блоков дизайна, чтобы построить визуальную иерархию с HTML и CSS, понятную с первого взгляда:
1. Размер
В любом дизайне важно соотносить размер с важностью — самая важная информация должна быть самой большой на странице и требовать наибольшего внимания.
Например, MailChimp использует нейтральные иллюстрации и большой жирный заголовок, чтобы рекламировать их наиболее важную функцию.Источник: MailChimp
2. Цвет
Помните, что цветовая схема может функционировать как организационный инструмент, а также как инструмент брендинга / индивидуальности в дизайне.
Made использует цвет, чтобы привлечь внимание пользователей и продвигать их продажи флэш-памяти. Источник: Сделано
3. Макет
Хорошее форматирование побуждает посетителей взаимодействовать с контентом по всей странице и быстрее находить самую важную информацию.
В этом ежеквартальном издании Google используется карточный дизайн для организации содержания на странице и поощрения их основной цели: подписки.Источник: Think with Google .
4. Интервал
Пустое пространство или отрицательное пространство — это инструмент дизайна, который дизайнеры используют для привлечения внимания к наиболее важным элементам пользовательского интерфейса
Apple хорошо известна своим использованием белого пространства. Источник: Apple
5. Стиль.
Выбор стиля, который соответствует и подчеркивает ваш бренд, поможет вам более эффективно донести свое послание.
Airtable полагается на сделанные на заказ иллюстрации, чтобы добавить индивидуальности и дружелюбия своему продукту.Источник: Airtable
Примените правило третей
Этот принцип требует, чтобы вы разделили ваш дизайн на три части (макет из трех строк и трех столбцов), чтобы увидеть, где пересекаются линии, и выяснить, где находятся фокусные точки дизайна. Это эффективный способ начать композицию вашего веб-сайта и выбрать расположение и обрамление элементов дизайна. Использование сетки — самый простой способ применить эту технику к любому дизайну.
Концепция редизайна сайта National Geographic от Гаян Ваматева
Шаг 3. Сосредоточьтесь на кнопках призыва к действию
Ни один веб-сайт не обходится без кнопок призыва к действию (CTA).Фактически, маркетологи сказали бы, что они — самый важный элемент на странице, и все усилия должны быть сосредоточены на том, чтобы люди переходили по ссылкам. Стратегическое использование хорошо продуманных призывов к действию может значительно улучшить поток страницы и направить пользователя к конверсии, поэтому очень важно понять это правильно.
Вот что нужно учитывать при разработке кнопок.
Убедитесь, что ваши кнопки выглядят интерактивными
Это может показаться очевидным, но вы будете удивлены, как часто веб-дизайнеры отказываются от функциональности и ясности в пользу творчества или какой-то новой причудливой тенденции JavaScript (да, я говорю о вас , призрачная кнопка).Чтобы пользователи понимали, что элемент — это кнопка, используйте стандартные визуальные подсказки, которые помогут им определить возможность нажатия, например форму, тени и блики.
Использование только призрачных кнопок может сбить пользователя с толку относительно того, что ему делать дальше. Источник: Visage Вот пример применения визуальной иерархии к кнопкам с призывом к действию. Обратите внимание, как призрачная кнопка зарезервирована для вторичного действия. Источник: Typeform
Четко обозначьте все кнопки
Кнопки служат для того, чтобы сообщить пользователям, что им делать дальше.Если текст расплывчатый, люди будут думать, а не действовать. Четко объясните пользователям, что произойдет, если они перейдут по ссылке. Вот умный пример от Netflix.
Визуально выделите наиболее важные призывы к действию
При разработке четкого призывания к действию необходимо выделить три важных аспекта: цвет, контраст и расположение. Используйте привлекательный цвет с достаточным контрастом, чтобы выделить основные кнопки, и разместите их на видных местах, где пользователи не смогут их пропустить.
Что еще вы хотели бы знать о верстке?
Мы хотим копнуть глубже, чем 101 балл по этой жизненно важной теме — так что дайте нам знать, что еще вы хотели бы узнать!
Кроме того, не забудьте заглянуть на рынок шаблонов Webflow, чтобы найти множество высококачественных красивых шаблонов веб-сайтов — от электронной коммерции до веб-сайтов-портфолио.
Как разместить товары в интернет-магазине
Вы когда-нибудь задумывались, почему в продуктовых магазинах молоко размещается в задней части магазина, а шоколад — возле кассы?
Просто: размещение предметов первой необходимости в задней части магазина побуждает покупателей ходить и просматривать другие товары. Размещение небольших предметов (например, шоколадных конфет) возле кассы способствует импульсивным покупкам.
Все это часть науки о дизайне магазинов. Правильная планировка магазина может повысить продажи, повысить лояльность и помочь покупателям быстрее найти то, что им нужно.
Ваш интернет-магазин ничем не отличается. Организация и расположение ваших продуктов имеют большое влияние на то, что (и как) покупатели у вас покупают.
В этой статье мы покажем вам, как разместить ваши продукты, чтобы увеличить продажи и конверсию.
3 вещи, которые следует учитывать при выборе макета продукта
Макет продукта может показаться простой проблемой, когда вы впервые приближаетесь к нему. Однако, как и большинство вещей в электронной коммерции, сложности проявляются, когда вы погружаетесь в детали.При выборе макета продукта необходимо учитывать три вещи:
1. Выбор
Choice — палка о двух концах для магазинов электронной коммерции. Отсутствие выбора означает, что вы ограничиваете возможности. Однако слишком много вариантов, и вы запутаете посетителей.
Эффективный макет продукта — это, по сути, процесс уравновешивания этой двойственности. То есть: создается впечатление обильного выбора, при этом сайт остается простым в использовании и навигации.
Наука утверждает, что принятие решений требует умственного труда.Когда вы ставите покупателей перед слишком большим выбором, они склонны вообще не делать этого.
Итак, как решить эту проблему в планировке вашего магазина?
Одно из решений — использовать избранные изображения, ведущие к дополнительным товарам. Например, обратите внимание, как Made.com использует отдельные изображения для целых категорий продуктов (например, «садовая мебель»):
Считайте это тизером, чтобы привлечь покупателей.
В идеале, вы хотите, чтобы в центре внимания находились самые продаваемые или самые желаемые товары.
Таким образом, перед тем, как начать процесс макета , перечислите следующее:
- Весь ассортимент вашей продукции и их соответствующие категории и подкатегории
- Функциональные категории, такие как «самые продаваемые продукты», «избранные продукты» и т. Д. и продукты в них.
Следующим шагом будет использование этой информации для создания хорошо организованного навигационного меню. Обратите внимание, как Amazon упорядочивает продукты по категориям в своем меню.
Это поможет покупателям найти то, что они хотят, не перегружая их лишним выбором.
Если ваш Эквид-магазин добавлен на веб-сайт, вы можете добавить меню навигации, добавив фрагмент кода:
Вот инструкции для Эквид-магазинов, добавленных на веб-сайты WordPress и Wix. На мгновенном сайте Эквида доступно только горизонтальное меню.
2. Информация о продукте
Вот еще одно действие по согласованию, которое вы должны выполнить при выборе макета магазина: отображение информации о продукте.
Вы хотите предоставить покупателям информацию, которая им необходима, чтобы перейти по ссылке и сделать покупку.В то же время не стоит перегружать их слишком большим количеством деталей — по крайней мере, не раньше, чем они появятся на самой странице продукта.
Ваша ментальная модель в этой ситуации должна облегчить принятие решений и пробудить интерес клиентов. Спросите себя: какой минимум информации, , нужно моим клиентам, чтобы щелкнуть по продукту?
Вы обнаружите, что этот ответ варьируется от магазина к магазину и от продукта к продукту.
Например, обратите внимание, как Amazon дает вам всего четыре информационных пункта на странице категории: название продукта, цена (включая скидку), рейтинг и доступность Prime:
В Эквиде вы можете добавлять похожие рейтинги и обзоры с помощью из Stampled.io app.
Хотя эта информация необходима для крупного розничного продавца, такого как Amazon, для малых предприятий, таких как Sand & Stone Jewelry, рейтинги не так важны. Следовательно, на страницах категорий отображаются только название продукта и цена.
Легко попасть в ловушку, давая слишком мало информации на страницах категорий. Лучший способ избежать этого — опросить своих клиентов и спросить их, какую информацию они используют для принятия решений о покупке.
3.Дизайн магазина
То, как вы спроектировали свой магазин, сильно повлияет на его оформление.
Интернет-магазин обычно имеет три ключевые страницы:
- Домашняя страница
- Категории и страницы поиска
- Страницы отдельных продуктов
От того, какие продукты вы выберете для демонстрации на каждом типе страниц, будет зависеть, какие продукты будут конечными потребителями. до покупки.
Например, обратите внимание, как Amazon продвигает свои собственные продукты на своей домашней странице, если вы не вошли в систему:
Обычно магазины продвигают последние предложения на главной странице.Убедитесь, что эти предложения соответствуют вашей целевой аудитории. BestMadeCo, например, проводит промо-акцию ко Дню отца, помня о своей клиентуре, в основном, мужчинах.
В центре внимания:
- Выяснение, какие продукты вы хотите, чтобы покупатели покупали (в идеале, ваши самые продаваемые и / или продукты с самой высокой маржой)
- Поддержание единообразия дизайна для разных типов страниц.
Независимо от того, решите ли вы выделить свои бестселлеры или новинки, Ecwid позволяет вам создать категорию для избранных продуктов на главной странице и назвать ее в соответствии с вашими потребностями.
6 Лучшие практики для макета продукта электронной коммерции
Хотя вы, безусловно, можете создать уникальную схему макета для своего магазина электронной торговли, это помогает следовать нескольким передовым методам.
1. Продвигайте самые популярные продукты и предложения в верхней части страницы
Область «вверху сгиба» — это область экрана, видимая, когда клиенты впервые попадают на ваш сайт. Фактически, на эту область приходится 80% всего внимания зрителей на большинстве сайтов.
Учитывая, какое внимание уделяется этому пространству, рекомендуется размещать самые популярные товары в верхней части страницы.Это может включать:
- Последние предложения, распродажи и скидки
- Самый продаваемый продукт или категории продуктов
- Недавно выпущенные продукты (лучше всего работает в начале сезона покупок)
На Target.com, например, вы ‘ Вы увидите последние предложения вверху страницы:
Если у вас много предложений, подумайте о добавлении слайдера, как в этом примере от Walmart. Также обратите внимание на рекламные акции, которые проходят под меню навигации:
Некоторые розничные продавцы модной одежды избегают традиционных макетов в пользу продвижения имиджа бренда.Например, на ASOS вы получаете изображение бренда с возможностью «Покупать мужчин» или «Покупать женщин».
Эта тактика работает, когда вы пытаетесь продвигать видение бренда с помощью лукбука. Тем не менее, большинству розничных продавцов будет лучше использовать обычную компоновку «сначала товар в верхней части страницы».
Следуйте той же идее на страницах категорий: продвигайте свои самые продаваемые и самые популярные продукты в верхнюю часть страницы. Например, посмотрите страницы категорий Amazon:
2. Смешайте горизонтальный и вертикальный макеты
По сути, вы можете разместить свои продукты на любой странице двумя способами: горизонтально или вертикально.
Горизонтальный макет остается статичным. На краю страницы есть кнопка для дальнейшей прокрутки списков.
Этот пример с Amazon лучше иллюстрирует ситуацию:
В Эквиде недавно просмотренные товары также отображаются горизонтально. Вы можете выбрать количество товаров, чтобы отображать их сверху или снизу витрины.
Сопутствующие товары — еще один горизонтально ориентированный раздел. Продукты в этой группе настраиваются индивидуально для каждой страницы продукта, что позволяет таргетировать ваших клиентов с помощью актуальных дополнений к их заказам.Вы можете отображать их на страницах продуктов и на странице корзины.
Напротив, в вертикальном расположении этих кнопок прокрутки нет. Вместо этого по мере прокрутки вниз вы видите все больше и больше продуктов в виде сетки. Примерно так:
В идеале вы должны использовать сочетание обоих этих макетов:
- Горизонтальный макет, если вы хотите показать несколько продуктов из множества категорий, например, в Недавно просмотренные продукты
- Вертикальный макет, когда вы хотите для отображения множества продуктов из одной и той же категории, например, один поиск и страницы категорий
3.Соблюдайте условности и ожидания пользователей
Бывают ситуации, когда вам захочется быть нестандартным в своем дизайне. Макет продукта не входит в их число.
Макет вашего продукта предназначен для ориентации пользователей, когда они попадают на ваш сайт. Обычная компоновка гарантирует, что они найдут то, что хотят, и не будут дезориентированы.
Условные обозначения, конечно, меняются от сектора к сектору. Однако есть несколько вещей, которые вы должны учитывать:
Используйте макет сетки
В макете сетки продукты расположены в прямоугольных коробках одинакового размера, например:
Этот макет долгое время был условием для e -коммерческие сайты.Он не только знаком с вашим покупателем, но и хорош для демонстрации товаров. Кроме того, он хорошо масштабируется — вы можете отображать только одно поле на маленьких экранах или расширять до нескольких полей на больших.
При использовании этого макета убедитесь, что коробки одинакового размера. Как показывает этот пример, использование коробок одинакового размера может увеличить доход на посетителя на целых 17%.
Если вы продаете через Эквид, это не проблема для вас — Эквид имеет сетку одинакового размера, которая автоматически адаптируется к разным экранам.
Показывать навигацию вверху списков продуктов
Еще одно соглашение, которому вы должны следовать, — разместить параметры сортировки вверху страницы.
Клиенты ожидают этого места размещения и, естественно, будут смотреть сюда, когда попадут на страницу категории.
Ориентируйте клиентов с панировочными сухарями
Панировочные сухари — это элементы навигации, которые показывают пользователям их путь от домашней страницы, например:
Добавление их вверху страницы помогает сориентировать посетителей.Он сообщает им, к какой странице или категории они относятся и как вернуться на главную.
4. Сосредоточьтесь на визуальных эффектах, но не забывайте текст на страницах продуктов.
В Интернете, единственный способ показать ваши продукты — это визуальные эффекты. Вот почему известно, что большие изображения товаров способствуют увеличению конверсий в электронной коммерции.
Однако, хотя визуальные элементы важны, в вашем макете также должно быть место для описательного текста. Хорошая копия не только описывает продукт, но также помогает продать его и ваш бренд.
Например, рассмотрим, как BestMadeCo использует надежную копию на своей домашней странице для продажи недавно выпущенного продукта. Макет помогает тексту идеально сочетаться с изображением.
Копия продукта особенно важна на страницах продукта. Ваш макет должен предоставлять клиентам всю ключевую информацию, необходимую им для принятия решения, прямо над сгибом. Это должно включать:
- Цена (с учетом скидки, представленной визуально)
- Рейтинг продукта и количество отзывов
- Названия продукта и торговые марки
- Наличие продукта на складе (и заканчивается ли он)
- Сведения о доставке
- 2-3 основные сведения о продукте
Это пример того, как не размещать продукты.На странице товара вообще нет копии — сложно принять решение.
Как и в большинстве случаев, макет Amazon здесь идеален, предоставляя клиентам все необходимое для принятия решения.
5. Добавьте рекомендации по продуктам и сопутствующие товары
На страницах продуктов у вас есть две цели:
- Заставить клиента перейти на страницу оформления заказа или
- Заставить клиента просмотреть другой продукт
Для последнего , у вас должен быть раздел рекомендуемых или сопутствующих товаров.Вы можете разместить это либо после информации о продукте, либо перед ней.
Amazon делает это особенно хорошо. Обратите внимание на сопутствующие товары и списки «также просматриваемых» в нижней части страницы:
Если у вас есть несколько продуктов в одной коллекции, не забудьте также отобразить их. Вот хороший пример из WorldMarket:
Списки сопутствующих товаров не всегда должны быть наглядными. Вы также можете отображать похожие поисковые запросы, чтобы направлять клиентов к товарам, которые могут им быть интересны.
Поэкспериментируйте с разными макетами для связанных / рекомендуемых продуктов. Попробуйте разместить их над нижним колонтитулом, под описанием продукта и т. Д.
6. Поэкспериментируйте с деталями наведения указателя мыши на страницах категорий
Один из способов повысить CTR — предложить дополнительные сведения, когда покупатель наводит указатель мыши на изображение продукта на страницы категорий.
Например, на этом сайте отображаются сведения о продукте и кнопка «Добавить в корзину» при наведении курсора мыши:
Цель этой тактики — быстро дать пользователям ключевую информацию.Лучше всего это работает, когда вы ожидаете, что пользователи быстро просмотрят большое количество товаров, например, в магазинах одежды. Это может не работать для других категорий, но вы все равно можете запустить несколько сплит-тестов и посмотреть результаты.
В Эквиде вы можете включить кнопки «Купить сейчас» в списках продуктов, чтобы помочь вашим клиентам быстро просматривать (и покупать) ваши продукты.
Когда покупатель нажимает такую кнопку, ваш магазин не откроет всю страницу продукта. Вместо этого ваш клиент увидит всплывающее окно с вариантами продукта:
. Если у вашего продукта нет опций, он сразу попадет в корзину.
Заключение
Когда дело доходит до макета продукта, лучше всего придерживаться условностей и следовать тому, что уже делают лидеры рынка. Подробно каталогизируйте свои продукты, тщательно классифицируйте их, а затем систематизируйте их в виде стандартной сетки.
Приведенные выше передовые методы будут работать для большинства магазинов в разных секторах. Попробуйте их в собственном магазине и поделитесь с нами результатами ниже!
Как создать веб-сайт
3
Выберите свою платформу
Первое, что приходит на ум, когда вы думаете о качественном веб-дизайне, — это профессиональное агентство, верно? И хотя ведущие компании в основном делают отличную работу, они могут быть невероятно дорогими.
К счастью, есть другой способ: конструкторы веб-сайтов и платформы электронной коммерции . Это онлайн-инструменты DIY, которые позволяют создавать и проектировать собственный веб-сайт — без необходимости знать ни одной строчки кода!
Естественно, существует множество вариантов — разного качества, — но мы приложили немало усилий и изучили лучшие из имеющихся на рынке. Благодаря сочетанию экспертных исследований и тщательного тестирования мы теперь можем выявить лучшие варианты создания вашего собственного сайта.
Ниже мы рассмотрим три основных варианта как для обычных веб-сайтов, так и для интернет-магазинов. Но сначала давайте обратимся к слону в комнате: WordPress.
А как насчет WordPress?
WordPress.org — это автономная CMS с открытым исходным кодом (система управления контентом), но все, что вам нужно знать, , — это то, что это самая популярная платформа для разработки веб-сайтов.
WordPress дает вам полный контроль над внешним видом вашего веб-сайта и технически бесплатен для использования.Мы говорим это потому, что для того, чтобы ваш сайт заработал, вам действительно нужно будет заплатить за веб-хостинг, безопасность, доменное имя и любые дополнительные плагины или темы, которые вам нужны.
Самая большая проблема с WordPress заключается в том, что он не совсем подходит для обычного Джо. Если вы не знакомы с кодом или у вас нет бюджета, чтобы нанять профессионального разработчика, WordPress окажется практически невозможным для использования.
По этой причине мы рекомендуем людям, создающим собственный сайт, придерживаться конструкторов веб-сайтов и платформ электронной коммерции.
Создание веб-сайтов: конструкторы веб-сайтов
Если вы не хотите продавать в Интернете, конструкторы веб-сайтов — самый эффективный способ для нетехнических специалистов создать свой собственный веб-сайт. Если вам нужен интернет-магазин, перейдите в раздел о платформах электронной торговли.
На основе наших экспертных исследований мы смогли определить 10 лучших конструкторов веб-сайтов, доступных вам на сегодняшний день. Все они соответствуют различным потребностям, но для общего обзора взгляните на нашу шкалу качества ниже:
Wix
Wix Pros | Wix Cons |
---|---|
Очень интуитивно понятный и простой в использовании используйте редактор | Невозможно переключить шаблоны после того, как ваш веб-сайт будет запущен |
Отличное соотношение цены и качества | Возможно, придется потратить больше на сторонние приложения, чтобы масштабировать ваш веб-сайт |
Сильные функции помощи и поддержки | Само выбор и количество настраиваемых параметров могут быть огромными |
Конструктор, который наши пользователи, скорее всего, рекомендовали |
Wix обычно считается лучшим конструктором веб-сайтов на рынке .Его простой в использовании редактор перетаскивания дает вам полный творческий контроль, позволяя добавлять весь свой контент и размещать его там, где вы считаете нужным.
Есть также выбор из 510 профессионально разработанных шаблонов, множество замечательных встроенных функций и огромный магазин приложений, где вы можете установить любые дополнительные функции, которые могут вам понадобиться.
Тщательно протестировав платформу, мы можем подтвердить, что Wix оправдывает ажиотаж. Взгляните на наши окончательные результаты исследований и убедитесь сами:
Мы также организовали, чтобы обычные люди, такие как вы, сели с Wix и попытались создать свой собственный веб-сайт.Эти добровольцы были потрясены тем, насколько быстро и легко было использовать Wix, а также огромным количеством отображаемых функций. Вот что они сказали:
«Я был искренне удивлен, что [создать веб-сайт] удалось так быстро. Я не думал, что все будет сделано за час ».
«Мне нравится боковое меню, в которое можно добавлять изображения, приложения и т. Д., Потому что в нем легко и легко ориентироваться».
Wix — лучший конструктор сайтов на рынке.Подпишитесь на бесплатный план и посмотрите, что вы об этом думаете.
Squarespace
Squarespace Pros | Squarespace Cons |
---|---|
Шаблоны лучшего качества с точки зрения дизайна и гибкости | Ограниченное количество тарифных планов |
Лучшее качество функций любого конструктора market | Не совсем подходит для новичков |
Полный контроль настройки без необходимости кодирования |
Squarespace — это конструктор веб-сайтов, который источает класс и имеет глянцевый, премиальный вид.
Squarespace гордится своими шаблонами. Их ультрасовременный дизайн делает их идеальными для всех, кто занимается творчеством, например для фотографов, художников или графических дизайнеров.
Squarespace также обладает рядом качественных функций. Здесь вы можете увидеть, как он набрал в нашем исследовании все основные категории:
Squarespace также оказалась настоящим хитом для наших пользователей. Вот лишь пара их мыслей:
«Мой веб-сайт выглядит действительно чистым и свежим.Я думаю, что во многом это зависит от того, насколько хорошо разработан шаблон, который я выбрал ».
«Создать сайт самостоятельно, если вы не дизайнер, — огромная проблема, поэтому наличие у шаблонов отраслевых функций является огромным преимуществом. Я бы сказал, что это один из самых важных факторов [при разработке веб-сайта] ».
Squarespace предлагает 14-дневную бесплатную пробную версию. Узнайте, почему креативщики так его любят.
Weebly
Weebly Pros | Weebly Cons |
---|---|
Лучшее для малого бизнеса, со всеми основными инструментами, необходимыми для создания отличного бизнес-сайта | Перетаскивание ограничено. — если вы не уверены в коде |
Классные настраиваемые шаблоны | Нет возможности личного восстановления, поэтому, если ваш сайт выйдет из строя, вы полностью полагаетесь на команду поддержки Weebly |
Действительно полезные руководства по SEO в помощи Weebly и центр поддержки | Нет опции ADI (сокращенно от «Искусственный интеллект дизайна», здесь конструктор веб-сайтов использует предоставленную вами информацию для автоматического создания сайта для вас) |
Weebly позиционируется как конструктор веб-сайтов для всех, но на самом деле , он специализируется на веб-сайтах малого бизнеса .В нем есть большой выбор шаблонов на выбор и редактор с перетаскиванием, с которым довольно легко разобраться.
Weebly действительно проявляет себя, когда вы начинаете изучать его функции — их сотни на выбор, и большинство из них великолепны! Чтобы лучше понять, в чем заключаются сильные стороны Weebly, взгляните на наши оценки:
Нашим пользователям, протестировавшим Weebly, очень понравилось, как он помог им структурировать свой сайт и как он показал им, что каждый действительно может создать свой собственный веб-сайт:
«Я думаю, что шаблоны Weebly — хороший способ познакомить вас со структурой и представлением веб-сайта.»
« В целом им было действительно легко пользоваться, и он развенчивает миф о том, что это действительно очень сложно [создать веб-сайт] ».
Бесплатная подписка Weebly позволяет «попробовать, прежде чем вы сделаете это». Посмотрите, о чем идет речь.
Разработка веб-сайтов: платформы электронной торговли
Платформы электронной торговли работают аналогично конструкторам веб-сайтов, но они специально разработаны, чтобы помочь вам создать интернет-магазин. Некоторые из них специально созданы для электронной коммерции, в то время как другие (например, Wix) представляют собой конструкторы веб-сайтов с функциями электронной коммерции.
Shopify
Shopify Pros | Shopify Cons |
---|---|
Продавайте по нескольким каналам, включая Facebook, Instagram, Amazon и eBay | Вы должны создать панель управления между редактором и Это означает, что вам придется переключаться между двумя |
Brilliant система инвентаризации, которая помогает вам управлять вашим магазином | Единственная платформа для обеспечения собственной комиссии за транзакцию с Shopify Payments |
Первое место в нашем исследовании функций продаж и клиентов оценка | Контент не переформатируется автоматически, если вы переключаетесь на другую тему |
Shopify стоит на голову выше своих аналогов как лучшая платформа для электронной коммерции .В нем есть ряд тем, которые разработаны с учетом ваших продуктов, и больше функций продаж, чем вы можете себе представить.
А вот где Shopify действительно выделяется, так это далеко от вашего веб-сайта. Платформа позволяет расширить охват вашего интернет-магазина, используя различные каналы и продавая товары на различных торговых площадках и в социальных сетях.
Здесь вы можете увидеть, как Shopify показал себя при тестировании нашей платформы электронной коммерции:
Shopify обеспечивает небольшой уклон в разработку собственного веб-сайта электронной коммерции.
Shopify немного отличается от конструкторов веб-сайтов тем, что вы в основном работаете с панели инструментов, а не с помощью редактора.
Поскольку при работе с интернет-магазинами нужно учитывать гораздо больше — например, маркетинг, инвентарь и доставку, — имеет смысл, что у вас есть центр для управления всем, включая дизайн вашего веб-сайта.
14-дневная бесплатная пробная версия Shopify позволяет вам по-настоящему ощутить платформу, прежде чем решить, стоит ли инвестировать
Wix eCommerce
Wix eCommerce Pros | Wix eCommerce Cons | Отсутствие интеграции с социальными сетями — не позволяет продавать по нескольким каналам, таким как Facebook, Instagram и Pinterest |
---|---|
Расширенные инструменты электронной коммерции, включая восстановление брошенной корзины в поймать клиентов, которые оставили товары на кассе | Слишком большая свобода творчества, которая может помешать передовым методам проектирования электронной коммерции |
Многоязычные сайты — развивайте свой бизнес во всем мире, создавая несколько сайтов для разных стран |
«Но разве вы еще не покрыли Wi-Fi? Икс?» Что ж, да, но создание интернет-магазина с Wix — это совсем другая игра!
Хотя Wix не может конкурировать с Shopify при создании «чистого» интернет-магазина, он идеально подходит для людей, которые просто хотят иметь раздел магазина на своем веб-сайте.
Любой, кто продает товары на стороне, может получить выгоду от Wix . Например, если вы играете в группе, основная цель вашего сайта, вероятно, будет заключаться в предоставлении поклонникам информации о турах и бронировании билетов на концерты.
Однако вы можете также захотеть продавать товары, такие как топы для туров, альбомы и фирменные инструменты. Wix упрощает создание интернет-магазина с самого начала или добавление раздела магазина в дальнейшем.
Wix предоставляет привлекательный дизайн шаблонов, чтобы по-настоящему продемонстрировать ваши продукты и привлечь внимание клиентов.
Вот результаты нашего исследования для электронной коммерции, полученные Wix:
Squarespace и Weebly также предлагают тарифные планы для интернет-магазинов, так что если вы просто хотите иметь возможность продавать онлайн, стоит взглянуть вокруг.
Воспользуйтесь платформой Wix бесплатно и узнайте, стоит ли переходить на тарифные планы интернет-магазина.
BigCommerce
BigCommerce Pros | BigCommerce Cons | |||
---|---|---|---|---|
Самая масштабируемая платформа электронной коммерции | Трудно для новичков электронной коммерции, встроенных в | , с более широкими возможностями, чем у любого конкурента | . | Нет мобильного приложения для запуска магазина на ходу |
Позволяет продавать по нескольким каналам, включая Facebook, Instagram и Pinterest | ||||
Великолепные инструменты SEO |
Между Shopify и Wix, BigCommerce гораздо больше похож на первый.Он предназначен исключительно для продажи в Интернете и считается одной из лучших платформ для создания интернет-магазина с .
Одна вещь, которую BigCommerce имеет по сравнению с Shopify, — это количество встроенных функций, которые она имеет. С Shopify вы можете в конечном итоге потратить гораздо больше, чем просто стандартную ежемесячную плату, на установку целого ряда приложений, многие из которых можно использовать с BigCommerce бесплатно.
С другой стороны, BigCommerce, несомненно, сложнее в использовании, чем Shopify. Некоторые из используемых в нем терминов носят технический характер, и фактический дизайн вашего сайта может быть довольно сложным, что означает, что это не совсем удобная платформа для новичков.
BigCommerce — это мощный конструктор интернет-магазинов с множеством встроенных инструментов.
Тем не менее, BigCommerce более чем устояла благодаря нашему исследовательскому тестированию:
Мы бы рассматривали BigCommerce как платформу для тех, кто как технически квалифицирован, так и имеет бюджет. сознательный. Он действительно разработан для малого и среднего бизнеса, поэтому любому, кто хочет продавать несколько продуктов в месяц, будет лучше, если вы воспользуетесь конструктором веб-сайтов с функциями электронной коммерции.
BigCommerce предлагает 15-дневную бесплатную пробную версию, чтобы вы могли встать на ноги.
Используйте онлайн-форму заказа Wufoo, чтобы дать вашим клиентам простой способ покупать товары с вашего веб-сайта
Сверхфункциональные, привлекательные и простые в использовании формы онлайн-заказов
Wufoo необходимы для любого веб-сайта электронной коммерции.
Если вы когда-нибудь мечтали создать бизнес-подразделение своей компании в области электронной коммерции или зарабатывать на жизнь продажей своих искусных продуктов в Интернете, вот вам хорошие новости: у Wufoo есть инструменты, которые позволяют без стресса управлять веб-сайтом электронной торговли.У нас есть множество онлайн-форм заказа, а также некоторые довольно крутые закулисные функции, которые сделают прием заказов и обработку платежей несложным. Так что независимо от того, является ли ваш бизнес цветочным магазином, который принимает заказы через Интернет, или фирмой, занимающейся дизайном веб-сайтов (плюс все промежуточные виды бизнеса), у нас есть только форма для вас.
Если вы хотите создать форму заказа с нуля, вот короткое видео, которое расскажет вам об основах. Если вы хотите изучить некоторые существующие варианты шаблонов, которые помогут начать работу, продолжайте читать ниже!
Готовые шаблоны специально для вашего бизнеса
Когда вы по уши в создании своего бизнеса в электронной коммерции, мы можем сэкономить вам время.Мы создали заранее разработанные формы онлайн-заказов для различных типов бизнеса, поэтому, если одна из них подходит для вашей интернет-компании, просто возьмите нашу форму и вставьте ее на свой веб-сайт. Это так просто! Вот несколько примеров предварительно разработанных шаблонов онлайн-заказов, которые мы создали:
— Бланки для флористов: дайте людям возможность заказывать цветы онлайн в вашем цветочном магазине. Мы даже создали специальную форму для похорон, чтобы люди могли ввести персональное сообщение, выбрать тип букета цветов и указать информацию о доставке для места похорон.Как и все наши предварительно разработанные шаблоны, вы можете настроить форму, чтобы добавить любые дополнительные поля, специфичные для вашего бизнеса.
— Свадебные формы: Если ваша компания обслуживает свадьбы, обязательно ознакомьтесь с нашей формой заказа на свадьбу, в которой запрашиваются сведения о женихе и невесте, дате свадьбы и есть поле, где люди могут указать направление к месту проведения свадьбы. . Эта форма отлично подходит для компаний, которые предлагают аренду свадебной мебели, флористов, фотографов или поставщиков услуг общественного питания.
— Бланки заказа лимузинов: для необычных мероприятий или для тех, кто любит передвигаться стильно, упростите для клиентов заказ лимузина у вашего предприятия по производству лимузинов.Люди оценят удобство возможности заказать лимузин онлайн с помощью этой формы заказа — это особенно полезно на мобильных веб-сайтах.
— Бланк заказа на аренду лыж / сноубордов: когда снег хороший, ваши клиенты меньше всего хотят стоять в очереди, чтобы заполнить бланки для аренды лыж или сноубордов. Помогите своим клиентам быстрее подняться на гору с помощью нашей настраиваемой формы аренды оборудования. Соберите всю необходимую платежную и контактную информацию, а также соберите информацию, относящуюся к типу оборудования, которое люди хотят арендовать.Ваши клиенты будут быстрее проходить очередь, и вы сможете привлечь больше клиентов, ищущих аренду.
— Формы заказа веб-сайтов: принимайте заказы на новые веб-сайты или получайте подробную информацию, чтобы вы могли процитировать проект, даже когда вы спите. Мы создали подробную форму заказа и расценок на веб-сайте, в которой задаются конкретные вопросы, чтобы вы могли возвращать новым клиентам ответы, которые они ищут. Узнайте, каков их бюджет, нужен ли им хостинг и электронная почта, а также есть ли у них уже логотип и материалы для брендинга.
Принимайте платежи через форму онлайн-заказа Wufoo
Форма онлайн-заказа без интеграции платежа похожа на бутерброд с арахисовым маслом без желе. Предоставьте вашим клиентам возможность выполнить свой заказ онлайн и оплатить его, просто добавив нашу функцию интеграции платежей в вашу форму. Мы сотрудничаем с некоторыми из самых популярных компаний, занимающихся обработкой платежей, и создали несколько довольно привлекательных интеграций для продавцов, поэтому вы не только сможете принимать деньги через форму заказа Wufoo, но и сможете увидеть как только будет произведена оплата, и вы получите все детали транзакции после того, как они заполнят форму, чтобы вы могли оперативно выполнить их заказ.Wufoo интегрирован с самыми популярными платежными системами, такими как Stripe, PayPal, Braintree и другими.
Вам не нужно тратить весь день на создание бланков онлайн-заказов
Компания Wufoo — большой поклонник удобства, и мы разработали целый набор инструментов для ускорения процесса создания веб-сайтов. Наш инструмент Drag ‘n Drop — отличный тому пример. Когда вы перейдете к разработке своей онлайн-формы заказа, вы обнаружите, что ее так легко разработать благодаря функции перетаскивания — не требуется кодирование — и вам не нужно иметь степень в области ИТ, чтобы понять это!
Создайте форму заказа, соответствующую вашему веб-сайту, бренду и даже счетам
Когда люди переходят на страницу вашего заказа, чтобы выбрать свой товар (-ы) и отправить платеж, вы хотите, чтобы опыт был безупречным; не должно быть впечатление, что они уходят с вашего сайта и переходят на другой.Формы заказов Wufoo предназначены для интеграции на ваш веб-сайт, поэтому мы создали наш дизайнер тем. Он полон красивых тем, которые вы можете создать в соответствии со своим брендом. Но это еще не все. Более того: вы можете применить темы брендинга к своим платежным формам, отчетам и даже счетам. Используйте свой существующий логотип или цвета или просмотрите нашу галерею тем для поиска идей.
Все еще любопытно, как работает Wufoo?
Wufoo — это простой в использовании онлайн-инструмент, который позволяет любому создавать и строить онлайн-формы без необходимости кодирования или программирования.А Wufoo все размещает и хранит, поэтому вам не нужно беспокоиться о том, где будут размещаться ваши формы или данные.
Вы можете полностью настроить внешний вид ваших форм с помощью нашего дизайнера тем, выбрав цвета, соответствующие вашему бренду или теме, а также добавив логотип вашей компании или свадебные цвета к вашим формам. Вы даже можете использовать один из почти 300 шаблонов форм в нашей Галерее форм, чтобы сразу приступить к созданию форм, или посмотрите наши Примеры, чтобы узнать, как вы можете использовать Wufoo в своей компании.
Добавить комментарий