כיצד לפתח ערכות צבע של אתר אינטרנט, מסחר אלקטרוני או יישומים

פתח ערכות צבע של אתרים, מסחר אלקטרוני או אפליקציות

שיתפנו לא מעט מאמרים על חשיבות הצבע ביחס למותג. עבור אתר אינטרנט, אתר מסחר אלקטרוני או אפליקציה לנייד או אינטרנט, זה קריטי לא פחות. לצבעים יש השפעה על:

  • רושם ראשוני של מותג וערכו - למשל, מוצרי יוקרה מרבים להשתמש בשחור, אדום מרמז על התרגשות וכו'.
  • החלטות רכישה - האמון של מותג עשוי להיקבע על פי ניגודיות הצבע. ערכות צבעים רכות עשויות להיות יותר נשיות ואמינות, ניגודים קשים עשויים להיות דחופים יותר ומונעים מהנחה.
  • שימושיות וחווית משתמש - לצבעים יש פסיכולוגיה והשפעה פיזיולוגית גם כן, מה שמקל או קשה יותר לנווט בממשק משתמש.

כמה חשוב הצבע?

  • 85% מהאנשים טענו שלצבע יש השפעה גדולה על מה שהם קונים.
  • צבעים מגבירים את הכרת המותג בממוצע של 80%.
  • התרשמות צבע אחראית ל-60% מהקבלה או הדחייה של מוצר.

בעת קביעת ערכת צבעים עבור אתר אינטרנט, ישנם כמה שלבים המפורטים באינפוגרפיקה המצורפת:

  1. צבע יסוד - בחר צבע שמתאים לאנרגיה של המוצר או השירות שלך.
  2. צבעי פעולה - זה חסר באינפוגרפיקה למטה, אבל זיהוי צבע פעולה ראשוני וצבע פעולה משני עוזר מאוד. זה מחנך את הקהל שלך להתמקד ברכיבי ממשק משתמש ספציפיים על סמך הצבע.
  3. Aצבעים נוספים - בחר נוסף צבעים המשלימים הצבע העיקרי שלך, באופן אידיאלי צבעים שהופכים את הצבע העיקרי שלך פופ.
  4. צבעי רקע - בחר צבע לרקע של האתר שלך - אולי פחות אגרסיבי מהצבע הראשי שלך. זכור גם במצב כהה ובהיר.. יותר ויותר אתרים משלבים ערכות צבעים במצב בהיר או כהה.
  5. צבעי גופן – בחרו צבע לטקסט שעתיד להיות באתר שלכם – זכרו שגופן שחור מלא הוא נדיר ולא מומלץ.

כדוגמה, החברה שלי Highbridge פיתחה מותג מקוון עבור יצרנית שמלות שרצה לבנות אתר מסחר אלקטרוני ישירות לצרכן שבו אנשים יוכלו לקנות שמלות באינטרנט. הבנו את קהל היעד שלנו, את הערך של המותג, ובגלל שהמותג היה בעיקרו דיגיטלי אבל היה לו גם מוצר פיזי - התמקדנו בסכמות צבעים שעבדו היטב על פני הדפס (CMYK), פלטות בדים (Pantone), כמו גם דיגיטלי (RGB והקס).

בדיקת ערכת צבעים עם מחקר שוק

התהליך שלנו לבחירת ערכת הצבעים שלנו היה אינטנסיבי.

  1. עשינו מחקר שיווקי על סדרה של צבעי יסוד עם קהל היעד שלנו שהקטינו אותנו לצבע אחד.
  2. עשינו מחקר שיווקי על סדרה של צבעים משניים ושלישוניים עם קהל היעד שלנו, שבו צמצמנו כמה ערכות צבעים.
  3. עשינו דגמי מוצר (אריזה של מוצר, תגי צוואר ותגיות תלויות) וכן דגמי מסחר אלקטרוני עם ערכות הצבעים וסיפקנו אותם ללקוח וגם לקהל היעד למשוב.
  4. מכיוון שהמותג שלהם היה תלוי במידה רבה בעונתיות, שילבנו גם צבעים עונתיים בתערובת. זה יכול להיות שימושי עבור אוספים ספציפיים או חזותיים עבור מודעות ושיתופים במדיה חברתית.
  5. עברנו את התהליך הזה יותר מחצי תריסר פעמים לפני שהתקבענו על התוכנית הסופית.

ערכת צבעים של closet52

בעוד צבעי המותג הם ורוד בהיר ואפור כהה, פיתחנו את צבעי פעולה להיות הגוון של ירוק. ירוק הוא צבע מכוון פעולה ולכן זה היה מבחר נהדר למשוך את עיני המשתמשים שלנו לאלמנטים מכווני פעולה. שילבנו את ההפוך של ירוק לפעולות המשניות שלנו (גבול ירוק עם רקע וטקסט לבנים). אנו בודקים גם גוון כהה יותר של ירוק על צבע הפעולה עבור פעולות ריחוף.

מאז שהשקנו את האתר זה עתה, שילבנו מעקב אחר עכבר ומפות חום כדי לראות את האלמנטים שהמבקרים שלנו נמשכים אליהם ומקיימים איתם אינטראקציה הכי גדולה כדי להבטיח שיש לנו ערכת צבעים שלא רק נראית טוב... היא מתפקדת היטב.

צבעים, רווח לבן ומאפייני אלמנט

פיתוח ערכת צבעים צריך תמיד להתבצע על ידי בדיקתה בממשק משתמש כולל כדי לצפות באינטראקציה של המשתמשים. עבור האתר שלמעלה, שילבנו גם שוליים, ריפוד, קווי מתאר, רדיוסי גבול, איקונוגרפיה וגופנים מאוד ספציפיים.

העברנו מדריך מיתוג מלא לחברה להפצה פנימית עבור כל חומרי שיווק או מוצר. עקביות המותג היא קריטית לחברה הזו מכיוון שהם חדשים ואין להם שום מודעות בתעשייה בשלב זה.

הנה אתר המסחר האלקטרוני שנוצר עם ערכת צבעים

  • Closet52 - קנה שמלות באינטרנט
  • Closet52 דף אוספים
  • עמוד המוצר של Closet52

בקר ב- Closet52

שימושיות צבעים ועיוורון צבעים

אל תשכח בדיקת שימושיות לניגודיות צבע ברכיבים באתר שלך. אתה יכול לבדוק את התוכנית שלך באמצעות כלי לבדיקת נגישות אתרים. עם ערכת הצבעים שלנו, אנו יודעים שיש לנו כמה בעיות ניגודיות שעליהן נעבוד בהמשך הדרך, או שאולי יש לנו כמה אפשרויות עבור המשתמשים שלנו. מעניין שהסיכוי לבעיות צבע עם קהל היעד שלנו נמוך למדי.

עיוורון צבעים הוא חוסר היכולת לתפוס הבדלים בין חלק מהצבעים שמשתמשים בעלי לקויות לא צבעוניות יכולים להבחין בהם. עיוורון צבעים משפיע על חמישה עד שמונה אחוזים מהגברים (כ-10.5 מיליון) ופחות מאחוז אחד מהנקבות.

Usability.gov

הצוות ב-WebsiteBuilderExpert הרכיב מאמר אינפוגרפי ומפורט זה בנושא כיצד לבחור צבע לאתר שלך זה יסודי ביותר.

כיצד לבחור ערכת צבעים לאתר שלך