5 padomi, kā veidot uzvarētāju „Pirkuma poga”

Ja esat dizainers vai tiešsaistes tirgotājs, vai arī jūs vienkārši iegādājāties tīmekļa vietni, kurā jūs mēģināt pārdot kaut ko, kādā brīdī jums būs jāizstrādā pareiza „pirkuma poga”. Un pēc tam jūs ātri uzzināsiet, ka vienkārši tiekat “Pērc tagad” teksts uz zila taisnstūra nav pietiekams, ja cerat uz labiem rezultātiem.

Par laimi, pienācīgas "pirkuma pogas" izstrāde nav tik sarežģīta, kad uzzināsiet dažas pamatzināšanas. Šeit iet.

Pirmkārt, jūsu pogas teksts ir vissvarīgākais, bet ir dažas citas funkcijas, kas jārisina. Kāpēc es saku, ka teksts ir vissvarīgākais? Iedomājieties to - kāda ir skaista dizaina poga, ja tajā ir teksts “Ej ellē!”? Lieta slēgta. Laba kopija ir vieta, kur tiek veikti naudas līdzekļi.

Šodienas rakstā mēs apspriežam 5 būtiskas iezīmes pareiza "pirkuma poga". Paskatīsimies!

1. Kopējais stils

Šis ir # 1 punkts šajā sarakstā ne bez iemesla, jo tā ir vissvarīgākā iezīme.

Tu gribi pagrieziet savu pogu purpura govs. Tas ir Seth Godin popularizēts jēdziens. Īsi sakot, jūs vēlaties, lai tas būtu ievērojams; ar ievērojamu es domāju kaut ko, ko nevar aizmirst. Kaut kā purpura govs ganības vidū.

Daži dizaineri šajā ziņā nav īpaši labi. Tas ir vilinoši izveidot pogu, kas skaisti saistās ar tīmekļa vietnes krāsām un stilu. Sākumā tas šķiet ļoti laba ideja, tikai tā nav.

Problēma ir tā, ka šāda poga nav tālu no ievērojamas. Jūs nevēlaties, lai jūsu poga varētu saplūst; jūs vēlaties to izcelties. Tādēļ tas būtu jāizveido kā pilnīgi atsevišķs elements, kas vienkārši notiek, lai sēdētu kādā tīmekļa vietnē, nevis kā tādam, kas ir jāsaskaņo ar šo vietni.

Ļaujiet man tikai sniegt jums lielisku purpura govju pogas piemēru.

Mozilla Firefox

Tas izskatās Firefox lejupielādes lapā. Es vēlos, lai jūs pamanītu vienu lietu. Poga kreisajā pusē, lejupielādes poga, nekas cits šajā lapā izskatās. Tā ir vienīgā zaļā lieta. Tā ir vienīgā vieta, kas piedāvā Firefox logotipu. Tas ir viens no lielākajiem elementiem. Tas atrodas virs reizes.

Visas šīs īpašības padara šo pogu ļoti redzamu. Tā ir purpura govs. Ja jūs sakāt, ka jūs to neredzat, jūs vienkārši mēģināt pārsteigt kādu.

Īsumā: Mērķis ir iegūt ievērojamu pogu.

2. Izskats

Sāksim ar krāsa.

Ja vēlaties būt izcils, izmantojiet krāsu, kas nav izmantota nekur citur lapā. Tāpat kā Firefox puiši dara savā tīmekļa vietnē. Varat izmantot rīku, piemēram, Color Scheme Designer, lai atrastu krāsu, kas labi izskatās ar jūsu vietnes pašreizējo krāsu shēmu, bet joprojām ir ļoti atšķirīga.

Un “atšķiras” ir atslēgvārds šeit. Ja jūsu vietne ir galvenokārt zila, jūs nevēlaties, lai zilā pirkuma poga. Jūs nevēlaties zilā krāsā. Jūs nevēlaties neko, kas izskatās zilgani. Jūs vēlaties rozā vai oranžā krāsā utt.

Vēl viens triks. Oranžs ir pazīstams kā visredzamākā krāsa uzreiz pēc sarkanas. Bet tas neizraisa visas negatīvās emocijas, kas ir sarkanās (piemēram, “apstāties”, “uzmanies!”, un “briesmas”). Vispopulārāko oranžo pogu internetā var atrast amazon.com.

Nākamā lieta, uz kuru jākoncentrējas, ir pogas izmērs. Nu, ko es varu teikt, tam jābūt BIG. Jo lielāks tas ir, jo labāk. (Atkal, Firefox piemērs.)

“Vai es varu to padarīt vēl lielāku?” ir labs jautājums, kas jājautā projektēšanas posmā. Dariet to daudz.

Ja tā būtu vienkārši vai bezgaumīgs? Poga nevar būt pārāk spilgta. Skatieties vēlreiz Firefox pogu. Tas ir bezgaumīgs. Tam ir apelsīnu lapsa, tomēr tā joprojām izskatās kā poga. Un tā ir robeža, kuru nevar šķērsot. Ja jūsu poga neizskatās, neviens to nekad nevar noklikšķināt.

Tāpēc nav vienkāršas atbildes uz to, kas ir labāks - bezgaumīgs vai vienkāršs. Jums tikai jāzina par sevi. Vienmēr pārbaudiet testu. Izveidojiet divas pogas - vienu spilgtu un vienu vienkāršu. Vienlaicīgi izmantojiet abus tos un skatiet, kurš no tiem darbojas labāk. Google vietnes optimizētājs jums palīdzēs.

Vienkāršs vienkāršas pogas piemērs.

ThemeFuse

Kā redzat, poga neizmanto nekādas apelsīnu lapsas, bet tā joprojām ir ļoti redzama. Faktiski ThemeFuse (premium WordPress tematiskais veikals, kuru es esmu daļa) nodrošina mazliet kaut ko, ko sauc par īsceļiem. Cita starpā šie īsceļi ļauj ērti izveidot jaukas izskata pogas.

Piemēram, tikai ar vienu rindiņu:

[poga link = "domain.com"] Noklikšķiniet šeit, lai iegādātos manu awesome produktu! [/ button]

Man šis rezultāts:

3. Fonts

Sans-serif fonts ir standarts visu veidu pogām. Tas ir tāpēc, ka sans-serif fonti ir ļoti lasāmi katram tiešsaistes lietojumam. (Flip pusē serif fonti ir labāki drukātajām publikācijām.)

Jūs vēlaties, lai jūsu pogas kopija būtu pēc iespējas lasāmāka, jo tas ir vissvarīgākais lapas teksts. All-caps nav laba ideja. Jauktas lietas darbojas daudz labāk. Ar jauktu lietu es domāju katra vārda pirmo burtu ar lielo burtu. (Izņemot tādus vārdus kā “par”, “the”, “un”, utt.)

(Attēla avots: Gomediazine)

Daži droši fonti, ko var izmantot, ir: Arial, Helvetica, Franklin Gothic, Myriad vai jebkurš cits klasisks sans-serif fonts..

Tagad ko par krāsu. Kopijai, protams, jābūt lielā kontrastā ar pogas krāsu. Jūs nevēlaties pelēkā krāsā. Jūs vēlaties melnbaltu vai zilā krāsā apelsīnu.

Arī tekstam jābūt ļoti lasāmam.

4. Izvietojums

Labākais izvietojums ir atkarīgs no jūsu mājas lapas dizaina, kas, iespējams, nav pārsteidzošs. Bet joprojām ir daži noteikumi, kas ir vērts ievērot.

Novietojiet to visredzamākā vieta. Nemēģiniet šeit būt radošiem. Izvietojumam jābūt skaidram klientam / lietotājam.

Katru reizi, kad kāds apmeklē tīmekļa vietni, viņi sagaida dažās vietās noteiktās lietas. Lietas, piemēram: logo augšējā kreisajā stūrī, iepirkumu grozu kopsavilkums labajā augšējā stūrī, autortiesību klauzula kājenē, utt. Jūsu uzdevums ir mēģināt noskaidrot, kas ir visredzamākā vieta pirkuma pogai, un vienkārši ievietojiet to tur.

Protams, tai jābūt vienlaicīgi redzamākajai vietai. Tas nozīmē divas lietas:

1. Tā absolūti ir jānovieto virs reizes, un
2. Nebaidieties no vietas. Whitespace ir katra labā tīmekļa dizainera draugs. Atcerieties, ka nav svarīgi, cik daudz sīkumu jūs varat ievietot tīmekļa vietnē, ir svarīgi, cik daudz sīkumu jūs varat noņemt.

Jūs varat ievietot savu izvietojuma stratēģiju uz steroīdiem, dublējot pogu un ievietojot to arī lapas apakšā. Tādā veidā, kad kāds lasa visu lapu, viņi joprojām var rīkoties tā apakšā.

5. Papildu elementi

Tas ir glazūra uz kūka. Papildu elementi vēl vairāk uzlabo jūsu pogas redzamību. Elementu piemēri: bultas, iepirkšanās ratiņi, palielināmie stikli, plus zīmes vai dažādi zīmola elementi.

Mans mīļākais piemērs - Firefox piemērs - izmanto vienu patiešām atdzist papildu elementu - oranžo lapsu (aka to logo).

Īkšķis ir izmantot papildu elementus uzsvērt pogas mērķi. Piemēram, divas bultiņas, kas vērstas uz leju, lieliski darbojas lejupielādes pogai. Iepirkumu grozu ikona lieliski darbojas, izmantojot pogu Add-to-Cart (iepriekš minētais amazon piemērs). Palielināmais stikls lieliski darbojas ar meklēšanas pogu. Un tā tālāk.

Varat arī izmantot dažus zīmola elementus. Piemēram, tādas lietas kā standarta RSS ikona ar abonementu-to-feed pogu, putnu ikona ar sekojošu pogu, apelsīnu lapsa ar lejupielādes-firefox pogu, jūsu logotips ar pirkumu stuff poga.

Šeit ir daži piemēri:

Wakeinteractive

Commercialiq

Mediatemple

Unlocking.com

Sofasurfer.eu

Augšupielādējiet

"Bezmaksas" jauda

Vēl viens triks ir visspēcīgākā vārda lietošana angļu valodā - BEZMAKSAS. Ikreiz, kad kaut kas tiek reklamēts kā bezmaksas, cilvēki sāk rīkoties prognozējami neracionāli (skatiet lielisku grāmatu Dan Ariely, "Neracionāluma augstums", lai uzzinātu, ko es domāju.)

Vairāk piemēru:

Freshbooks

Wufoo

Freeagent.com

Ko tālāk?

Ja jūs esat apguvis Photoshop vai citu līdzīgu programmatūru, jūs varat vienkārši iet uz priekšu un izveidot jauku pogu tieši tagad. Vēl viens veids ir kļūt par laimīgu īpašnieku jebkuram ThemeFuse WordPress tēmas īpašniekam, kā jau iepriekš minēju šajā amatā.

Kāds ir jūsu padoms par lieliskas pirkuma pogas izstrādi? Es gribētu atjaunināt šo ziņu ar jūsu viedokļiem.