Канчатковае кіраўніцтва па фарміраванні дызайну: як стварыць онлайн-канвертацыю формы

Вы нядаўна запоўнілі онлайн-форму?

Адказ, напэўна, так. Апошнія даследаванні паказваюць, што 84% людзей запаўняюць хаця б адну сеткавую форму ў тыдзень.

Але вы, магчыма, не заўважылі, бо запаўненне вэб-анкетаў - гэта амаль неад'емная частка нашага жыцця.

На самай справе, амаль кожнае інтэрнэт-ўзаемадзеянне, якое праводзіць карыстальніка ад А да В, - гэта інтэрнэт-форма: звязацца з кампаніяй, забраніраваць цягнік, купіць тавар, арганізаваць пражыванне ў гасцініцы ...

Інтэрнэт-формы ўпершыню былі выкарыстаны для продажу ў Інтэрнэце ў 1994 годзе, а першыя формы перацягвання з'явіліся на нашых экранах з 2006 года. З тых часоў формы сталі апорай узаемадзеяння ў Інтэрнэце.

Яны - шлюз паміж кампаніямі і кліентамі. Ад маленькіх гарадскіх дзённікаў да парталаў сусветнага ўрада, вэб-сайт наўрад ці можна ўявіць без яго.

Чаму ў інтэрнэт-формаў такая дрэнная рэпутацыя?

Вядома, мала хто любіць формы. Але большасць не супраць запоўніць яго, пакуль ясна, лаканічна і добра прадумана.

А вось і ўлоў. Занадта шмат анлайнавых формаў занадта доўгія, заблытаныя альбо інвазівные (а часам і ўсе тры адначасова).

Калі форма блытае, засмучае альбо патрабуе большага, чым трэба, рызыка адмовы рэспандэнта небясьпечны. Некаторыя людзі цалкам адмовяцца ад формы. Іншыя выйдуць. У любым выпадку вы, верагодна, не атрымаеце другога шанцу.

Пры распрацоўцы формы, як можна забяспечыць апытанне да апошняга кліку?

"Стварыць форму вельмі проста. Цяжка зрабіць людзей фактычна запоўніць яе".

Пасля таго, як дапамагчы нашым 4,5 мільёнам карыстальнікаў ствараць онлайн-формы, мы ў JotForm выявілі, што, здавалася б, тонкія змены маюць вялікае значэнне. Яны часта адрозніваюць выгляд, які змяняецца ад выкінутай.

Напрыклад:

  • HubSpot выявіў, што ў 17% больш шанцаў запоўніць анкету з больш чым 14 старонак пры размяшчэнні на асобнай мэтавай старонцы.
  • Маркето выявіў, што некаторыя неістотныя вобласці павялічылі сабекошт свінцу на 25%.

Дызайн формы? Зрабіце гэта інтуітыўным, простым і прыязным досведам. У гэтым кіраўніцтве вы даведаецеся, як.

Асноўныя часткі формы

1. Вітайце рэспандэнтаў: назва і ўступ

Ці вітаеце вы сваіх сяброў, не вітаючыся? Мы ведаем, наколькі важныя добрыя манеры, але калі справа даходзіць да Інтэрнэту, яны часта губляюцца ў перакладзе.

Загаловак і старонка прывітання даюць вам магчымасць прадставіць сябе і сваю форму ясна і добразычліва і пакінуць першае ўражанне.

Проста спытаеце BettingExpert: яны атрымалі 31,54% больш рэгістрацый, змяніўшы назву формы, каб падкрэсліць, чаму людзі павінны рэгістравацца.

Ваш загаловак - гэта найкарацейшае і дакладнае апісанне будучых задач. Карыстальнікі імкнуцца ачысціць змест формы, і наўрад ці хто ўважліва прачытае падрабязнае апісанне. Менавіта таму так важна разумець прызначэнне формы як мага менш слоў.

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

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

Калі вам спатрэбіцца нейкі час, каб запоўніць форму, паведаміце пра гэта загадзя карыстальнікам. Але калі гэта хутка і проста? Дазвольце быць прыемна здзіўлены (г.зн. не рызыкуйце абражаць чужую інтэлект на ўсялякі выпадак.) Вы можаце зрабіць гэта самастойна, паглядзеўшы на панэль прагрэсу альбо колькасць палёў.

2. Змесціце адпаведныя загалоўкі і падзагалоўкі

Пацешны факт: людзі ствараюць першыя ўражанні за 50 мілісекунд. Спойлер: гэтага проста недастаткова, каб уважліва прачытаць вашу копію.

Рэспандэнты з формамі, верагодна, прапускаюць голыя прадметы і ігнаруюць астатняе. Яны могуць спяшацца, адцягвацца і, як правіла, нецярплівыя, каб перажыць гэты досвед.

Досыць справядліва. Мы не можам спыніць іх, таму мы можам таксама кіраваць імі: з крышталёва чыстымі, лаканічнымі шыльдамі. Загалоўкі - ваш новы лепшы сябар: яны ўдакладняюць тэкст, ламаюць яго, структуруюць і падтрымліваюць сувязь з карыстальнікамі.

Карыстальнікі павінны зірнуць на загаловак і адразу даведацца, чаго чакаць, не чытаючы астатняй частцы тэксту.

Лепшы спосаб праверыць гэта - чытаць загалоўкі ў ізаляцыі. Ці ўсё роўна яны маюць сэнс?

3. Разбіце пытанні з дзельнікамі

Важныя дзельнікі. З традыцыйнымі формамі выкарыстанне раздзяляльнікаў - лепшы спосаб паменшыць пераважны цяжар візуальнага разбору пытанняў. Там не павінна быць вялікай візуальнай розніцы, і занадта шмат кантрасту можа адцягнуць увагу.

4. Вызначце, ці хочаце вы карыстацца формамі на некалькіх старонках альбо на адной старонцы

Гэта залежыць ад колькасці секцый.

Калі ёсць толькі адна ці дзве тэмы, аптымальная старонка на адной старонцы - лепшы выбар. Аднак калі форма змяшчае некалькі раздзелаў, для перапынення размовы патрабуецца некалькі старонак. Падумайце пра першыя ўражанні: карыстальнік, верагодна, будзе запалоханы, калі ўбачыць форму на адной старонцы, якая змяшчае сотні палёў (як гэта выглядае).

5. Вылучыце заклікі да дзеянняў (CTA)

Паспяховыя CTA падкрэсліваюць частку ДЗЕЯННЯ: што робіць карыстальнік, калі націсне на гэтую кнопку? Агульныя ярлыкі, такія як "Адправіць", "Адправіць" ці "Апрацаваць", не адключаюцца. Чым больш асэнсавана, тым лепш.

Каб пазбегнуць нявызначанасці, адкажыце на пытанне "Я хачу ..." з пункту гледжання карыстальніка. Напрыклад, калі гэта форма запыту на паслугу, гэта можа быць «запытаць маю бясплатную кансультацыю».

Вам патрэбна большая пераканаўчасць? У гэтым даследаванні Unbounce выявіў, што пераход ад "пачаць бясплатную пробную версію" на "пачаць бясплатную пробную версію" павялічвае колькасць клікаў на заклік да дзеяння на 90%.

6. Вызначце формы формы

Цяпер не час хвалявацца.

Радыёпалі, палі выбару і сцяжкі працуюць, бо яны простыя і знаёмыя. Стандартнае фарматаванне элементаў формы прыводзіць да лепшай зручнасці выкарыстання.

Радыё кнопкі можна выкарыстоўваць, калі ёсць некалькі варыянтаў, і можа быць абраны толькі адзін. Сцяжкі лепш за ўсё працаваць, калі можна выбраць некалькі варыянтаў.

Калі гэта магчыма, выкарыстоўвайце сцяжкі і радыё кнопкі замест выпадальных спісаў, таму што апрацоўка займае меншую кагнітыўную нагрузку. Як заўважыў Люк Урублеўскі, "выпадальныя праграмы павінны быць апошнім карыстацкім інтэрфейсам".

7. Ніколі не забывайце старонку падзякі

Памятаеце, што вашы рэспандэнты - гэта людзі, якія аддалі вам частку свайго часу. Так што не сканчайце рэзка, але заўсёды кажыце "дзякуй".

Як пісаць, каб прымусіць людзей слухаць

Вось некалькі саветаў па напісанні форм, каб карыстальнікі маглі іх запоўніць.

8. Проста гавары

Што тычыцца формаў, мы ўсе аддаем перавагу простай мове - у тым ліку сярод нас, навукоўцаў, геніяў і экспертаў. Чаму так шмат размоваў у Інтэрнэце гучыць так, быццам іх вядуць назад праз тэзаўрус?

"Прыміце нашы шчырыя выбачэнні. Мы ўсё роўна будзем удзячныя за ваша меркаванне. Акрамя таго ... "

Пісьменнасць, як ваш стары прафесар каледжа, аддаляе чытачоў і прымушае іх вочы заслінацца.

Просты не заўсёды дурны - гэта адразу разборліва. Гэта азначае просты англійская з максімальнай яснасцю. Кожнае слова павінна быць самай кароткай і простай даступнай версіяй - гэта азначае "але" замест "але". Ніякага жаргону, ніякіх складаных прапаноў.

Каб праверыць узгодненасць, прачытайце тэкст услых. Вашы вушы могуць чуць тое, што вашы вочы не бачаць - асабліва ў тых кутках, дзе ваша пісьмо ідзе на шматслоўнай мясцовасці.

9. Зрабіце гэта асабістым

Форма павінна адчуваць сябе як сяброўская размова паміж вамі і рэспандэнтам. Зрабіце гэта асабістым, выкарыстоўваючы займеннікі, такія як "я", "вы" і "ваш".

10. Выключыце пасіўныя сказы

Пісаць больш хапае, калі ён актыўны (Джон напісаў скаргу), а не пасіўна (Джон напісаў скаргу).

Пасіўнае напісанне звычайна даўжэй і менш сканцэнтравана.

Як вы можаце вызначыць, ці з'яўляецца прысуд пасіўным? Вось два мёртвых раздачы:

  • Прадмет, які выконвае дзеянне, незразумелы (ліст напісаны) альбо
  • У сказе выкарыстоўваецца дзеяслоў "быць" (быў, быў ...), дзе ідзе дзеепрыметнік (напрыклад, "напісана").

Усё яшчэ не ўпэўнены? Вы можаце шукаць пасіўныя дадзеныя, выкарыстоўваючы статыстыку чытання Microsoft Word альбо метад Парамедыка Перд'ю.

11. Выражыце як мага больш слоў

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

"Вы выйграеце чытача за кожнае слова, якое вы рэжаце".

Тэкст становіцца больш стройным, звязным, больш прывабным і дакладным, калі яго ўважліва правяраюць на непатрэбныя словы.

Карысныя вобласці для рэзкі:

Прыслоўі (словы, якія заканчваюцца на -лы).

Неістотныя кваліфікацыі (шмат, шмат).

Пустыя ўзмацняльнікі (вельмі, вельмі, вельмі).

Слова "што".

Не патрэбная інфармацыя.

Невыразныя словы (рэч, мала, шмат).

12. Выкарыстоўвайце кантрактныя варыянты слоў

Выкарыстанне кантрактных версій слоў (напрыклад, не можа, не) замест іх сур'ёзных паўнавартасных альтэрнатыў (не можа, не) дапамагае пісаць лёгка, прыязна і балбатня.

Вы таксама эканоміце месца. І добрыя формы заўсёды прасторныя.

Што такое> што ёсць. Просты.

13. Падзяліце доўгія сказы

Доўгія, звілістыя прапановы выклікаюць пераважныя. Так шчыльныя блокі тэксту.

Для большасці чытачоў да 20 слоў у сказе - і да трох прапаноў за абзац - гэта дакладна. Зрабіце на дзве часткі трохі даўжэй. Кароткія сказы не саступаюць.

Прасторы, кулі, табліцы - усё, што парушае туман цяжкіх інструкцый - прымусіць чытача з палёгкай уздыхнуць.

14. Праверце напісаны змест

Падчас паездкі ў блог я даведаўся (нялёгка), што добрае напісанне складаецца з 30% складу і 70% рэдагавання.

Калі вы ўдасканалілі свае пытанні, паменшылі колькасць слоў і пазначылі ўсё, адкладзеце форму. Хай ён варыць некалькі дзён. Калі вы вернецеся туды, вы знойдзеце свабодныя канцы, якія вы б не пазналі ў першы раз.

Псіхалогія формаў

Большасць прынцыпаў псіхалогіі UX убудаваны ў нашу псіхіку, так што мы іх не заўважаем - калі толькі іх няма.

Але кожны колер, шрыфт, радок і кнопка выконваюць мэты.

Невялікія штодзённыя праекты не могуць быць настолькі драматычнымі, як маркетынгавыя кампаніі, якія складаюцца ў мільярд долараў. Але гэта не значыць, што ён павінен быць менш прадуманым. І разуменне псіхалогіі, якая прымушае людзей цікавіць, займальнае - і бясплатнае.

Вось некалькі важных псіхалагічных прынцыпаў, якія складаюць трывалую аснову для добра прадуманых формаў.

15. Параўнайце выдаткі і выгады

Кожнае рашэнне, якое мы прымаем - ад вывазу смецця да заняткаў - праходзіць праз аўтаматычны аналіз выдаткаў і выгод у нашай свядомасці. Ці карысныя выдаткі на выкананне задання?

Дызайнер павінен пераканацца, што ўспрыманыя выгады заўсёды перавешваюць выдаткі.

Зразумела, суадносіны кошту і выгады суб'ектыўныя, а запаўненне формаў звычайна вынікае з абавязацельстваў, а не з дзейнасці, якую рэспандэнты спадзяюцца зрабіць. Мы не можам забяспечыць выгаду, калі не прапануем рэспандэнтам узнагароду. Але мы можам мінімізаваць выдаткі.

Некалькі важных стратэгій для мінімізацыі выдаткаў для рэспандэнтаў:

16. Блок тэксту

+ 1–919–555–2743 супраць 19195552743.

Які нумар тэлефона ў вашым мозгу? Першы, вядома. Гэта таму, што яго парэзалі на кавалкі.

Чонкінг - гэта практычная методыка захоўвання: мы выкарыстоўваем яго для банкаўскіх PINS, нумароў сацыяльнага страхавання і кодаў шафкі. Маецца на ўвазе працэс упарадкавання інфармацыі ў "кавалачкі", якія палягчаюць захоўванне, апрацоўку і пошук змесціва.

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

17. Вызначце патрабаванні да фарматавання

Па магчымасці пазбягайце любых правілаў фарматавання. Але калі яны патрэбныя зла, загавары іх чырвонай ручкай. Ніхто не любіць адгадваць гульні пры запаўненні формы. Патрабаванні да пароля, правілы сінтаксісу, нумараваны інтэрвал: Калі патрабуецца пэўны ўвод, зрабіце яго бачным.

Закон Хікса

Калі я вячэру, я заўсёды набываю інгрэдыенты ў невялікай мясцовай прадуктовай краме, а не ў вялікім супермаркеце. Гэта таму, што занадта шмат варыянтаў часта адчувае паралізацыю. Гэта закон Хікса: ён кажа, што чым больш мы выбіраем, тым больш часу мы трацім на прыняцце рашэння.

Прымяняючыся да UX, Закон Хікса - гэта ода мэтанакіраванай ліквідацыі: абмежаванне параметраў навігацыі і прадастаўленне карыстальнікам зразумелых, але абмежаваных варыянтаў. Паколькі з павелічэннем гнуткасці дызайну зручнасць карыстальнікаў таксама памяншаецца.

Менш на самай справе больш.

Некалькі спосабаў рэалізацыі закона Хікса:

18. Безаглядна рэзаць (зноў)

Якая мэта гэтага спасылкі? Ці гэтая кнопка ў правым верхнім куце? Калі ён не будзе дададзены, ён будзе выдалены. Кожнае слова копіі, кожная карцінка, кожны звон ці свісток, якія не на 100%, зніжаюць хуткасць пераўтварэння вашай формы.

Ніл Патэль павялічыў кантактную форму на 26%, выдаліўшы толькі адно поле.

Як аднойчы сказаў Труман Капот, "я веру больш у нажніцы, чым у аловак".

19. Паменшыце неабходнасць уводу

Напісанне з'яўляецца найбольш працаёмкім і інтэнсіўным аспектам онлайн-формаў і часта прыводзіць да памылак - асабліва з мабільнымі тэлефонамі. Замена тэкставых палёў кнопкамі і паўзункамі, а таксама выкарыстанне аўтаматычнага поўнага зніжэння намаганняў і павелічэння канверсій.

20. Скароціце форму з умоўнай логікай

Па дадзеных Marketing Insider Group, 78% карыстальнікаў Інтэрнэту заяўляюць, што асабіста адпаведны брэндавы кантэнт павялічвае намер набываць. І маркетынгавыя кампаніі на 83% менш эфектыўныя, калі гэты вопыт для карыстальніка не мае значэння.

Дзякуй Богу за ўмоўную логіку!

Умоўная логіка (альбо "логіка разгалінавання") спрашчае складаныя працэсы, даючы дадатковыя ўказанні, заснаваныя на канкрэтным адказе - ці, калі так, то ў кантэксце формы рэспандэнт бачыць толькі пытанні, якія ставяцца да іх на аснове папярэдніх Адказы.

Выкарыстанне ўмоўнай логікі скарачае час для запаўнення формы, паколькі пытанні, якія не адпавядаюць карыстачу, не адлюстроўваюцца. Гэта зніжае верагоднасць таго, што задача перад ім будзе адменена (статыстыка па скасаванні).

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

Тэорыя двайнога кадавання

Я кажу: дрэва.

Бачыце: ствол, зялёнае лісце, галінкі.

Наш мозг настолькі разумны: ён злучае выявы са словамі.

Гэта асноўны прынцып тэорыі двайнога кадавання, які сцвярджае, што ў памяці ёсць дзве розныя, але звязаныя сістэмы: адна для вербальнай інфармацыі ("дрэва") і адна для візуальнай інфармацыі (сцябло, зялёныя лісце, галіны).

Калі нешта "закадзіравана" двума спосабамі (візуальным і славесным), гэта больш верагодна, што гэта можна зразумець і запомніць, чым тады, калі кадуецца толькі адным спосабам (візуальным альбо славесным).

Іншымі словамі, спалучэнне слоў з малюнкамі палягчае іх запамінанне. Дзіцячыя кнігі робяць усё магчымае. Існуе два спосабы рэалізацыі тэорыі двайнога кадавання на практыцы пры распрацоўцы формы.

21. Візуалізаваць інфармацыю

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

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

22. Паглядзіце на колеры

Ці ведаеце вы, што 90% нашай першапачатковай ацэнкі прадукту заснавана выключна на колеры?

Па словах гуру маркетынгу Ніла Патэля, колер "85% прычын, якія вы купілі той ці іншы прадукт". Правільная камбінацыя можа палепшыць чытацкую аўдыторыю на 40%, разуменне на 73% і навучанне на 78%.

Вам не трэба быць дызайнерам, каб даведацца, якія каляровыя рашэнні і кантрасты лепш за ўсё працуюць. З такімі практычнымі праграмамі, як Adobe Color CC і Paletton, вы можаце выбраць палітру, якая адлюстроўвае імідж вашай кампаніі.

23. Зрабі сваю форму прыгожай

Мы ўпэўненыя ў тым, што прывабны дызайн лепш і іншымі спосабамі: хутчэй, разумней і зручней. Гэта вядома як "эстэтычны эфект зручнасці". Прыгожы карыстацкі інтэрфейс павялічвае наша цярпенне і вернасць і робіць нас яшчэ больш прыхільнымі да дызайнерскіх праблем.

38% людзей спыняюць прагляд старонкі, калі змест ці макет не прывабныя. Іншымі словамі, калі вашы вэб-формы не вельмі прыемна глядзець (і проста запаўняць), яны марнуюць час.

Вядома, прыгажосць у вачах гледача. Але просты карыстацкі інтэрфейс, выразнае напісанне і элегантны дызайн выйграюць у вас (прыгажосць) конкурсы.

Эфект надзеленага прагрэсу

Мы больш матываваныя да выканання задачы, калі ўяўляем прагрэс, які мы ўжо дасягнулі. Калі мы думаем, што мы маем пачатак, гэта памяншае колькасць праведзенай працы, што робіць нас больш шансамі прайсці лішнюю мілю.

Гэта вядома як "Эфект надзеленага прагрэсу", які абагульнены амерыканскімі прафесарамі Джозэфам К. Нунэсам і Ксавэрам Дрэзэ як "феномен, пры якім людзі, якія штучна працавалі на мэты, праяўляюць вялікую настойлівасць у дасягненні мэты".

Некалькі прыкладаў прымянення эфекту Надзейнага прагрэсу да формаў:

24. Шахматныя пытанні ад лёгкага да складанага

Калі вы можаце падзяліцца пытаннямі ад лёгкага ў пачатку формы да складанага ў канцы (не закранаючы лагічны парадак), карыстальнікі паскараюцца на ранніх этапах формы. Гэта, у сваю чаргу, выклікае эфект пражывання: задавальненне, якое ствараецца хуткім прагрэсам, і адчуванне дынамізму, якое неахвотна прымушае карыстальнікаў спыніць серыю. Гэта азначае, што яны працягваюць працаваць і імкнуцца затрымацца, калі форма становіцца больш патрабавальнай.

25. Праілюструйце прагрэс

Адлюструйце развіццё карыстальніка ў любы час. Чым бліжэй рэспандэнты дасягаюць сваёй мэты, тым больш яны настойваюць на яе. Калі ваша форма мае некалькі старонак, пазначце, колькі старонак яшчэ трэба запоўніць.

Даследаванне счаплення пацвярджае, што 90% людзей аддаюць перавагу вэб-формам, якія выкарыстоўваюць радкі прагрэсу для кіравання чаканнямі часу завяршэння.

Пытанні, адказы і групоўка

26. Пытанні мазгавога штурму

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

Такім чынам, ваша першае пытанне: у чым мэта вашай формы? На борце? Водгукі? Даследаванні?

Запішыце веды, якія вы хочаце атрымаць з формы, як мага дакладней. Сфармулюйце гэта як пытанні (са знакам пытання ў канцы) замест вытрымкі з цягніка думкі. Выдаліце ​​дастаткова часу, каб выдаліць і перазапусціць.

Затым запішыце некалькі магчымых адказаў, якія дадуць вам тое, што вы шукаеце.

Нарэшце, падумайце над пытаннямі, якія прывядуць вас да гэтых адказаў.

У якасці меры засцярогі пасля апытання ўлічыце працэнт чаканых адказаў на пытанне. Калі параўноўваць гэтыя ацэнкі з рэальнымі вынікамі, вы ўбачыце сляпыя плямы, якія вы павінны разгледзець у наступны раз.

Гэты дасудовы працэс таксама накіруе ваш дызайн і зэканоміць ваш час.

Навука аб палях

Паводле справаздачы аб пераўтварэнні формы, тып формы напрамую ўплывае на колькасць палёў, якія вы павінны ўключыць. Падумайце, наколькі падрабязна вам патрэбна кантэкст, у якім вы знаходзіцеся.

Зараз спытайцеся ў сябе: ці сапраўды вам, на самай справе трэба задаваць гэтае пытанне?

Адказ, напэўна, не. Нават калі мы ведаем магутнасць менш, гэта павабна пытацца шмат, калі мы зазіраем у мозг нашых карыстальнікаў.

Так, адказ на гэтае пытанне можа быць важным. Але ці так гэта важна, што варта страціць рэспандэнта?

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

Выключыце любыя дадатковыя пытанні. Калі вам трэба ўставіць іх, пералічыце іх пасля запаўнення формы.

27. Правільна групуйце пытанні

Структураванне онлайн-формаў - залог поспеху.

Пасля таго, як вы стварылі, скарацілі і ўдакладнілі канчатковы спіс пытанняў, прыйшоў час іх арганізаваць. Арганізуйце іх у групы і падгрупы з загалоўкам тэмы, які аб'ядноўвае іх, напрыклад, Кантактныя дадзеныя, досвед працы і г.д.

Зноў жа, карыстальнік павінен мець магчымасць сканаваць кожны раздзел і ведаць, што ім трэба, не чытаючы пытанняў.

28. Вызначце лагічную паслядоўнасць пытанняў

Далей ідзе загад пытанняў у спісе. Як правіла, чым бліжэй пытанні, тым бліжэй яны павінны быць фізічна.

Кожнае пытанне і раздзел павінны перанесці рэспандэнта на наступны. Вялікія прабелы або скачкі наперад блытаюць. Таму майце на ўвазе, як фігура развіваецца паэтапна ў пазнавальным парадку.

Пры дапамозе кандыцыянавання мы можам распазнаць некаторыя віды прасцей лягчэй, чым іншыя. Напрыклад, "Як вас завуць?" Перад "Дзе вы жывяце?" Вы стаіце насупраць "Які ваш досвед працы?"

29. Вырашыце "абавязкова супраць факультатыўнага і добрага"

Рэкамендуецца абмежаваць форму толькі абавязковымі пытаннямі. Неабавязковыя пытанні залішне распаўсюджваюць форму і раздражняюць карыстальніка: "Дзе вы даведаліся пра нас?", "Ці хацелі б вы атрымліваць маркетынгавыя лісты?"

Але што з пытаннямі, якія не з'яўляюцца абавязковымі, але гэта было б "прыемна мець"? Змесціце яго ў канцы формы ў якасці дадатковай працы. Такім чынам, яны адчуваюць сябе менш інвазівным і не ўплываюць на ваш каэфіцыент канверсіі.

30. Запытайцеся па адным

Пытанні з дзвюма версіямі прыводзяць да неадназначнасцей. І, як вы ўжо здагадаліся, неадназначныя адказы немагчыма вызначыць колькасна.

Пазбягайце рызык зняважлівых пытанняў, шукаючы словы "і / ці". Падзяліце пытанне напалову.

Чым выразней пытанне, тым выразнейшы адказ. Чым выразнейшы адказ, тым яснейшыя дадзеныя.

31. Дайце цэтлікі

Добрая форма стварае выразны шлях да завяршэння і асцярожна накіроўвае карыстальніка з падказкамі, падказкамі і інструкцыямі. Чым карацей гэты маршрут, тым вышэй шанцы на яго выкананне. Таму прапануйце цэтлікі, калі можаце.

Некалькі прыкладаў карысных спасылак:

Пошук паштовага індэкса

Калі вы просіце карыстальнікаў запоўніць іх адрас, лепш папрасіць нумар дома і паштовы індэкс, а потым скарыстацца паслугай пошуку, каб паказаць поўны адрас.

Тэкст запаўняльніка - гэта лёгкі тэкст, які з'яўляецца ў полі формы для апісання чаканага значэння. Яе трэба выкарыстоўваць толькі тады, калі ёсць магчымая неадназначнасць.

Назва поля

Назва поля - гэта тэкст пытання, які знаходзіцца над полем. Яны заўсёды павінны прысутнічаць і не павінны замяняць запаўняльнікі. Вызваліць прастору павабна, выкарыстоўваючы тэкст запаўняльніка. Аднак гэта прыводзіць да шматлікіх праблем юзабіліці (падсумаваныя тут).

Іншымі словамі, вы можаце мець меткі без тэксту запаўняльніка, але вы не можаце мець тэкст запаўняльніка без пазнакі.

Папярэджаныя адказы

Усе любяць загадзя зададзеныя адказы. Вы эканоміце час чытача і лёгка ацаніць.

Вы можаце загадзя задаць адказы, задаючы пытанні з так / не, адзін выбар (радыё) або некалькі варыянтаў выбару (сцяжок). Калі вы не можаце прадказаць адказ, дадайце тэкставае поле "Іншае", каб чытачы маглі ўвесці прыстасаваны адказ.

Прадказальны пошук

Калі карыстальнікам прапануецца выбраць краіну, прафесію ці што-небудзь яшчэ з вялікай колькасцю загадзя вызначаных варыянтаў, карысна прадаставіць функцыю прагназавання пошуку, каб паменшыць набраныя намаганні (і кагнітыўную нагрузку).

Мэтавая група, мэта і кантэкст формы

Іх форма складае толькі палову раўнання. Ён актыўны і не пасіўны. І гэта залежыць ад вашых рэспандэнтаў. Яны павінны быць закладзены ў аснову з самага пачатку.

Формы - гэта сродак зносін. Удзельнічаюць дзве партыі.

Пры распрацоўцы формы вы таксама павінны думаць з пункту гледжання вашых карыстальнікаў. Гэта пачынаецца з іх мэты і кантэксту.

Чаму хтосьці павінен запоўніць вашу форму? Якая ваша мэта? Запішыце

Мэта ўбудавана ў кантэкст. Зрабіце кантэкст, характэрны для вашага розуму. Дзе і як запоўніце форму? Дома? На ноўтбуку? Па мабільным тэлефоне? У метро?

Кантэкст - гэта не толькі навакольнае асяроддзе. Гаворка ідзе пра разуменне вашымі ўдзельнікамі таго, што ваша форма можа дасягнуць з іх дапамогай.

32. Ведае, з кім вы размаўляеце

Форма павінна прыцягваць увагу патрэбнай аўдыторыі - з кім складаецца гэтая аўдыторыя?

Думаючы пра шырокае, туманнае натоўп людзей, гэта не дапаможа. Калі вы хочаце засяродзіцца на адным чалавеку - альбо на "асобе пакупніка". Гэта кажа вам больш, чым любая іншая група.

Уявіце выдуманага ідэальнага кліента з працай, асобай, сям'ёй, надзеямі і марамі. Прывядзіце гэтага чалавека ў фокус. Дзе яны жывуць і працуюць? Якія вашы меркаванні і каштоўнасці? Як вы ставіцеся да свайго бізнесу?

Калі вы даведаецеся, што важна для гэтага ўяўнага чалавека, вы зможаце збіраць пытанні, якія вядуць да змястоўных дадзеных.

Гэта чалавек, да якога трэба звяртацца зноў і зноў. Гэта чалавек, адказы на які вам патрэбны.

Форма выявы і структуры

Сюрпрызы выдатна падыходзяць у дні нараджэння, але не пры запаўненні формаў. Карыстальнікі павінны адчуваць пачуццё рытму і паўтарэння, працуючы над пытаннямі, бо яны ўпэўненыя, што кнопкі, палі ўводу і ўсё астатняе супадаюць з боку ў бок.

Паслядоўнасць падтрымлівае плаўнае папаўненне формы. Гэта значыць, колеры павінны быць аднолькавымі, оптыка павінна быць аднолькавай, TOV павінна быць аднолькавай.

Які чалавек у вашай кампаніі? Якія фразы і словы перадаюць гэта? Якія вашы каштоўнасці

У JotForm мы засяроджваемся на тым, каб быць усёабдымнай, прыязнай і прызямлілася - і мова, якую мы выкарыстоўваем, гэта адлюстроўвае.

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

Візуальная кансістэнцыя таксама важная. Дапусцім візуальную ідэнтычнасць і стыль, які вы падтрымліваеце на працягу ўсёй формы (і астатнія формы, якія вы будзеце ствараць у будучыні).

33. Выраўноўваеце надпісы ў левай верхняй частцы

Даследчыкі кампаніі UX ад Google высветлілі, што выраўноўванне надпісаў над палямі злева павялічвае час, неабходны для запаўнення анкеты, бо патрабуецца меншая візуальная фіксацыя.

34. Пазбягайце задаваць пытанні побач.

Даследаванні вачэй паказалі, што простыя макеты з адным слупком лепш, чым макеты з некалькімі калонкамі з пытаннямі на бок.

Адзінае выключэнне з гэтага правіла складаецца ў тым, каб запытаць дату (дзень, месяц, год) або час (гадзіны і хвіліны), калі ў радку чакаецца некалькі палёў.

35. Паспрабуйце па адным баку

Адна рэч на старонцы - гэта псіхалагічны прыём, які вызначаецца як:

... "Разбіццё складанага працэсу на некалькі меншых частак і размяшчэнне гэтых меншых частак на ўласных экранах."

Па сутнасці, карыстальнікам трэба засяродзіцца толькі на адной важнай рэчы.

  • Інфармацыя, якую трэба зразумець.
  • Прымаць рашэнне.
  • Пытанне, на якое трэба адказаць.

Сайт без хаосу заклікае карыстальнікаў быць у курсе.

36. Выкарыстоўвайце даўжыню поля ў якасці перавагі

Заўсёды рэгулюйце шырыню поля так, каб ён быў дастаткова доўгім, каб утрымліваць усе знакі ўводу (карыстальнікі павінны мець магчымасць бачыць іх поўны запіс) і нічога больш.

Памер поля павінен паказваць, колькі тэксту павінен уводзіць карыстальнік. Полі, такія як паштовы індэкс або хатні нумар, павінны быць карацей радка.

Даследаванне зручнасці выкарыстання Інстытута Baymard паказала, што карыстальнікі задаюцца пытаннем, ці правільна яны зразумелі этыкетку, калі поле занадта доўгае ці занадта кароткае. У прыватнасці, гэта датычыцца палёў з незвычайнымі дадзенымі альбо тэхнічнай пазнакай, напрыклад, CVV (Verification Code).

Калі вы пачатковец у JotForm, вы заўсёды можаце выкарыстоўваць падручнік JotForm для дызайну формаў пры структураванні сваёй онлайн-формы. Урокі падручнікаў дапамогуць вам атрымаць максімальную аддачу ад JotForm Form Designer.

Памылкі і шлях да завяршэння пры стварэнні формы

Як і ў жыцці, пры запаўненні анкетаў можна зрабіць штосьці не так.

І як у жыцці, галоўнае - сігналізаваць пра памылкі і ўключыць хуткія выпраўленні.

37. Не спадзявайцеся толькі на колер

У 1 з 12 мужчын ёсць нейкая ступень каляровай слепаты.

Не спадзявайцеся на зялёны ці чырвоны тэкст (паслядоўнасць да чырвона-зялёнага колеру даволі частая), калі з'яўляюцца памылкі прагляду або справаздачы аб поспеху. Выкарыстоўвайце тэкст, сімвалы ці нешта іншае. Карткі JotForm папярэджвае карыстальніка з дапамогай мікраанімацыі, якая выдае "Не", калі адбылася памылка.

38. Пазначце памылкі ў радку

Пакажыце карыстачу, дзе адбылася памылка, і ўкажыце прычыну.

Калі вам трэба скарыстацца праверкай, пераканайцеся, што яна знаходзіцца ў радку (справа ад поля) і паведамляйце пра памылкі рана.

Не чакайце, калі карыстальнік націсніце Адправіць, каб паведаміць пра памылкі праверкі. Акрамя таго, праверка ўбудовы не павінна ажыццяўляцца ў рэжыме рэальнага часу, паколькі гэта, верагодна, паведамляе пра памылкі, перш чым карыстальнік запаўняе поле.

39. Выкарыстоўвайце праверку поля

Яны просяць адрас электроннай пошты і атрымаюць адказ без знака @. Вы запытваеце нумар тэлефона, і палова вашых адказаў не ўтрымлівае дастатковай колькасці лічбаў.

Памылкі набору тэксту не павінны быць перашкодай для зручнасці выкарыстання формы.

Выкарыстоўвайце праверку на месцах, каб пераканацца, што вы хочаце атрымаць адказы, напрыклад: Б. "Адказ павінен утрымліваць ___."

Карты JotForm вызначаюць адрас электроннай пошты карыстальніка, які няправільна ўвёў імя дамена. [email protected] павінна быць [email protected]

40. ... але не будзьце занадта строгімі

Калі адказы карыстальнікаў на поле вельмі розныя (напрыклад, калі вы адказваеце на нумар тэлефона +12345678912, +44 12345678912, 012345678912), пераўтварыце яго ў паслядоўны фармат.

Што такое форма аплаты?

Плацежная форма - гэта лічбавая версія касавага апарата. Ён аўтарызуе аплату ў Інтэрнэце, правярае дадзеныя карыстальніка, правярае наяўнасць крэдыту і гарантуе, што вы плаціце.

Інтэграцыя аплаты мае мноства пераваг. Яны дапамагаюць вам у гэтым

  • Прадаваць тавары ці паслугі;
  • прымяняць складаныя разлікі да гэтых продажаў, напрыклад B. Дадаць падаткі і кошт дастаўкі альбо зняць талоны;
  • Дайце апісання вашых прадуктаў, такія як выявы, колькасць, колер і параметры памеру.
  • Збірайце ахвяраванні і плацяжы ў фіксаванай суме альбо паўтарайце гэтыя плацяжы пры дапамозе падпіскі.

Пры распрацоўцы формы аплаты важна прытрымлівацца лепшых практык. Вось некалькі важных правілаў.

41. Абмежаваць этапы аплаты

Інстытут Baymard прааналізаваў формы пакупкі і выявіў, што працэс закупкі, які быў занадта доўгім ці занадта складаным, з'яўляецца адной з асноўных прычын адмены ў працэсе пакупкі. Дык парэжце палі, адрэжце і зноў парэжце.

42. Выкарыстоўвайце паказчыкі візуальнай бяспекі

Пры ўводзе сакрэтных дадзеных, напрыклад Б. рэквізіты крэдытнай карты паведамляюць пра ўсё, што здаецца сумнеўным. Нядаўняе даследаванне паказала, што 17% пакупнікоў пакінулі сайт з меркаванняў бяспекі, не плацячы.

Прафесійныя формы аплаты супакойваюць карыстальніка, тады як усё, што выглядае "знешне", прымушае нервавацца. Таму вы павінны быць асцярожнымі пры стварэнні аплатнай формы з нуля - нават найменшая памылка альбо непаслядоўнасць можа адпудзіць карыстальнікаў.

Таксама карысна ўключыць SSL у вашых формах для абароны дадзеных. Наведвальнікі могуць быць упэўнены, што ўсе ўзаемадзеянні зашыфраваны. JotForm - самы бяспечны спосаб перадачы дадзеных: Мы - PCI DSS (стандарт бяспекі дадзеных плацежнай карткі) - узровень 1, сумяшчальны і з падтрымкай SSL.

43. Растлумачце дакладна, чаму вы просіце канфідэнцыйную інфармацыю

Людзей усё больш турбуе абарона дадзеных і бяспека інфармацыі. Калі вам трэба папрасіць канфідэнцыяльную інфармацыю, выкарыстоўвайце тэкст падтрымкі пад полем, каб растлумачыць, чаму яна патрэбная.

44. Захавайце дадзеныя

Даючы карыстальнікам магчымасць захоўваць свае адрасныя і плацежныя дадзеныя, працэс становіцца больш хуткім і эфектыўным, асабліва на грувасткіх прыладах, такіх як мабільныя прылады. Гэта таксама дае кліентам, якія паўтараюць, пачуццё ўзнагароды і вернасці.

45. Як дадаць інтэграцыю аплаты ў JotForm

Крок 1. Дадайце лагатып гандлёвай маркі і ўласныя стылі.

Крок 2. Увядзіце ўліковыя дадзеныя для інтэграцыі з дапамогай кнопкі "Падключыць" альбо ўвядзіце іх непасрэдна.

Крок 3. Дадайце малюнак прадукту, дэталі прадукту, такія як колькасць, колер, памер.

Крок 4: Разлічыце ваўчары, падаткі і кошт дастаўкі.

Вы можаце выкарыстоўваць інтэграцыю заказаў для прагляду дэталяў і варыянтаў стварэння агульнага поля аплаты (уліковыя дадзеныя не патрэбныя, таму што рэальныя транзакцыі не створаны). Вы можаце бачыць імгненнае кіраўніцтва па інтэграцыі як прыклад, каб прайсці ўвесь працэс аплаты.

Крок 5. Напішыце асабістае падзячнае паведамленне (аўтаадказчык па электроннай пошце).

Усё гатова. Цяпер вы можаце лёгка прадаваць сваю прадукцыю на сайтах, у блогах ці сацыяльных медыя.

Калі вы запоўніце форму ...

Ура, малайчына! Амаль. Магчыма, ваша форма гатовая, але пакуль не прыйшоў час даслаць яе.

Ёсць некалькі заключных крокаў для разгляду.

46. ​​Праверце форму, перш чым зацвердзіць яе

Ва ўсіх нас ёсць сляпыя плямы. Калі поспех формы залежыць ад якасці дадзеных, добра будзьце ўважлівыя. Таму пераканайцеся, што вы зрабілі надзейны выбар адказаў і нічога не прапусцілі, папярэдне пратэставаўшы апытанне.

Адпраўце яго родным / сябрам і папрасіце іх увайсці, колькі часу патрабуецца, каб яны адказалі на апытанне і як яны адчуваюць плынь пытанняў. Такім чынам вы зможаце судзіць пра афармленне формы ў наступны раз.

Першапачаткова апублікавана на https://www.jotform.com