בלוג

בניית אתרים ופרסום באינטרנט
02.09.2012

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

   המשך ...
צור קשר ספר לנו על המותג שלך...
דרושים

דוא”ל:   kuchi@malam.com
כתובת:   הסיבים 18,
בניין ברוש, פתח תקווה

טלפון:   03-9090-447
פקס:   03-9090-448

7909 צפיות
כפתורי הנעה לפעולה – צורה וגודל
26/08/2012

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

 

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

 

הצורה של כפתורי הנעה לפעולה

 

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

 

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

 

*פינות מעוגלות מפנות את המבט לחלק הפנימי של הכפתור ומושכות את תשומת הלב של הגולשים לחלק הפנימי - התוכן - של הכפתור.

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

*פינות מעגלות דורשות פחות מאמץ קוגניטיבי בראייה.

 

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

 

כיצד להחליט מהו הגודל הרצוי לכפתור הנעה לפעולה?

 

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

 

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

 

טיפ אחרון

 

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

 

דוגמאות להמלצות בפוסט ניתן למצוא באתר יד2 - קוצ'י אחראית לפיתוח, ל-UI (חווית משתמש) ולעיצוב.

 

 

KUCHI Internet Planning | בניית אתרים
בניית אתרים