7 съвета за създаване на по-добра страница за покупка
С празничния сезон точно зад ъгъла много от нас ще правят пазаруване онлайн. (Добре ... може би много пазаруване!) Страницата за проверка на уебсайт може да накара това изживяване да се запомни или такова, което искате да можете да забравите.
Ако проектирате страница за плащане, има толкова много съображения - функционалност, използваемост, сигурност и дизайн. Последният елемент е нещо, върху което всеки дизайнер може да окаже влияние. Страницата за проверка не трябва да бъде проектирана като замислена; той може би е най-важната страница в онлайн пазаруването.
Направете го визуално
Това може да звучи като очевидна идея, но страницата за проверка на страницата за електронна търговия трябва да бъде визуална. Твърде много уебсайтове го превръщат в основна форма.
Това е важно поради няколко причини. Визуалната връзка между страниците за плащане и останалата част от сайта установява доверието на марката. Ако страницата за плащане изглежда като останалата част от сайта, тя се чувства сигурна и сякаш принадлежи на сайта. Визуализации, от лога до елементи в количката, помагат на потребителите да запомнят защо и къде се намират в мрежата. (Не забравяйте, че голяма част от света е доста разсеяна група от интернет потребители.)
И така, какви визуализации трябва да използвате?
- Изображения. Като минимум, всеки артикул трябва да бъде придружен от икона, която показва какво купува потребителят.
- Слово. Фирменото лого трябва винаги да е ясно видимо (и да се кликва, за да се върнете към останалата част от сайта).
- Големи копчета. Обаждайте се към действия като „Добавяне в количката“, „Актуализиране на артикул“ и „Купете сега“ големи, цветни и визуално привлекателни. Бутоните трябва да бъдат лесни за намиране и да ви накарат да искате да щракнете върху тях.
- Цвят. Твърде много страници за каси са всички бели с очертани кутии. Добре е да използвате цвят. Поддържайте цветовата схема на останалата част от уебсайта на страницата за плащане.
- Типография. Текстът трябва да е прост и лесен за четене. (Хората са склонни да се „доверяват“ на прости шрифтове за сериф или на шрифтове за серифи повече от шрифт на скрипт или новост.) Но можете да се забавлявате и с по-големи текстови елементи.
Включете платежни лога и защитни пломби
Включете визуализации, които карат потребителите да се чувстват добре при пазаруване с вас. Въпреки че повечето хора разбират, че могат да плащат с кредитна карта онлайн, наличието на малки лога до бутоните за плащане подсилва тази идея.
Това е малък, но успокояващ визуален щек за потребителите. Може да помогне за премахване на объркването относно това какви видове плащания се приемат.
Само не забравяйте да включите лога за всички видове плащания. (Твърде много сайтове помнят логата на кредитната карта, но забравете PayPal или Apple Pay.) Запазете изображенията малки и ги групирайте по организиран начин. (За щастие на дизайнерите, повечето от тези елементи се представят добре в малки формати и имат сходни съотношения.)
За тази цел помислете за проектирането или изтеглянето на специален комплект от потребителски интерфейс. Не сте ограничени до лога на акциите от компанията. Просто не се прекалявайте с дизайна; целта е потребителите да разпознават логата на много малък размер на екрана.
Помислете за увеличаване на изображенията
Страниците за плащане, които позволяват на потребителите да получат последен поглед върху артикулите в количката, са чудесен бонус. Ефектите на курсора, които увеличават всеки артикул в количката или изскачащ прозорец, могат да улеснят потребителите да видят потенциални покупки последен път и да премахнат неудовлетвореността от необходимостта да се придвижват обратно, за да проверят цвят или размер.
Друга опция е да създадете извънгабаритни миниатюрни изображения за артикули на страницата за плащане. Това допълнително изображение може да помогне на потребителя да потвърди дали е пазарът й и да се чувства още по-добре при покупката.
Твърде много дизайнери пренебрегват въобще да включват изображения, което улеснява изоставянето на количка. Мислете за това по този начин, да имате изображение на касата е равносилно на това да стоите в реда във физически магазин с предмет в ръка. Не много хора променят мнението си в този момент.
Използвайте таблици
Информацията в количката трябва да бъде организирана до съвършенство. Най-лесният начин да постигнете това е да проектирате количката под формата на таблица или подобен мрежов формат.
Използвайте колони и редове, за да покажете всеки елемент, изображение, описание, количество, цена и всяка друга подходяща информация. Елементите трябва да се сортират вертикално в колони с друга информация в съответния ред. Този стил на сортиране е от съществено значение за колички с няколко артикула, така че потребителите да не са принудени да се движат през екрани, вместо нагоре и надолу (което е по-удобно).
Във всяка таблица или мрежа използвайте последователно подравняване. Вляво е най-често. Помислете и за начина, по който цените се изравняват, така че да се виждат лесно на екрана. В идеалния случай цените трябва да се подреждат така, че числата преди и след период да са на еднакви позиции за всеки артикул.
Помислете за функционалността
Въпреки че голяма част от цялостната функционалност на дизайна на касата на страница може да не е директива на дизайнер, това е нещо, което трябва да се вземе предвид. (Независимо дали дизайнерите или разработчиците създават тези концепции, може да варира в зависимост от екипа.)
Основните проблеми, свързани с функционалността, които се нуждаят от дизайнерски елементи, включват:
- Възможност и лекота на печат от множество екрани, включително преди и след касата.
- Включете функционалност на списъка с желания или друг метод за запазване на артикули за по-късна покупка. Направете тази информация споделена.
- Твърде много страници за каси стават тъмни дупки, без връзки към други части от опита за пазаруване. Не заключвайте потребителите в страници, от които не могат да се измъкнат.
- Разрешаване на редактиране на продукти в количката.
- Помислете за опция или страница за фактуриране с възможност за печат. (Това е особено важно, ако вашите клиенти включват бизнес клиенти.)
- Улеснявайте потребителите да разбират как да променят, променят или актуализират поръчки. Много страници за каси включват брояч за количество до всеки артикул. Направете този номер лесен за редактиране (и той трябва да се актуализира автоматично).
- Улеснете създаването на акаунт след касата. Не всеки клиент е пазарувал с вас преди. Трябва да е бързо и лесно да направите покупка и след това да се регистрирате за акаунт. Прикрийте първо продажбата.
Ключови икони трябва да се появяват на всяка страница
Мислейки за дизайна на страницата за проверка, започва в момента, в който концепцията на уебсайта започне да включва опция за електронна търговия. Някои дизайнерски елементи трябва да се носят в целия уебсайт.
Добавете в кошницата и иконите на страниците за каси трябва да се носят през целия дизайн. Бутоните или навигационните елементи трябва да имат същия дизайн (или доста подобен) като съответните бутони за действие на страницата за проверка.
Запомнете мобилните потребители
Нарастващ процент от продажбите се случва на мобилни устройства, а не на настолни компютри. Помислете за дизайна на страницата си за плащане и лекотата на използване и за тези клиенти. (Нищо не е по-разочароващо - и твърде често срещано - от уебсайт, който работи по телефона до страницата за плащане.)
Дизайнерски елементи, като вземете предвид и прекарайте пръст. Бутоните трябва да са по-големи и по-лесно видими. Формата трябва да включва по-дълбоки кутии, така че те да бъдат лесни за натискане, без да се налага да увеличавате екрана.
Що се отнася до мобилните потребители, запазването на всичко на една страница е също толкова важно. Създайте страница за плащане, която превърта, а не прелиства през множество екрани.
заключение
Проектирането на страница за плащане може да бъде голяма задача за всеки дизайнер. Ключът е нещо, за което говорим често в дизайнерската общност: Дръжте го просто. Създайте прост контур с минимални ефекти и фокус върху използваемостта и е по-вероятно да намерите успех.
Помнете потребителя, когато мислите за страници за каси. Стремете се да създадете страница, която да има визуална привлекателност, лога за насочване и информиране на потребителите, изобилие от изображения, организирано оформление, функция, икони за насочване и насърчаване на продажбите и удобен за мобилен интерфейс.
Снимки С любезното съдействие на творческия пазар.
