Пішінді жобалауға арналған түпнұсқа нұсқаулық: Онлайн режимінде конверсияны қалай жобалау керек

Жақында онлайн нысанын толтырдыңыз ба?

Жауап, мүмкін, иә. Соңғы зерттеулер көрсеткендей, адамдардың 84% аптасына кем дегенде бір веб-форманы толтырады.

Бірақ сіз байқамағаныңыз мүмкін, өйткені веб-формаларды толтыру біздің өміріміздің ажырамас бөлігі болып табылады.

Пайдаланушыны А-дан В-ге дейінгі кез-келген желідегі өзара әрекеттесу - бұл веб-форма: компаниямен байланыс, пойызға тапсырыс беру, тауар сатып алу, қонақ үйде тұру ...

Веб-формалар алғаш рет 1994 жылы онлайн-сатылымда қолданылды және 2006 жылдан бастап алғашқы экранда апарып тастау формалары пайда болды. Содан бері формалар интернеттегі өзара әрекеттестіктің лупингі болды.

Бұл компаниялар мен тапсырыс берушілер арасындағы қақпа. Шағын қаладағы блогтардан бастап әлемдік үкімет порталдарына дейін веб-сайтты елестету қиын.

Неліктен интернеттегі нысандар мұндай жаман атаққа ие?

Әрине, өте аз адамдар пішінді жақсы көреді. Бірақ көпшілігі анық, қысқа және жақсы жасалғанға дейін толтыруға қарсы емес.

Міне, аулау. Интернеттегі тым көп нысандар тым ұзақ, шатастыратын немесе инвазивті (және кейде үшеуі де бір уақытта).

Егер форма шатасып, ашуланса немесе қажеттіліктен көбірек талап етсе, респонденттен бас тарту қаупі жоғары. Кейбір адамдар формадан толығымен бас тартады. Басқалары жүйеден шығады. Қалай болғанда да, сізде екінші мүмкіндік болмайды.

Пішінді жасағанда респонденттердің соңғы шертілгенге дейін болуын қалай қамтамасыз ете аламыз?

«Пішінді жасау өте оңай. Қиын нәрсе - адамдарға оны толтыруға мәжбүр ету.»

Біздің 4,5 миллион қолданушыға онлайн пішіндерін құруға көмектескеннен кейін, біз JotForm-та нәзік болып көрінетін өзгерістер үлкен өзгеріс тудыратынын анықтадық. Олар көбінесе жойылғаннан өзгеретін пішінді ажыратады.

Мысалы:

  • HubSpot оқырмандардың жеке қону парағына орналастырылған кезде 14 беттен артық қорғасынды қалыптастыру формасын 17% -ға толтырады деп тапты.
  • Марко кейбір маңызды емес кен орындарының бағасы әр қорғасын үшін 25% -ға өскенін анықтады.

Пішінді жобалау? Оны интуитивті, қарапайым және достық тәжірибе жасаңыз. Бұл нұсқаулықта сіз мұны қалай білетін боласыз.

Пішіннің негізгі бөліктері

1. Респонденттерге сәлем беріңіз: тақырыбы және кіріспе

Сіз достарыңызбен сәлемдесесіз бе? Әдептіліктің қаншалықты маңызды екенін білеміз, бірақ Интернетте болғанда, олар аудармада жиі жоғалып кетеді.

Атаулар мен құттықтау парақтары сізге өзіңізді және формаңызды түсінікті және достық түрде көрсетуге және жақсы әсер қалдыруға мүмкіндік береді.

Тек BettingExpert-тен сұраңыз: олар адамдарға не себепті тіркелу керектігін көрсету үшін олардың атауын өзгерту арқылы 31,54% көбірек тіркеуді алды.

Сіздің тақырыбыңыз - алда тұрған міндеттердің ең қысқа және нақты сипаттамасы. Пайдаланушылар пішіннің мазмұнын елемейді, сондықтан егжей-тегжейлі сипаттаманы мұқият оқып шығатын кез келген адам бола бермейді. Сондықтан форманың мақсатын мүмкіндігінше аз сөзбен түсіну өте маңызды.

Атаудан кейін респондент формадан не күтетіні туралы қысқаша сипаттауға болады. Мұны мүмкіндігінше бейтарап ұстаңыз: сіз респонденттердің сіздің үміттеріңізді ақтауға тырысқаннан гөрі, адал жауап бергеніне көз жеткізгіңіз келеді. Мақсатты суреттеу сияқты қарапайым нәрсе де респондентті бұл мақсатқа жетуге тырысуы мүмкін.

Қазір сұхбат алушы алдын-ала жинауға тиісті барлық сыртқы құжаттарды тізімдейтін уақыт келді - ешкім үйді аралап, өзінің Р45 немесе паспортын іздеуді қаламайды.

Егер сіздің формаңызды толтыруға біраз уақыт кетсе, алдын-ала пайдаланушыларға хабарлаңыз. Бірақ егер бұл тез және оңай? Өзіңізді жағымды таң қалдырыңыз (яғни сіз біреудің ақпаратын қорлаудың қажеті жоқ.) Сіз мұны прогресс жолағына немесе өрістердің санына қарап анықтай аласыз.

2. Қатысты тақырыптар мен субпозицияларды орналастырыңыз

Күлкілі факт: адамдар алғашқы әсерлерін 50 миллисекундта қалыптастырады. Спойлер: Бұл сіздің көшірмеңізді мұқият оқып шығу үшін жеткіліксіз.

Нысандарға жауап бергендер жалаңаш заттардан бас тартып, қалғандарын елемеуі мүмкін. Олар тәжірибе жинауға асығып, алаңдауы мүмкін немесе әдетте шыдамсыз болуы мүмкін.

Жеткілікті. Біз оларды тоқтата алмаймыз, сондықтан біз оларды да бағыттай аламыз: хрустальды таза, қысқа жазумен. Тақырыптар сіздің жаңа жақын досыңыз: олар мәтінді нақтылайды, оны бөлшектейді, құрылымдайды және пайдаланушылармен байланыста болады.

Пайдаланушылар тақырыпқа қарап, қалған мәтінді оқымай не күтіп тұрғанын бірден білулері керек.

Мұны тексерудің ең жақсы әдісі - тақырыптарды оқшау оқып шығу. Олар әлі күнге дейін мағынасы бар ма?

3. Бөлгіштерге сұрақтар қойыңыз

Бөлушілер маңызды. Дәстүрлі нысандарда бөлгіштерді қолдану визуалды сұрақтардың үлкен жүктемесін азайтудың жақсы әдісі болып табылады. Көрнекіден үлкен айырмашылық болуы керек емес, және тым көп контраст алаңдатуы мүмкін.

4. Көп бетті немесе бір парақты бланкілерді қолданғыңыз келетінін шешіңіз

Бұл бөлімдердің санына байланысты.

Егер бір немесе екі тақырып болса, онда бір парақ формасы - ең жақсы таңдау. Алайда, егер формада бірнеше бөлімдер болса, сөйлесуді тоқтату үшін бірнеше бет қажет. Алғашқы әсерлер туралы ойлаңыз: пайдаланушы жүздеген өрістерді қамтитын бір парақтық пішінді көрген кезде қорқыныш сезінуі мүмкін.

5. Әрекеттерге қоңырауларды бөлектеу (CTAs)

Сәтті CTA-лар ACTION бөлігін ерекше атап өтеді: пайдаланушы осы батырманы басқанда не істейді? «Жіберу», «Жіберу» немесе «Процесс» сияқты жалпы белгілер үзілмейді. Неғұрлым мағыналы болса, соғұрлым жақсы болады.

Белгісіздікке жол бермеу үшін пайдаланушының көзқарасы бойынша «Мен қалаймын ...» сұрағына жауап беріңіз. Мысалы, егер бұл қызметке сұрау салу нысаны болса, онда ол «тегін кеңес алуды сұрай алады».

Сізге көбірек сендіру керек пе? Бұл зерттеуде Unbounce «ақысыз сынақ нұсқасын» бастап «ақысыз сынақты бастауға» ауысу әрекетке шақыруды 90% арттырғанын анықтады.

6. Пішін өрістерін анықтаңыз

Қазір толқудың уақыты емес.

Радио өрістер, таңдау өрістері және құсбелгілер қарапайым және таныс болғандықтан жұмыс істейді. Форма элементтерін стандартты форматтау жақсырақ қолдануға әкеледі.

Радио түймелерін бірнеше опциялар болған кезде пайдалануға болады және тек біреуін таңдауға болады. Егер бірнеше параметрлер таңдалса, құсбелгілер жақсы жұмыс істейді.

Мүмкіндігінше, ашылмалы тізімдердің орнына құсбелгі мен радио батырмаларын қолданыңыз, себебі өңдеу танымдық жүктемені аз алады. Лука Вроблвски бір кездері айтқандай, «құлдырау соңғы қолданушы интерфейсі болуы керек».

7. Алғыс айту парағын ешқашан ұмытпаңыз

Есіңізде болсын, сіздің респонденттеріңіз сізге уақыттың бір бөлігін берген адамдар. Сондықтан кенеттен аяқтамаңыз, бірақ әрқашан «рахмет» деп айтыңыз.

Адамдарды тыңдау үшін қалай жазу керек

Пайдаланушылар оларды толтыра алатын пішіндерді жазуға арналған бірнеше кеңестер.

8. Жай сөйлеңіз

Пішіндер туралы сөз болғанда, біз бәрімізге қарапайым тілді, оның ішінде академиктерді, генийлер мен сарапшыларды да таңдайды. Неліктен көптеген интернеттегі әңгімелер оларды тезаурус арқылы артқа жылжытқандай естіледі?

«Біздің шын жүректен кешірім сұраймыз. Біз сіздің пікіріңізді әлі де бағалаймыз. Одан басқа ... »

Сіздің ескі колледжіңіздің профессоры сияқты жазу оқырмандарды еліктіріп, көздерін жұмыр етеді.

Қарапайым әрдайым ақымақ емес - ол бірден түсінікті. Бұл қарапайым ағылшын тілін білдіреді. Әрбір сөз ең қысқа және қарапайым нұсқасы болуы керек - бұл «бірақ» орнына «бірақ» дегенді білдіреді. Жаргон жоқ, күрделі сөйлемдер жоқ.

Үйлесімділікті тексеру үшін мәтінді дауыстап оқып шығыңыз. Сіздің көзіңіз көре алмайтын нәрсені естуіңіз мүмкін, әсіресе сіздің жазуларыңыз көп жерде орналасқан жерлерде.

9. Жеке жасаңыз

Форма сіз бен респондент арасындағы достық әңгіме сияқты сезілуі керек. «Мен», «сіз» және «сіздің» сияқты есімдіктерді пайдаланып, оны жеке етіңіз.

10. Пассивті сөйлемдерді жойыңыз

Жазу белсенді болған кезде көбірек ұрады (Джон шағым хатын жазды), пассивті емес (Джон шағым жазды).

Пассивті жазу әдетте ұзағырақ және аз бағытталған.

Сөйлемнің енжар ​​екенін қалай білуге ​​болады? Міне, екі өлі сыйлық:

  • Әрекетті орындайтын тақырып түсініксіз (хат жазылған) немесе
  • Сөйлемде «болу» (болған, болды ...) етістігі қатысып (мысалы, «жазылған») қолданылады.

Әлі де сенімді емессіз бе? Microsoft Word оқылым статистикасы немесе Purdue парамедиялық әдісі арқылы пассивтерді іздеуге болады.

11. Мүмкіндігінше көп сөзді қиып алыңыз

Көптеген жазушылар неғұрлым көп сөз қолданса, ақылдылықтың тұзағына түседі. Олай емес. Жазу формалары туралы - немесе шрифтің кез-келген түрі - сөздерді кесу әрқашан оларды қосқаннан гөрі тиімдірек болады.

«Кескен әр сөзіңіз үшін сіз оқырманды жеңесіз».

Мәтін ұқыпты, дәйекті, тартымды және қажетсіз сөздерді мұқият тексергенде дәлірек болады.

Кесудің пайдалы учаскелері:

Сөйлемдер (іштей аяқталатын сөздер).

Маңызды емес іріктеушілер (көп, көп).

Бос күшейткіштер (өте, өте, өте).

«Сол» деген сөз.

Қажет емес ақпарат.

Бұлыңғыр сөздер (зат, аз, көп).

12. Сөздердің келісілген нұсқаларын қолданыңыз

Толыққанды баламалардың (мүмкін емес, мүмкін емес) орнына сөздердің келісілген нұсқаларын (мысалы, мүмкін емес, мүмкін емес) пайдалану оңай, мейірімді және әңгімелесуге көмектеседі.

Сіз сонымен қатар орын үнемдейсіз. Жақсы формалар әрқашан кең.

Бұл дегеніміз не. Қарапайым.

13. Ұзақ сөйлемдерді бөліңіз

Ұзақ, мағыналы сөйлемдер көп нәрсені тудырады. Мәтіннің тығыз блоктары.

Көптеген оқырмандар үшін бір сөйлемде 20 сөзге дейін және бір абзацқа үш сөйлемнен - ​​дұрыс. Біраз ұзағырақ екі бөлікке бөліңіз. Қысқа сөйлемдер кем түспейді.

Орындар, оқтар, үстелдер - ауыр нұсқаулардың тұмауын бұзатын кез-келген нәрсе - сіздің оқырмандарыңызға жеңілдік сезімін тудырады.

14. Жазбаның мазмұнын тексеріңіз

Блогқа сапар барысында мен жақсы жазудың 30% композиция мен 70% редакциялау болатынын білдім.

Сұрақтарыңызды толтырғаннан кейін, сөздердің санын азайтып, барлығын көрсетіп, форманы қойыңыз. Бірнеше күн қайнатыңыз. Ол жаққа оралғанда, сіз бірінші рет танымайтын бос жерлерді таба аласыз.

Пішіндердің психологиясы

UX психологиясының көптеген қағидалары біздің психикамызға енеді, сондықтан біз оларды байқамаймыз - ол жерде болмаса.

Бірақ кез-келген түс, қаріп, жол және батырма мақсатқа сай келеді.

Күнделікті шағын дизайн бірнеше миллиард долларлық маркетингтік науқандар сияқты әсерлі болмауы мүмкін. Бірақ бұл аз ойлау керек дегенді білдірмейді. Адамдардың көңілін көтеретін психологияны түсіну өте қызықты және тегін.

Жақсы ойластырылған формалардың берік негізін құрайтын бірнеше маңызды психологиялық принциптер.

15. Шығындар мен артықшылықтарды салыстырыңыз

Қоқыс тастағаннан бастап жұмысқа кіріскенге дейінгі кез келген шешім біздің санамызда шығындар мен шығындар туралы автоматты талдаудан өтеді. Тапсырманың шығындары оны аяқтағаннан пайда көре ме?

Көрінетін пайда шығындардан әрқашан артық болатындығын дизайнер шешеді.

Әрине, шығындар мен шығындар арақатынасы субъективті, сондықтан нысандарды толтыру әдетте респонденттердің күткен әрекеті емес, міндеттеме нәтижесінде туындайды. Егер респонденттерге сыйақы ұсынбасақ, біз артықшылықтарды қамтамасыз ете алмаймыз. Бірақ біз шығындарды азайтуға болады.

Респонденттерге шығындарды азайтудың бірнеше маңызды стратегиясы:

16. Мәтінді блоктау

+ 1–919–555–2743 - 19195552743 vs.

Сіздің миыңызда қандай телефон нөмірі бар? Бірінші, әрине. Бұл кесектерге кесілгендіктен.

Chunking сақтаудың практикалық әдісі: біз оны банктік PIN-кодтар, әлеуметтік қауіпсіздік нөмірлері мен құлыптау кодтары үшін қолданамыз. Мазмұнды сақтау, өңдеу және шығаруды жеңілдететін ақпаратты «бөліктерде» орналастыру процесіне жатады.

Зерттеулерге сәйкес, үшеуі - адамдар ақпаратты жинауға және алуға мүмкіндік беретін сиқырлы сан. Мұны мүмкін болған кезде қолданыңыз: абзацтар, тізімдер, маңызды қадамдар үшін ...

17. Пішімдеу талаптарын анықтаңыз

Мүмкін болса, пішімдеу ережелерінен аулақ болыңыз. Егер олар қажет зұлымдық болса, оларды қызыл қаламмен жазыңыз. Пішінді толтыру кезінде ойындарды болжауды ешкім ұнатпайды. Парольге қойылатын талаптар, синтаксистік ережелер, нөмірленген интервал: егер нақты енгізу қажет болса, оны көрінетін етіп жасаңыз.

Хикс заңы

Кешкі ас болғанда, мен әрқашан ингредиенттерімді үлкен азық-түлік дүкендерінен емес, жергілікті дүкеннен сатып аламын. Бұл тым көп нұсқалардың жиі паралич сезінуіне байланысты. Бұл Хикс заңы: онда неғұрлым көп таңдау жасасақ, соғұрлым шешім қабылдауға көбірек уақыт кететіні айтылады.

UX-ге қолданған кезде Хикс заңы қасақана жоюға мүмкіндік береді: навигация опцияларын шектеу және пайдаланушыларға нақты, бірақ шектеулі опциялар ұсыну. Дизайн икемділігінің жоғарылауымен пайдаланушыға ыңғайлылық та төмендейді.

Кем шынымен көп.

Хикс заңын іске асырудың кейбір жолдары:

18. Абайсызда кесіңіз (қайтадан)

Бұл байланыстың мақсаты неде? Немесе осы оң жақтағы батырма? Егер ол қосылмаса, ол жойылады. 100% талап етілмейтін көшірменің, суреттің, қоңыраудың немесе ысқырықтың әр сөзі сіздің формаңыздың өзгеру жылдамдығын төмендетеді.

Нил Пател бір өрісті алып тастау арқылы байланыс нысанын жеткізу жылдамдығын 26% арттырды.

Труман Капоте бір кездері айтқандай: «Мен қарындашқа қарағанда қайшыға көбірек сенемін».

19. Теру қажеттілігін азайтыңыз

Жазу интернеттегі формалардың көп уақытын және интенсивті аспектісі болып табылады және көбінесе қателіктерге әкеледі - әсіресе ұялы телефондарда. Мәтіндік өрістерді батырмалармен және жүгірткілермен алмастыру және авто-толтыруды қолдану күштерді азайтады және түрлендіруді арттырады.

20. Шартты логикамен формаңызды қысқартыңыз

Marketing Insider Group мәліметтері бойынша, Интернетті пайдаланушылардың 78% -ы жеке брендтік мазмұнды сатып алу ниетін арттыратынын айтады. Тәжірибе пайдаланушыға қатысты болмаса, маркетингтік науқандар 83% тиімді болмайды.

Құдайға шүкір шартты логика!

Шартты логика (немесе «тармақталған логика») белгілі бір жауапқа негізделген қосымша нұсқаулар беру арқылы күрделі процестерді жеңілдетеді - немесе егер солай болса, онда форма контекстінде респондент тек алдыңғы сұрақтарына негізделген сұрақтарды көреді. Жауаптар.

Шартты логиканы қолдану нысанды толтыру уақытын қысқартады, себебі пайдаланушыға қатысты емес сұрақтар көрсетілмейді. Бұл оның алдындағы міндеттің жойылу ықтималдығын төмендетеді (күшін жою туралы статистика).

Ия, бұл қарапайым мағынадағы сияқты естіледі, бірақ көптеген формалар, кім екеніне қарамастан, әр қолданушыға бірдей сұрақ қояды. Шартты логиканы пайдалану жеңіске жететін жағдай болып табылады, өйткені пайдаланушының сегменттерін нақты анықтай отырып, сіз таза және пайдалы деректерді жинайсыз.

Қос кодтау теориясы

Мен айтамын: ағаш.

Көріп отырсыз: магистральды, жасыл жапырақтар, бұтақтар.

Біздің миымыз өте ақылды: суреттерді сөзбен байланыстырады.

Бұл екі кодтау теориясының негізгі қағидасы, бұл жадта екі түрлі, бірақ қосылған жүйелер бар, олардың бірі ауызша ақпаратқа («ағаш») және екіншісі визуалды ақпаратқа (сабақтар, жасыл жапырақтар, бұтақтар) арналған.

Бір нәрсені екі жолмен (көрнекі және ауызша) «кодталған» кезде, оны бір жолмен (визуалды немесе ауызша) кодталғаннан гөрі түсіну және есте сақтау мүмкіндігі көбірек болады.

Басқаша айтқанда, сөздерді суреттермен жұптастыру олардың есте сақтауын жеңілдетеді. Мұны балалар кітаптары жақсы жасайды. Пішінді жобалау кезінде қос кодтау теориясын практикада қолданудың екі әдісі бар.

21. Ақпаратты визуализациялау

Біздің миымыз суреттерді мәтінге қарағанда тезірек өңдейді. Символдар, кескіндер және кескіндер сияқты кеңестерді қолдану - сіздің көзқарасыңызды көрсетуге көмектесетін кез-келген нәрсе - пайдаланушы тәжірибесін интуитивті етеді.

Пішіннің дизайны бірізді болуы керек, бірақ бұл кішігірім тосын сыйларды ескеруге болмайды дегенді білдірмейді. UI стандартты емес визуалды элементтерін, мысалы, басылатын кескіндер мен сырғытпаларды ауыстырып қосқышты қолдану арқылы толтырудың формаларын қызықты әрі интуитивті етуге болады.

22. Түстерге қараңыз

Сіз тауарды алғашқы бағалауымыздың 90% -ы тек түске негізделгенін білесіз бе?

Маркетингтік гуру Нил Пателдің айтуы бойынша түс - «белгілі бір өнімді сатып алудың 85%». Дұрыс үйлесімділік оқырманды 40%, түсінуді 73% және оқуды 78% жақсарта алады.

Қандай түсті схемалар мен қарама-қайшылықтар жақсы жұмыс істейтінін білу үшін сізге дизайнер болу қажет емес. Adobe Color CC және Paletton сияқты практикалық бағдарламалардың көмегімен сіз өзіңіздің компанияңыздың имиджін көрсететін бояғышты таңдай аласыз.

23. Пішінді әдемі етіп жасаңыз

Біз тартымды дизайнның басқа жолдармен де жақсы екендігіне сенімдіміз: тезірек, ақылды және ыңғайлы, әрі ыңғайлы. Бұл «эстетикалық ыңғайлылық эффектісі» ретінде белгілі. Әдемі қолданушы интерфейсі біздің шыдамдылығымыз бен адалдығымызды арттырады және дизайн мәселелеріне бізді одан әрі жанашыр етеді.

Егер мазмұн немесе орналасу тартымды болмаса, адамдардың 38% -ы параққа қарауды тоқтатады. Басқаша айтқанда, егер сіздің веб-формаларыңыз жағымсыз болса (және толтыруға оңай), олар уақытты ысырап етеді.

Әрине, сұлулық көрушінің назарында. Бірақ қарапайым пайдаланушылық интерфейс, анық жазу және талғампаз дизайн сізге (сұлулық) конкурстарда жеңіске жетеді.

Берілген прогресс эффектісі

Біз алға қойған жетістіктерімізді елестете алсақ, тапсырманы орындауға көбірек ынталанамыз. Егер біз басымызды бастаймыз деп ойласақ, онда бұл қосымша жұмыстың өтуіне мүмкіндік туғызатын жұмыс көлемін азайтады.

Бұл американдық профессорлар Джозеф С. Нунес және Ксавье Дрезе тұжырымдайтын «Берілген прогресс эффектісі» деп аталады, «мақсатқа жасанды түрде жұмыс істеген адамдар мақсатқа жетуде табандылық танытатын құбылыс» деп атайды.

Анықталған прогресс әсерін формаларға қолданудың бірнеше мысалдары:

24. Оңайдан қиынға дейінгі күрделі сұрақтар

Егер сіз сұрақтарды пішіннің басында оңай және аяғындағы қиынға дейін бөлісе алсаңыз (логикалық тәртіпке әсер етпестен), пайдаланушылар форманың алғашқы сатыларында тездетіледі. Бұл өз кезегінде жолақтардың әсерін тудырады: жылдам прогреске негізделген қанағаттану және пайдаланушылардың жолды тоқтатуға мәжбүр етпейтін динамизм сезімі. Бұл дегеніміз, олар жұмыс істеуді жалғастырады және форма неғұрлым талап етілген кезде жабысып қалуға бейім болады.

25. Ілгерілеуді суреттеңіз

Пайдаланушының дамуын кез-келген уақытта көрсетіңіз. Респонденттер мақсатына неғұрлым жақын болған сайын, соған ұмтылады. Егер сіздің формаңыз көп бетті болса, әлі қанша бетті толтыру керектігін көрсетіңіз.

Clutch зерттеуі адамдардың 90% -ы өздерінің аяқталу уақытының күтілуін басқару үшін прогресс жолақтарын қолданатын веб-формаларды қалайтындығын растайды.

Сұрақтар, жауаптар және топтастыру

26. Миға шабуыл сұрақтары

Барлық формалар сұрақтарға негізделген. Миға шабуыл туралы сұрақтарға келгенде, мақсаттан басталып, артқа жұмыс жасағаныңыз жөн.

Сіздің бірінші сұрағыңыз: формаңыздың мақсаты не? Ол бортта ма? Кері байланыс? Зерттеу?

Нысаннан алғыңыз келетін білімді мүмкіндігінше дәл жазып алыңыз. Мұны өз ойыңыздан алынған үзінділердің орнына сұрақтар түрінде қалыптастырыңыз (соңында сұрақ белгісімен). Жою және қайта іске қосу үшін жеткілікті уақыт алыңыз.

Содан кейін сіз іздеген нәрсені беретін бірнеше мүмкін жауаптарды жазыңыз.

Соңында, сізді осы жауаптарға апаратын сұрақтар туралы ойланыңыз.

Сауалнамадан кейінгі сақтық шарасы ретінде сұраққа жауаптардың пайыздық мөлшеріне назар аударыңыз. Егер сіз осы бағаларды нақты нәтижелеріңізбен салыстырсаңыз, сіз келесі жолы қарастыру керек соқыр жерлерді көресіз.

Бұл сотқа дейінгі процесс сонымен қатар сіздің дизайнды басқаруға және уақытты үнемдеуге көмектеседі.

Өрістер туралы ғылым

Пішінді түрлендіру туралы есепке сәйкес, форма түрі сіз қамтуыңыз керек өрістер санына тікелей әсер етеді. Мазмұны үшін қанша бөлшек керек екенін мұқият ойластырыңыз.

Енді өзіңізге сұрақ қойыңыз: сіз шынымен де, шынымен де, осы сұрақты қоюыңыз керек пе?

Жауап жоқ шығар. Біз аз күшті білсек те, пайдаланушыларымыздың миына үңілгенде, көп нәрсе сұрағысы келеді.

Ия, бұл сұрақтың жауабы маңызды болуы мүмкін. Бірақ респондентті жоғалтудың маңыздылығы сонша?

Пайдаланушыларыңыздың ынтымақтастығы қажет. Әрбір қосымша өріс форманың толтырылу ықтималдығын азайтады. Барлық мүмкін сұрақтар мен жауаптарды санап болғаннан кейін, мүмкіндігінше көп бөліп көріңіз. Деректерді жинаудың басқа тәсілдері туралы ойланыңыз және сұрақ туындауы, кейінге қалдырылуы немесе толығымен алынып тасталуы мүмкін екенін ойлаңыз.

Қосымша сұрақтарды жойыңыз. Егер сізге оларды енгізу керек болса, форманы толтырғаннан кейін оларды тізімге алыңыз.

27. Сұрақтарды дұрыс топтаңыз

Интернеттегі нысандарды құрылымдау - сәттіліктің кепілі.

Сұрақтардың қорытынды тізімін жасағаннан кейін, қысқартқаннан және нақтылағаннан кейін, оларды ұйымдастырудың уақыты келді. Оларды топтастыратын тақырып тақырыбымен топтарға және кіші топтарға бөліңіз, мысалы Байланыс мәліметтері, жұмыс тәжірибесі және т.б.

Тағы да, пайдаланушы әр бөлімді сканерлеп, сұрақтарды оқымай-ақ не қажет екенін білуі керек.

28. Сұрақтардың логикалық реттілігін анықтаңыз

Келесі - тізімдегі сұрақтар реті. Әдетте, мәселелер неғұрлым жақын болса, физикалық тұрғыдан жақсырақ болуы керек.

Әр сұрақ пен бөлім респондентті келесіге ауыстыруы керек. Үлкен олқылықтар немесе алға секіру шатастырады. Сондықтан пішін қалай белгілі бір сатыда дамитынын есте сақтаңыз.

Кондиционер арқылы біз ағынның кейбір түрлерін басқаларына қарағанда оңайырақ біле аламыз. Мысалы, «сіздің атыңыз кім?» «Сен қайда тұрасың?» «Сіздің жұмыс тәжірибеңіз қандай?»

29. «Міндетті және міндетті емес - жақсы» шешім қабылдаңыз

Сіздің формаңызды тек міндетті сұрақтармен шектеу ұсынылады. Қосымша сұрақтар форманы қажетсіз түрде кеңейтеді және пайдаланушыны ашуландырады: «Сіз біз туралы қайдан білдіңіз?» «Маркетингтік электрондық хаттарды алғыңыз келе ме?»

Міндетті емес, бірақ «жақсы» болатын сұрақтар туралы не деуге болады? Қосымша қосымша ретінде оны форманың соңында қойыңыз. Осылайша, олар аз инвазивті сезінеді және сіздің айырбастау жылдамдығына әсер етпейді.

30. Бірден бір нәрсе сұраңыз

Екі нұсқасы бар сұрақтар түсініксіздікке әкеледі. Сіз - білдіңіз - екіұшты жауаптарды санау мүмкін емес.

«Және / немесе» сөздерін іздеу арқылы сұрақтардың туындау қаупін болдырмаңыз. Сұрақты жартысына бөліңіз.

Сұрақ неғұрлым айқын болса, жауап неғұрлым айқын болады. Жауабы неғұрлым айқын болса, деректер соғұрлым анық болады.

31. Төте жолдар беріңіз

Жақсы форма аяқтаудың нақты жолын жасайды және пайдаланушыны нұсқаулармен, нұсқаулармен және нұсқаулармен мұқият басқарады. Бұл маршрут неғұрлым қысқа болса, соғұрлым аяқтау мүмкіндігі соғұрлым жоғары болады. Мүмкін болса, төте жолдарды ұсыныңыз.

Пайдалы сілтемелердің бірнеше мысалдары:

Пошта индексін іздеу

Пайдаланушыларға мекен-жайын толтыруды сұрағанда, үй нөмірін және индекс кодын сұраған дұрыс, содан кейін мекен-жайын толық көрсету үшін іздеу қызметін пайдалану керек.

Толтырғыш мәтін - бұл күтілетін мәнді сипаттайтын пішін өрісінде пайда болатын жеңіл мәтін. Оны тек мүмкін болатын түсініксіздік болған кезде ғана қолдану керек.

Өріс атауы

Өрістің аты - өрістің үстінде орналасқан сұрақ мәтіні. Олар әрқашан болуы керек және оларды толтырғыштар алмастырмауы керек. Толтырғыш мәтінді затбелгі ретінде пайдалану арқылы орын босатуға болады. Алайда, бұл көптеген пайдалану проблемаларына әкеледі (қысқаша осында келтірілген).

Басқаша айтқанда, сіз толтырғыш мәтінсіз белгілерге ие бола аласыз, бірақ сіз толтырғыш мәтінсіз белгілерсіз бола алмайсыз.

Алдын ала анықталған жауаптар

Бәрі алдын-ала жауаптарды жақсы көреді. Сіз оқырман уақытын үнемдейсіз және оны бағалау оңай.

Жауаптарды «иә / жоқ», «бір таңдау» (радио) немесе бірнеше таңдау (құсбелгі) бар сұрақтар қою арқылы алдын-ала анықтауға болады. Егер жауапты болжай алмасаңыз, оқырмандар өздері жауап бере алатындай етіп «Басқа» мәтін ұясын қосыңыз.

Болжам бойынша іздеу

Пайдаланушылардан өз елін, мамандығын немесе басқа алдын ала анықталған опцияларын таңдауды сұрағанда, теру әрекетін (және танымдық штаммды) азайту үшін болжалды іздеу функциясын ұсынған пайдалы.

Мақсатты топ, форманың мақсаты мен мазмұны

Олардың формасы теңдеудің жартысы ғана. Ол белсенді және енжар ​​емес. Бұл сіздің респонденттеріңізге байланысты. Олар басынан бастап шеңберге енуі керек.

Пішіндер байланыс құралы. Екі партия қатысады.

Пішінді жасау кезінде сіз өзіңіздің пайдаланушыларыңыздың көзқарасы бойынша ойлануыңыз керек. Бұл олардың мақсаты мен контекстінен басталады.

Неліктен біреу сіздің формаңызды толтыруы керек? Сіздің мақсатыңыз не? Жазыңыз

Мақсат контекстке енгізілген. Мазмұнды өзіңіздің ойыңызға нақты етіп жасаңыз. Нысанды қайда және қалай толтырасыз? Үйде ме? Ноутбукта ма? Ұялы телефонда ма? Метрода?

Контекст тек қоршаған орта емес. Бұл сіздің қатысушыларыңыз сіздің формаңыздың көмегімен не нәрсеге қол жеткізуге болатындығын түсіну туралы.

32. Кіммен сөйлесетініңді біледі

Форма дұрыс аудиторияның назарын аударуы керек - бұл аудитория кім?

Тұман көп адамдарға ойлау көмектеспейді. Егер сіз бір адамға немесе «сатып алушының жеке басына» назар аударғыңыз келсе. Бұл сізге басқа топтарға қарағанда көбірек айтады.

Жұмысы, жеке басы, отбасы, үміттері мен армандары бар ойдан шығарылған мінсіз тұтынушыны елестетіңіз. Бұл адамды назарыңызға аударыңыз. Олар қайда тұрып, жұмыс істейді? Сіздің пікіріңіз бен құндылықтарыңыз қандай? Сіздің бизнесіңізге қандай қатысы бар?

Егер сіз осы қиялды адам үшін не маңызды екенін білсеңіз, маңызды деректерге әкелетін сұрақтарды жинай аласыз.

Бұл сізге қайта-қайта сілтеме жасау керек адам. Бұл сізге жауаптар керек адам.

Кескін және құрылым

Туған күнде тосынсыйлар өте жақсы, бірақ нысандарды толтырған кезде емес. Пайдаланушылар сұрақтар арқылы жұмыс істеген кезде ритм мен қайталау сезімін сезінулері керек, өйткені олар түймелер, енгізу өрістері және басқалардың бәрі бір-біріне ұқсас екеніне сенімді.

Жүйелілік форманы толығымен толтыруды қолдайды. Демек түстер бірдей, оптика бірдей, TOV бірдей болуы керек.

Сіздің компанияңыз қандай адам? Мұны қандай тіркестер мен сөздер білдіреді? Сіздің құндылықтарыңыз қандай?

JotForm-те біз инклюзивті, мейірімді және жер бетінде болуға көңіл бөлеміз - біз қолданатын тіл мұны көрсетеді.

Сіздің бренд реңіңізді анықтағаннан кейін оны барлық формада сақтаңыз - сіздің клиентіңіз әр қадам сайын бір мейірімді адаммен қарым-қатынас жасағандай сезінуі керек.

Көрнекіліктің жүйелілігі де маңызды. Сіз өзіңіздің барлық нысандарыңызда сақтайтын визуалды сәйкестендіргішті және стильді (және болашақта жасайтын қалған нысандарды) ойлаңыз.

33. Жапсырмаларды жоғарғы сол жаққа туралаңыз

Google UX зерттеушілері сол жақтағы өрістердің үстіндегі белгілерді теңестіру форманы толтыруға кететін уақытты көбейтетінін анықтады, себебі визуалды аз бекіту қажет болды.

34. Бір-біріне сұрақтар қоюдан аулақ болыңыз.

Көзді бақылау бойынша зерттеулер қарапайым бір бағаналы орналасулар бүйірден қойылған сұрақтармен көп бағанға қарағанда жақсы екенін көрсетті.

Бұл ережеден жалғыз ерекшелік - күнді (күнді, айды, жылды) немесе уақытты (сағат пен минутты) қатардан бірнеше өрісті күту.

35. Бір жағынан көріңіз

Бір параққа бір нәрсе - бұл психологиялық әдіс, ол былай анықталады:

... «Күрделі процесті бірнеше кішігірім бөліктерге бөліп, осы кішкентай бөліктерді өз экрандарына орналастыру.»

Негізінде, пайдаланушылар тек бір маңызды нәрсеге назар аударуы керек.

  • Түсінуге болатын ақпарат.
  • Шешім қабылдау.
  • Жауап берілетін сұрақ.

Шынайы хаоссыз сайт қолданушыларды жаңаруға шақырады.

36. Өріс ұзындығын артықшылық ретінде пайдаланыңыз

Әрдайым өрістің енін оның барлық таңбаларын (пайдаланушылар өздерінің толық жазбасын көре алатындай) және одан артық болмайтындай етіп реттеңіз.

Өріс мөлшері пайдаланушы қанша мәтін енгізу керек екенін көрсетуі керек. Пошта коды немесе үй нөмірі сияқты өрістер мекенжай жолынан қысқа болуы керек.

Баймард Институты жүргізген зерттеу нәтижелері пайдаланушылар егер өріс тым ұзақ немесе тым қысқа болса, бұл белгіні дұрыс түсінетіндігіне күмәнданады. Бұл, атап айтқанда, ерекше деректері жоқ өрістерге немесе CVV (Card Verification Code) сияқты техникалық затбелгіге қатысты.

Егер сіз JotForm үшін жаңадан болсаңыз, онда сіз өзіңіздің желідегі пішінді құрылымдау кезінде әрдайым JotForm оқулығын пішінді жобалау үшін қолдана аласыз. Оқулықтағы бейнелер сізге JotForm Form Designer мүмкіндігін тиімді пайдалануға көмектеседі.

Пішінді құру кезіндегі қателер және аяқталу жолы

Өмірдегідей, формаларды толтырған кезде дұрыс емес нәрсе жасауға болады.

Өмірдегі сияқты, бастысы - қателіктер туралы сигнал беру және тез түзетулерді қосу.

37. Тек түстерге сенбеңіз

12 ер адамның 1-еуі белгілі бір дәрежеде түрлі түсті соқырлыққа ие.

Қателер немесе сәттілік туралы есептер пайда болған кезде жасыл немесе қызыл мәтінге сенбеңіз (қызыл-жасыл түстердің соқырлығы өте жиі кездеседі). Мәтінді, символдарды немесе басқа нәрсені пайдаланыңыз. JotForm карталары қолданушыға қате туындаған жағдайда «Жоқ» дірілдейтін микро анимация туралы ескертеді.

38. Жолдағы қателерді көрсетіңіз

Қате пайда болған пайдаланушыны көрсетіңіз және себебін көрсетіңіз.

Тексеруді пайдалану қажет болса, оның енгізілгеніне көз жеткізіңіз (өрістің оң жағында) және қателер туралы ертерек хабарлаңыз.

Тексеру қателері туралы есеп беру үшін пайдаланушының Жіберу түймесін басуын күтпеңіз. Сонымен қатар, кірістіруді тексеру нақты уақытта жасалмауы керек, өйткені қолданушы өрісті толтырмастан бұрын қателер туралы хабарлауы мүмкін.

39. Өрісті тексеруді қолданыңыз

Олар электрондық пошта мекен-жайын сұрайды және @ белгісінсіз жауап алады. Сіз телефон нөмірін сұрайсыз және жауаптардың жартысында цифрлар жоқ.

Теру қателері сіздің формаңыздың қолайлылығына кедергі болмауы керек.

Сізге қажетті жауаптарды алу үшін өрісті тексеруді пайдаланыңыз, мысалы: B. «Жауапта ___ болуы керек.»

JotForm карталары домен атауын қате енгізген пайдаланушының электрондық пошта мекенжайын анықтайды. [email protected] [email protected] болуы керек.

40. ... бірақ қатал болмаңыз

Егер пайдаланушылардың өріске жауаптары әр түрлі болса (мысалы, егер телефон нөміріне +12345678912, +44 12345678912, 012345678912 нөмірлерімен жауап берсеңіз), оны дәйекті форматқа өзгертіңіз.

Төлем формасы дегеніміз не?

Төлем нысаны - кассалық машинаның сандық нұсқасы. Ол онлайн төлемді авторизациялайды, пайдаланушының деректерін тексереді, несиенің бар-жоқтығын тексереді және сіздің төленгеніңізді қамтамасыз етеді.

Төлем интеграциясының көптеген артықшылықтары бар. Олар сізге осыған көмектеседі

  • Өнімдер немесе қызметтерді сату;
  • осы сатылымдарға күрделі есептеулерді қолдану, мысалы B. салықтар мен жеткізу шығындарын қосу немесе талондарды алу;
  • Өнімдеріңізге суреттер, мөлшер, түс және өлшем опциялары сияқты сипаттама беріңіз.
  • Сыйақы мен төлемдерді белгіленген мөлшерде жинаңыз немесе жазылым қызметімен осы төлемдерді қайталаңыз.

Төлем формасын жасау кезінде ең жақсы тәжірибені ұстану қажет. Міне, бірнеше маңызды ережелер.

41. Төлем қадамдарын шектеңіз

Баймард институты сатып алу нысандарын талдап, сатып алу процесі тым ұзақ немесе тым күрделі болғандығын, сатып алу барысында жоюдың басты себептерінің бірі екенін анықтады. Сондықтан өрістерді кесіңіз, кесіңіз, содан кейін қайтадан кесіңіз.

42. Көрнекі қауіпсіздік көрсеткіштерін қолданыңыз

Сияқты құпия деректерді енгізу кезінде B. несие картасының деректемелері, пайдаланушыларға күмән тудыратын барлық нәрсе туралы ақпарат беріледі. Жақында жүргізілген зерттеуге сәйкес, сатып алушылардың 17% -ы қауіпсіздік мақсатында сайтты төлемсіз қалдырды.

Төлемдердің кәсіби формалары пайдаланушыны сендіреді, ал «көрінетін» барлық нәрсе оны жүйкеге ұялатады. Сондықтан төлем формасын нөлден жасағанда абай болу керек - ұсақ қателіктер немесе сәйкессіздіктер пайдаланушыларды ұстап қалуы мүмкін.

Сондай-ақ, деректерді қорғау үшін өзіңіздің нысандарыңыздағы SSL-ді қосу пайдалы. Келушілер барлық өзара әрекеттесулердің шифрланғанына сенімді бола алады. JotForm - деректерді берудің ең қауіпсіз әдісі: біз PCI DSS (төлем карточкалары бойынша деректердің қауіпсіздігі стандарты) 1 деңгейге сәйкес келеміз және SSL қосылған.

43. Неліктен құпия ақпаратты сұрайтындығыңызды түсіндіріңіз

Адамдарды мәліметтерді қорғау және ақпараттық қауіпсіздік мәселелері көбірек алаңдатады. Егер құпия ақпаратты сұрау қажет болса, өрістің астындағы қолдау мәтінін қолданып, оның не үшін қажет екенін түсіндіріңіз.

44. Деректерді сақтаңыз

Пайдаланушыларға мекен-жайы мен төлем ақпаратын сақтау мүмкіндігін бере отырып, процесс жылдамырақ және тиімді болады, әсіресе мобильді құрылғылар сияқты қолайсыз құрылғыларда. Бұл сонымен қатар қайталанатын клиенттерге сыйақы мен адалдық сезімін береді.

45. JotForm-қа төлем интеграциясын қалай қосуға болады

1-қадам: өзіңіздің бренд логотипіңізді және стильді қосыңыз.

2-қадам: «Қосылу» батырмасы арқылы интеграция үшін тіркелгі деректерін енгізіңіз немесе оларды тікелей енгізіңіз.

3-қадам: өнімнің суретін, мөлшері, түсі, өлшемі сияқты бөлшектерді қосыңыз.

4-қадам: жолдамаларды, салықтарды және жеткізу шығындарын есептеңіз.

Жалпы төлем өрісін құрудың егжей-тегжейлері мен опцияларын қарап шығу үшін сіз тапсырыс интеграциясын қолдана аласыз (ешқандай нақты транзакция жасалмағандықтан, тіркелгі деректері талап етілмейді). Сіз жедел интеграциялау бойынша нұсқаулықты бүкіл төлем процесі бойынша мысал ретінде көре аласыз.

5-қадам: жеке алғыс хатын жазыңыз (авто-жауап).

Бәрі дайын. Енді сіз өз өнімдеріңізді веб-сайттарда, блогтарда немесе әлеуметтік желілерде оңай сата аласыз.

Пішінді толтырғаннан кейін ...

Ура, жасалды! Шамамен. Сіздің формаңыз дайын болуы мүмкін, бірақ оны жіберуге әлі уақыт жоқ.

Бірнеше соңғы қадамдарды қарастыру керек.

46. ​​Пішінді мақұлдамас бұрын тексеріңіз

Барлығымызда соқыр жерлер бар. Егер форманың сәттілігі мәліметтердің сапасына байланысты болса, абай болған жөн. Сондықтан, сауалнаманы алдын-ала тестілеу арқылы сенімді жауап таңдағаныңызға және ешнәрсе жіберіп алмағаныңызға көз жеткізіңіз.

Отбасыңызға / достарыңызға жіберіңіз және сауалнамаға жауап беру үшін қанша уақыт қажет екендігін және сұрақтар ағынын қалай сезінетінін сұраңыз. Осылайша сіз келесі жолы форма дизайнына баға бере аласыз.

Алғашында https://www.jotform.com сайтында жарияланған