Вебсайтты, электрондук коммерцияны же колдонмонун түс схемаларын кантип иштеп чыгуу керек

Вебсайтты, электрондук коммерцияны же колдонмонун түс схемаларын иштеп чыгуу

Биз түстүн брендге карата мааниси жөнүндө бир нече макалаларды бөлүштүк. Вебсайт, электрондук коммерция сайты же мобилдик же веб-тиркеме үчүн бул абдан маанилүү. Түстөр төмөнкүлөргө таасир этет:

  • Бренддин алгачкы таасири жана анын баалуулугу - мисалы, кымбат баалуу буюмдар көбүнчө кара түстү колдонушат, кызыл толкунданууну билдирет, ж.б.
  • Сатып алуу чечимдери – бренддин ишеними түстөрдүн карама-каршылыгы менен аныкталышы мүмкүн. Жумшак түс схемалары аялдык жана ишенимдүү болушу мүмкүн, катаал контрасттар шашылыш жана арзандатуу болушу мүмкүн.
  • Колдонуучулук жана колдонуучу тажрыйбасы - түстөр психологиялык мааниге ээ жана физиологиялык таасири, бул колдонуучунун интерфейсинде навигацияны жеңилдетет же кыйындатат.

Түс канчалык маанилүү?

  • Адамдардын 85% түсү алар сатып алган нерсеге чоң таасир этет деп ырасташкан.
  • Түстөр бренддин таанылышын орточо 80% жогорулатат.
  • Түс таасири 60% продуктуну кабыл алуу же четке кагуу үчүн жооптуу.

Веб-сайттын түс схемасын аныктоодо, инфографикада деталдуу түрдө берилген кээ бир кадамдар бар:

  1. Негизги түс – Товарыңыздын же кызматыңыздын энергиясына туура келген түстү тандаңыз.
  2. Action Colors – Бул төмөндөгү инфографикада жок, бирок негизги аракет түсүн жана кошумча аракет түсүн аныктоо абдан пайдалуу. Бул сиздин угуучуларыңызды түскө негизделген белгилүү бир колдонуучу интерфейсинин элементтерине көңүл бурууга үйрөтөт.
  3. Aкошумча Түстөр - Кошумча тандоо толуктап турган түстөр сиздин негизги түсүңүз, идеалдуу түстөр сиздин негизги түсүңүздү түзөт поп.
  4. Фондук түстөр – Веб-сайтыңыздын фонуна түс тандаңыз – негизги түсүңүзгө караганда азыраак агрессивдүү болушу мүмкүн. Караңгы жана жарык режимде да эсиңизде болсун.. барган сайын көп сайттар жарык же караңгы режимде түс схемаларын кошуп жатышат.
  5. Шрифт түстөрү – Вебсайтыңызда боло турган тексттин түсүн тандаңыз – катуу кара шрифт сейрек кездешет жана сунушталбайт.

Мисал катары менин компаниям Highbridge кийим өндүрүүчүсү үчүн онлайн брендин иштеп чыккан, ал адамдар түздөн-түз керектөөчүгө электрондук коммерция сайтын кургусу келген. онлайн көйнөктөрдү сатып алуу. Биз максаттуу аудиториябызды, бренддин баалуулугун түшүндүк жана – бренд басымдуу түрдө санариптик болгону менен физикалык продуктыга ээ болгондуктан – биз басып чыгарууда (CMYK), кездеме палитраларында (Pantone) жакшы иштеген түс схемаларына көңүл бурдук. санариптик (RGB жана Hex).

Рынок изилдөө менен түс схемасын сыноо

Биздин түс схемасын тандоо процессибиз интенсивдүү болду.

  1. Биз максаттуу аудиториябыз менен бир катар негизги түстөр боюнча маркетингдик изилдөө жүргүздүк, бул бизди бир түскө кыскартты.
  2. Биз максаттуу аудиториябыз менен бир катар экинчи жана үчүнчү түстөр боюнча маркетингдик изилдөө жүргүздүк, анда биз түс схемаларын кыскарттык.
  3. Биз өнүмдүн макеттерин (өнүмдөрдүн таңгактоосу, моюн бирдиктери жана илинүүчү тегдер), ошондой эле түс схемалары менен электрондук коммерциялык макеттерди жасадык жана аларды кардарга, ошондой эле максаттуу аудиторияга пикир алышуу үчүн бердик.
  4. Алардын бренди негизинен сезондуктан көз каранды болгондуктан, биз аралашмага сезондук түстөрдү да киргиздик. Бул белгилүү бир коллекциялар же жарнамалар жана социалдык медиа бөлүшүүлөрү үчүн визуалдык көрүнүштөр үчүн пайдалуу болушу мүмкүн.
  5. Биз акыркы схеманы чечкенге чейин бул процесстен жарым ондогон жолу өттүк.

шкаф52 түс схемасы

Бренд түстөрү ачык кызгылт жана кочкул боз болсо да, биз аны иштеп чыктык аракет түстөр жашыл көлөкө болуу. Жашыл түс – аракетке багытталган түс, андыктан бул биздин колдонуучулардын көздөрүн аракетке багытталган элементтерге тартуу үчүн эң сонун тандоо болду. Биз экинчи даражадагы аракеттерибиз үчүн жашылдын тескерисин киргиздик (ак фон жана текст менен жашыл чек). Биз ошондой эле кыймыл-аракеттин түсүндө кочкул жашыл көлөкөсүн сүзүү аракеттери үчүн сынап жатабыз.

Сайтты жаңыдан ишке киргизгенибизден бери, биз конокторубузду кызыктырган элементтерди жана алар менен көбүрөөк өз ара аракеттенүү үчүн чычкандарды көзөмөлдөөнү жана жылуулук карталарын киргиздик, бул жөн эле жакшы көрүнбөстөн, түс схемасына ээ болушубуз үчүн… ал жакшы иштейт.

Түстөр, ак мейкиндик жана элементтин мүнөздөмөлөрү

Түс схемасын иштеп чыгуу ар дайым колдонуучулардын өз ара аракеттенүүсүн байкоо үчүн аны жалпы колдонуучу интерфейсинде сынап көрүү аркылуу аткарылышы керек. Жогорудагы сайт үчүн биз ошондой эле өзгөчө чектерди, толтурууну, контурларды, чек ара радиуларын, иконографияларды жана шрифттерди киргиздик.

Биз компаниянын ар кандай маркетинг же продукт материалдары үчүн ички жайылтуу үчүн толук брендинг колдонмосун жеткирдик. Бренд ырааттуулугу бул компания үчүн абдан маанилүү, анткени алар жаңы жана азыркы учурда бул тармакта эч кандай маалыматы жок.

Бул жерде түс схемасы менен жыйынтыкталган электрондук соода сайты

  • Closet52 - онлайн көйнөктөрдү сатып алуу
  • Closet52 Collections Page
  • Closet52 Продукт барагы

Closet52ге барыңыз

Түс колдонуу мүмкүнчүлүгү жана түс сокурдугу

Сайтыңыздын элементтеринин түстөрүнүн контрастын текшерүүнү унутпаңыз. Сиз схемаңызды колдонуп сынап көрсөңүз болот Вебсайттын жеткиликтүүлүгүн текшерүү куралы. Биздин түстөр схемасы менен бизде контраст маселеси бар экенин билебиз, алар биз жолдун ылдый жагында иштеп чыгабыз, же колдонуучуларыбыз үчүн кээ бир варианттарыбыз болушу мүмкүн. Кызыктуусу, биздин максаттуу аудитория менен түстүү көйгөйлөрдүн мүмкүнчүлүгү өтө төмөн.

Түс сокурдугу - бул түстүү эмес колдонуучулар айырмалай алган түстөрдүн айрымдарынын ортосундагы айырмачылыктарды кабыл албоо. Түс сокурдугу жөнүндө таасир этет эркектердин беш-сегиз пайызы (болжол менен 10.5 миллион) жана аялдардын бир пайыздан азы.

Usability.gov

WebsiteBuilderExpert командасы бул инфографикалык жана деталдуу коштомо макаланы чогултту Вебсайтыңыз үчүн түстү кантип тандоо керек бул абдан кылдат.

Вебсайтыңыз үчүн түс схемасын кантип тандоо керек