Dauguma QR kodų kabo ant spausdintų medžiagų be jokio paaiškinimo. Be rėmelio, be instrukcijos, be priežasties skenavimui. Nesvarbu, žmonės jais tiesiog praeina. Sprendimas nėra žvali kodo išvaizda — tai gerai suprojektuotas rėmelis su aiškiu veiksminio kvietimo (CTA) tekstu. Šis vadovas jums pasakys, kaip tai daryti tinkamai, su konkrečiomis dizaino ir kopijos taisyklėmis, kurias galite taikyti dar prieš spausdindami.
Kodėl Rėmeliai ir CTA Tekstas Daug Svarbesni Nei Jūs Galvojate
QR kodas pats savaime yra juodai-baltasis kvadratas. Žmonės instinktyviai nežino, ką jis atrakina. Rėmelis suteikia kodui vizualią struktūrą; CTA tekstas sako žmogui, ką jis gaus. Kartu jie atsakys į neišsakytą klausimą: kodėl turėčiau stengtis?
Nuskaitytuvų programėlių kūrėjų tyrimai nuosekliai rodo, kad QR kodai su instruktyviu tekstu šalia yra pelningesni nei „nuogi" kodai fizinėje aplinkoje — ne todėl, kad žmonės daugiau negali atpažinti QR kodo, o todėl, kad stiprus motyvacija skenavimui panaikina svyravimą.
Rėmelio Dizainas: 5 Veikiančios Taisyklės
1. Išsaugokite tyliąją zoną
Kiekvienas QR kodas turi „tyliąją zoną" — aiškią baltą erdvę aplink išorinius modulius. Standartas yra keturi moduliai plačiai. Jei jūsų rėmelio grafika įsibiedra į šią erdvę, skaitytuvai neveiks. Suprojektuokite rėmelį taip, kad jis būtų išorėje nuo tyliųjų zonų, o ne joms persidengdamas. Nereikšmingas suapvalintasis stačiakampis arba piliulės forma veikia gerai.
2. Suderinkite brendinės spalvos be kontrasto sumažinimo
Rėmeliai turėtų naudoti jūsų brendinės paletę, tačiau jie vadovaujasi tomis pačiomis kontrasto taisyklėmis kaip pats kodas. Tamsus rėmelis ant šviesaus fono? Puiku. Šviesi rėmelis ant tamsaus fono? Taip pat puiku — tik QR kodų moduliai vis dar turi pakankamą kontrastą su savo fonu. Jei jums reikia atsvaigyti atmintį apie skaičius, QR kodų spalvų kontrasto ir nuskaitomybės vadove paaiškinti minimalūs santykiai.
3. Naudokite rėmelio formą, signalizuojančią interaktyvumą
Suapvalinti kampai, burbuolų formos arba mygtuko formos rėmeliai vizualiai komunikuoja „bakstelėk / skenavk mane". Kieti stačiakampio formos atšaukimai, kurie yra kitos dizaino dalies dalimi, to nedaro. Tikslas yra padaryti rėmelį, kuris atrodo kaip UI elementas, o ne dekoratyvus dėžės.
4. Suderinkite rėmelio dydį su kodu
Rėmelis turėtų pridėti 12–20 px (ekrano skiriamosios gebos atžvilgiu) arba 3–5 mm (spaudinimo atžvilgiu) padėties aplink kodą kiekvienoje pusėje. Mažiau — atrodys per susiaurinta; daugiau — kodas pasirodys plūduriuojantis be ryšio su rėmeliu.
5. Nesinaudokite gradientais ir šešėliais rėmelio viduje
Kritimo šešėliai ir gradiento užpildai rėmelio viduje arba tiesiogiai po kodu supainioja skenavytuvų algoritmus, kurie tikisi švarios toninės separacijos. Dekoratyvius efektus saugokite tik išoriniam kraštui arba teksto sričiai.
CTA Tekstas: Kaip Parašyti Kopijas, Kurių Skandinami
Dėkite naudą pirmiau, instrukcijas — antroje vietoje
Bloga: Skenavimas QR kodų Gera: Skenavimas 15% nuolaidai jūsų pirmajai užsakymui
Instrukcija („skenavimas") yra akivaizdi kiekvienam, kas atpažįsta QR kodą. Naudą („15% nuolaida") jie iš tikrųjų daryti. Pradėkite nuo rezultato.
Pasilikite žemiau aštuonių žodžių
Rėmelio teksto sritys yra mažos. Ilgi sakiniai sumažinami tol, kol jie neskaitomi. Siekite 4–7 žodžių CTA. Jei turite daugiau pasakyti, detalę padėkite į nukreipimo puslapį — tam ir yra šis skenavimas.
Suderinkite CTA su vietos kontekstu
| Vieta | Veiksmingų CTA pavyzdys |
|---|---|
| Gaminio pakuotė | „Skenavimas sąrangos instrukcijoms" |
| Restorano stalas | „Skenavimas šiandienos meniu peržiūrai" |
| Renginių plakatas | „Skenavimas nemokamai bilietui gauti" |
| Parduotuvės lentyna | „Skenavimas dydžio ir spalvos variantams" |
| Verslo kortelė | „Skenavimas mano kontaktui įrašyti" |
Kuo specifinis CTA, tuo žemesnė trintis. Neryški CTA, pvz. „Skenavimas mane!" veikia prasčiau, nes jie palieka išeigą neaiškią.
Naudokite imperyvus, ne pasyvius prašymus
„Skenavimas demos peržiūrai" pranašesnis nei „Demo yra galima per QR". Aktyvūs veiksmažodžiai sukuria impulsą; pasyvios konstrukcijos atrodo kaip smulkius šriftai.
Šrifto dydis: nepraleiskite 8pt spausdintoje medžiagoje
8pt dydžio, dauguma be serifų šriftų yra skaitomi iš rankos atstumo normalaus apšvietimo sąlygomis. Eikite mažiau ir jūs veiksmingai slėpiate CTA. Jei vieta yra spraga, sutrumpinkite kopijas, o ne sudarykite šriftą.
Rėmelio ir CTA Jungtis: Praktinis Išdėstymas
Čia yra išdėstymas, kuris veikia patikimai:
- Viršutinis žymuo (neprivalomas): Nedidelis brendinės pavadinimas arba kategorijos žymė (pvz., „Super QR") 6–8pt, lengvas svoris
- QR kodas: Centruotas, su visa tylia zona išsaugota
- CTA tekstas: Tiesiai žemiau kodo, 8–12pt, drąsus arba pusdrąsus, 1–2 eilutės maksimum
- Papildomas tekstas (neprivalomas): URL arba labai trumpas paaiškinimas 6pt — naudingas auditorijoms, kurios nori įvesti adresą, o ne skenavimui
Šis sukrautas sandūris išlaiką kodą dominuojantį ir tekstą skaitomą be konkurencijos dėl dėmesio.
Klaidos, Kurios Naikinai Gerą Rėmelio Dizainą
- Rėmelio spausdinimas per mažas. Žemiau 2 cm × 2 cm, dauguma rėmelio detalių išnyksta ir CTA tampa neskaitomas. Minimalus rekomenduojamas dydis su rėmeliu yra 3 cm × 3 cm.
- Rėmelio spalvos keitimas tamsame fone be teksto kontrasto koregavimo. Baltasis tekstas ant geltono rėmelio ant tamsaus fono yra bendra gedimo vieta.
- Bendrinės CTA naudojimas visoje medžiagoje. Jei naudojate dinaminius QR kodūs, kurie nukreipia į skirtingus URL priklausomai nuo konteksto, įsitikinkite, kad kiekvienoje fizinėje medžiagoje CTA atitinka tikslą atitinkanti tikslinę — neatitinkama kopija tuoj pat sunaikina pasitikėjimą.
- Pamirštas baigtinio dizaino testas. Visada skenaukite baigtą darbą (ne ekrano peržiūrą) su keliomis įrenginiais prieš siųsdami į spaudą. Patikrinkite, ar rėmelis neturi netyčia nupjaustę tyliųjų zonų eksportuodamas.
Daugiau detalių apie modulių formas ir akių pritaikymą rasite gilumoje brenduotų QR kodų dizaino vadove, kuris puikiai susieja su čia aprašyta rėmelio ir CTA darbu.
Jei tik pradedate ir norite suprasti, kokią QR kodo tipą generuoti prieš bet ką projektuodami, mūsų paslaugos jums padės kurti ir pritaikyti kodūs su jau įmontuotais rėmelio šablonais.
Pagrindiniai Punktai
- Rėmeliai turi būti ir ne persidenging tyliąsias zonas.
- Pradėkite CTA kopijas naudą, ne instrukcijas.
- Pasilikite CTA tekstą prie 4–7 žodžių mažiausiai 8pt.
- Suderinkite jūsų CTA su konkrečiu kiekvieno vietos kontekstu.
- Testuokite spausdintą dizainą skenaudami fizinę išvestį, ne ekraną.
- Venget gradientų ir šešėlių kodo srityje arba po ja.