איזה צבע כדאי לבחור לכפתור פעולה?

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

מגדירים קודם מה רוצים להדגיש.

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

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

בוחנים את הצבע בתוך העמוד.

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

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

בודקים את הטקסט ואת מצבי הכפתור.

לפי WCAG, לטקסט רגיל נדרש יחס ניגודיות של לפחות 4.5:1 מול הרקע. זו בדיקת קריאות, ולא מדד לכך שהכפתור ישיג יותר המרות.

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

מה אפשר ללמוד מהנתונים?

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

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

מקורות והמשך קריאה.

בואו נדבר על העסק שלכם

ספרו לנו מה תרצו לקדם.

נדבר על העסק שלך

נדבר על זה