Ինչպես մշակել կայք, էլեկտրոնային առևտուր կամ հավելվածների գունային սխեմաներ

Մշակեք կայք, էլեկտրոնային առևտուր կամ հավելվածների գունային սխեմաներ

Մենք բավականին շատ հոդվածներ ենք տարածել ապրանքանիշի նկատմամբ գույնի կարևորության մասին: Կայքի, էլեկտրոնային առևտրի կայքի կամ բջջային կամ վեբ հավելվածի համար դա նույնքան կարևոր է: Գույները ազդում են.

  • Ապրանքանիշի և դրա արժեքի սկզբնական տպավորությունը. օրինակ, շքեղության ապրանքները հաճախ օգտագործում են սև, կարմիրը ենթադրում է հուզմունք և այլն:
  • Գնման որոշումներ – ապրանքանիշի վստահությունը կարող է որոշվել գունային հակադրությամբ: Փափուկ գունային սխեմաները կարող են ավելի կանացի և վստահելի լինել, կոպիտ հակադրությունները կարող են ավելի հրատապ լինել և զեղչեր ունենալ:
  • Օգտագործելիություն և օգտագործողի փորձ – գույներն ունեն հոգեբանական և ֆիզիոլոգիական ազդեցությունը նույնպես, ինչը հեշտացնում կամ դժվարացնում է օգտատիրոջ միջերեսում նավարկելը:

Որքանո՞վ է կարևոր գույնը:

  • Մարդկանց 85%-ը պնդում է, որ գույնը մեծ ազդեցություն է թողնում իրենց գնման վրա:
  • Գույները բարձրացնում են ապրանքանիշի ճանաչումը միջինը 80%-ով:
  • Գույնի տպավորությունը պատասխանատու է ապրանքի ընդունման կամ մերժման 60%-ի համար:

Կայքի համար գունային սխեման որոշելիս կան որոշ քայլեր, որոնք մանրամասն նկարագրված են ուղեկցող ինֆոգրաֆիկայում.

  1. Առաջնային գույն – Ընտրեք գույն, որը համապատասխանում է ձեր արտադրանքի կամ ծառայության էներգիային:
  2. Գործողությունների գույներ – Սա բացակայում է ստորև բերված ինֆոգրաֆիկայից, բայց հիմնական գործողության գույնի և երկրորդական գործողության գույնի նույնականացումը չափազանց օգտակար է: Այն սովորեցնում է ձեր լսարանին կենտրոնանալ օգտատիրոջ միջերեսի հատուկ տարրերի վրա՝ հիմնված գույնի վրա:
  3. Aլրացուցիչ գույներ - Ընտրեք լրացուցիչ գույներ, որոնք լրացնում են ձեր հիմնական գույնը, իդեալական գույները, որոնք կազմում են ձեր հիմնական գույնը փոփ.
  4. Ֆոնի գույները – Ընտրեք գույն ձեր կայքի ֆոնի համար, որը, հնարավոր է, ավելի քիչ ագրեսիվ լինի, քան ձեր հիմնական գույնը: Նկատի ունեցեք նաև մութ և թեթև ռեժիմները... ավելի ու ավելի շատ կայքեր ընդգրկում են գունային սխեմաներ բաց կամ մուգ ռեժիմում:
  5. Տառատեսակի գույներ – Ընտրեք գույն տեքստի համար, որը կլինի ձեր կայքում – հիշեք, որ պինդ սև տառատեսակը հազվադեպ է և խորհուրդ չի տրվում:

Որպես օրինակ՝ իմ ընկերությունը Highbridge մշակել է առցանց ապրանքանիշ հագուստ արտադրողի համար, ով ցանկանում էր ստեղծել ուղղակի սպառողին էլեկտրոնային առևտրի կայք, որտեղ մարդիկ կարող էին գնել զգեստներ առցանց. Մենք հասկացանք մեր թիրախային լսարանը, ապրանքանիշի արժեքը, և, քանի որ ապրանքանիշը հիմնականում թվային էր, բայց նաև ուներ ֆիզիկական արտադրանք, մենք կենտրոնացանք գունային սխեմաների վրա, որոնք լավ էին աշխատում տպագրության մեջ (CMYK), գործվածքների գունապնակներին (Pantone), ինչպես նաև: թվային (RGB և Hex):

Գունային սխեմայի փորձարկում շուկայական հետազոտության միջոցով

Գունային սխեմայի ընտրության մեր գործընթացը ինտենսիվ էր:

  1. Մենք մարքեթինգային հետազոտություն կատարեցինք հիմնական գույների շարքի վրա մեր թիրախային լսարանի հետ, որը մեզ նվազեցրեց մեկ գույնի:
  2. Մենք մարքեթինգային հետազոտություն կատարեցինք երկրորդական և երրորդային գույների մի շարք մեր թիրախային լսարանի հետ, որտեղ մենք կրճատեցինք որոշ գունային սխեմաներ:
  3. Մենք պատրաստեցինք արտադրանքի մոդելներ (ապրանքի փաթեթավորում, պարանոցի պիտակներ և կախովի պիտակներ), ինչպես նաև էլեկտրոնային առևտրի մոդելներ գունային սխեմաներով և դրանք տրամադրեցինք հաճախորդին, ինչպես նաև թիրախային լսարանին հետադարձ կապի համար:
  4. Քանի որ նրանց ապրանքանիշը մեծապես կախված էր սեզոնայնությունից, մենք նաև ներառեցինք սեզոնային գույները խառնուրդում: Սա կարող է օգտակար լինել հատուկ հավաքածուների կամ գովազդի և սոցիալական մեդիայի բաժնետոմսերի համար:
  5. Մենք այս գործընթացի միջով անցանք ավելի քան կես տասնյակ անգամ՝ նախքան վերջնական սխեմայի համաձայնությունը:

closet52 գունային սխեման

Թեև ապրանքանիշի գույները բաց վարդագույն և մուգ մոխրագույն են, մենք մշակել ենք այն գործողության գույներ լինել կանաչի երանգ: Կանաչը գործողությունների վրա հիմնված գույն է, ուստի այն հիանալի ընտրություն էր մեր օգտատերերի աչքերը դեպի գործողությունների կողմնորոշված ​​տարրերը գրավելու համար: Մենք ներառեցինք կանաչի հակադարձը մեր երկրորդական գործողությունների համար (կանաչ եզրագիծ սպիտակ ֆոնով և տեքստով): Մենք նաև փորձարկում ենք կանաչի ավելի մուգ երանգը գործողության գույնի վրա սավառնող գործողությունների համար:

Քանի որ մենք նոր ենք բացել կայքը, մենք ներառել ենք մկնիկի հետագծում և ջերմային քարտեզներ՝ դիտարկելու այն տարրերը, որոնցով մեր այցելուները գրավում են և ամենից շատ շփվում են՝ ապահովելու համար, որ մենք ունենք գունային սխեման, որը ոչ միայն լավ տեսք ունի… այն լավ է գործում:

Գույներ, սպիտակ տարածություն և տարրերի բնութագրեր

Գունային սխեման մշակելը միշտ պետք է իրականացվի՝ այն փորձարկելով ընդհանուր ինտերֆեյսի մեջ՝ օգտատերերի փոխազդեցությունը դիտարկելու համար: Վերոնշյալ կայքի համար մենք նաև ներառել ենք շատ հատուկ լուսանցքներ, ներդիրներ, ուրվագծեր, եզրագծի շառավիղներ, պատկերագրություն և տառատեսակներ:

Մենք բրենդինգի ամբողջական ուղեցույց ենք տրամադրել ընկերությանը, որը ներքին բաշխում է ցանկացած շուկայավարման կամ արտադրանքի նյութերի համար: Ապրանքանիշի հետևողականությունը կարևոր է այս ընկերության համար, քանի որ նրանք նոր են և այս պահին արդյունաբերության մեջ որևէ տեղեկացվածություն չունեն:

Ահա ստացված էլեկտրոնային առևտրի կայքը գունային սխեմայով

  • Closet52 - Գնեք զգեստներ առցանց
  • Closet52 Հավաքածուների Էջ
  • Closet52 Ապրանքի Էջ

Այցելեք Closet52

Գույնի օգտագործման հնարավորություն և գունավոր կուրություն

Մի մոռացեք օգտագործելիության թեստը ձեր կայքի տարրերի գունային հակադրության համար: Դուք կարող եք ստուգել ձեր սխեման օգտագործելով Կայքի հասանելիության փորձարկման գործիք. Մեր գունային սխեմայով մենք գիտենք, որ ունենք որոշ կոնտրաստային խնդիրներ, որոնց վրա կաշխատենք ճանապարհին, կամ նույնիսկ կարող ենք որոշ տարբերակներ ունենալ մեր օգտատերերի համար: Հետաքրքիր է, որ մեր թիրախային լսարանի գունային խնդիրների հավանականությունը բավականին ցածր է:

Դալտոնիկությունը որոշ գույների միջև տարբերությունները ընկալելու անկարողությունն է, որոնք կարող են տարբերել ոչ գունավոր խնդիրներ ունեցող օգտվողները: Դալտոնիկությունը ազդում է տղամարդկանց հինգից ութ տոկոսը (մոտ 10.5 միլիոն) և իգական սեռի մեկ տոկոսից պակաս:

Usability.gov

WebsiteBuilderExpert-ի թիմը հավաքել է այս ինֆոգրաֆիկան և մանրամասն ուղեկցող հոդվածը Ինչպես ընտրել գույն ձեր կայքի համար դա չափազանց մանրակրկիտ է:

Ինչպես ընտրել գունային սխեման ձեր կայքի համար