28 Mar 2008
פוסט אורח: ממשק שימושי ככלי שיווקי / רן לירון
פוסט אורח: ממשק שימושי ככלי שיווקי / רן לירון
ממשק אפקטיבי הוא כלי מרכזי ביצירת אתר אפקטיבי. בשונה מהתפיסה הרווחת, עיצוב טוב של ממשק איננו עניין של אסטטיקה וטעם אישי.
אפקטיביות של ממשק נגזרת מגורמים רבים, וביניהם:
- הדרך שבה אנשים קולטים ומעבדים מידע
- הדרך שבה אנשים עובדים
- הציפיות של משתמשים ממערכות ממוחשבות
ועוד.
נושאים אלו נבדקו לעומק באמצעות מחקרים מדעיים. ממחקרים עלו סידרה של כללים לבניית ממשק יעיל. כללים אלו נכונים לממשק של כל מערכת ואתר, כמו גם לכל חלקי האתר - לבאנרים ולתפריטים לחדשות וקישורם, למידעונים וטפסי הרשמה.
מאמר זה ובמאמרים הבאים שיפורסמו כאן, אציג כמה מהכללים המרכזיים ליצירת ממשק אפקטיבי ואת הרלוונטיות שלהם לנושא עיצוב אתרים ושיווק.
כלל מספר אחד לעיצוב ממשק אפקטיבי : הקפד על פשטות. (חוק KISS).
למה זה טוב?
ממשק פשוט = ממשק נוח, ברור ויעיל. הפשטות צריכה להישמר גם ברמת חווית המשתמש הראשונית (”נראה לי שפשוט לבצע רכישה מהאתר הזה”) וגם בפועל (”הצלחתי להשיג מה שהתכוונתי בדיוק, בקלות ובמהירות).
איך עושים את זה?
: google
הנחיה 1: צמצם את הרכיבים המוצגים והפונקציונאליות שהמערכת מציע למינימום ההכרחי
דוגמה טובה בולטת
כדי לצמצם בכמות הרכיבים חיוני לזהות מה חשוב לכם ומה חשוב למשתמש, ולהציג רק את המינימום ההכרחי. מה שחיוני למשתמש ולמודל העסקי - להציג. מה ש”nice to have” - להוריד, או להעביר לעמוד מקושר. כן, לפעמים צריך לקבל החלטות קשות ולחתוך בבשר החי.
טעות נפוצה בחשיבה: “כמה שיותר אפשרויות ופונקציות, יותר טוב”. משתמשים מחפשים מה שנוח, ברור וקל לשימוש, בלי מאמץ. יותר רכיבים במסך = יותר מאמץ. יותר החלטות = פחות נוח.
טעות נפוצה בביצוע: העמסה.
עמוד שמכיל המון אופציות, מידע ובאנרים מבטיח שאף אחד מהם לא יזכה למלוא תשומת הלב. אם יש באתר רק מספר רכיבים בודדים, הסבירות שהמשתמש יתייחס אל כל אחד מהם גבוהה בהרבה. יתרה על כך: עמוד עמוס שמאלץ את המשתמש להתאמץ ולחפש מידע בין פרטים רבים שלא רלוונטיים לו, מגדיל את הסיכון שהמשתמש יאבד עניין לגמרי וינטוש את האתר.
הנחיה 2: פישוט תהליכים - מינימום clicks לכל משימה
תהליכים מורכבים פוגעים באפקטיביות של תהליך מכירה בשלוש דרכים:א. הרתעה: משתמשים נרתעים מתהליכים שנראים במבט ראשון כמחייבים השקעה של זמן, או קבלת החלטות רבות.
ב. נטישה: כל לחיצה על כפתור מחייבת החלטות. “לאשר או לא?” “להמשיך או להפסיק? כל מעבר שלב, לחיצה על כפתור, סימון check box וכו’ מהווים צומת החלטה. בכל צומת כזו עלול המשתמש לבחור לנטוש. ככול שתמעיטו בצמתי ההחלטה, תגדילו את הסיכוי שהמשתמש יסיים את התהליך.
ג.בלבול: כל החלטה שהמשתמש מקבל מגדילה את הסיכוי לשגיאה. כל שגיאה בתהליך מגדילה את הסיכון לתוצאה שגויה ולקוח לא מרוצה.
חשוב להקפיד שתהליכים, מילוי כגון טפסים, גם יתפסו כפשוטים במבט ראשון (לא להציג המון שדות למלא במסך הראשון, לא לחלק את התהליך להמון שלבים) וגם יהיו פשוטים לשימוש בפועל.
הנחיה 3: שמירה על ריווח (White Spaces) בין רכיבים
ככול שהמסך עמוס יותר ברכיבים צפופים, כך קשה יותר לזהות כל רכיב בנפרד בסריקה מהירה והמסך נראה מורכב יותר. שמירה על רווחים בין רכיב לרכיב יוצרת תחושה של מסך עמוס פחות ולכן פשוט יותר לשימוש.
דוגמה טובה: Facebook: למרות שמסך הכניסה לאתר מכיל רכיבים רבים, ושלושה אזורים שונים שמציגים שדות קלט, התחושה הראשונית שהוא יוצר היא של ממשק פשוט. אפקט זה מושג, בין השאר, ע”י שמירה על ריווח בין הרכיבים השונים בעמוד.
הנחיה 4: היצמדות לקונוונציות ממשק מקובלות
מה שמוכר - פשוט לזיהוי ולתפעול. מה ששונה - מורכב יותר. לא פעם, מתוך רצון להיתפס כשונים, חדשנים ומקוריים, עולה הפיתוי “להמציא את הגלגל”.
אם חשוב לכם שהמשתמשים שלכם יבינו איך המערכת שלכם עובדת ללא מאמץ מצדם, וישתמשו בה באופן שהתכוונתם, אל תבלבלו אותם עם ממשק לא מובן. קונבנציות מקובלות כגון הצגת קישורים בצבע כחול (רצוי עם קוו מתחת) וניווט שנמצא במקומות המקובלים (פס ניווט עליון, בר ניווט בצידו של המסך) מקלות על המשתמש להשתמש באתר בצורה אפקטיבית - עבורו ועבורכם.
דוגמה טובה: אתר מכירות הענק Amazon.
האתר מציע מגוון אדיר של מוצרים, ועשיר מאוד בתוכן ובפרסומות. למרות זאת אין בעיה למי שמגיע לאתר, להבין בדיוק איך למצוא מוצרים ולבצע רכישה. האתר נראה חדשני ודינאמי - בלי לנסות להמציא את הגלגל בעיצוב הממשק.
לסיכום: לא פשוט לבנות מערכת פשוטה. שווה להשקיע בכך זמן ומחשבה. שככל שהמערכת שלכם תהיה פשוטה יותר, כך תשתפר האפקטיביות שלה בהשגת המטרות המרכזיות שתגדירו לה.
אתם מוזמנים לשלוח שאלות, בקשות והערות, לכתובת: RanL at matrix.co.il
רן לירון הוא מעצב ממשק בכיר בחברת מטריקס, מרצה לעיצוב ממשק ושימושיות בג’ון ברייס ומורה לאיקידו בבית הספר “רונדו”.
מאמר זה פורסם לראשונה במסגרת המידעון סודות השיווק
פוסט אורח: ממשק שימושי ככלי שיווקי / רן לירון
ממשק אפקטיבי הוא כלי מרכזי ביצירת אתר אפקטיבי. בשונה מהתפיסה הרווחת, עיצוב טוב של ממשק איננו עניין של אסטטיקה וטעם אישי.
אפקטיביות של ממשק נגזרת מגורמים רבים, וביניהם:
- הדרך שבה אנשים קולטים ומעבדים מידע
- הדרך שבה אנשים עובדים
- הציפיות של משתמשים ממערכות ממוחשבות
ועוד.
נושאים אלו נבדקו לעומק באמצעות מחקרים מדעיים. ממחקרים עלו סידרה של כללים לבניית ממשק יעיל. כללים אלו נכונים לממשק של כל מערכת ואתר, כמו גם לכל חלקי האתר - לבאנרים ולתפריטים לחדשות וקישורם, למידעונים וטפסי הרשמה.
מאמר זה ובמאמרים הבאים שיפורסמו כאן, אציג כמה מהכללים המרכזיים ליצירת ממשק אפקטיבי ואת הרלוונטיות שלהם לנושא עיצוב אתרים ושיווק.
כלל מספר אחד לעיצוב ממשק אפקטיבי : הקפד על פשטות. (חוק KISS).
למה זה טוב?
ממשק פשוט = ממשק נוח, ברור ויעיל. הפשטות צריכה להישמר גם ברמת חווית המשתמש הראשונית (”נראה לי שפשוט לבצע רכישה מהאתר הזה”) וגם בפועל (”הצלחתי להשיג מה שהתכוונתי בדיוק, בקלות ובמהירות).
איך עושים את זה?
הנחיה 1: צמצם את הרכיבים המוצגים והפונקציונאליות שהמערכת מציע למינימום ההכרחי
כדי לצמצם בכמות הרכיבים חיוני לזהות מה חשוב לכם ומה חשוב למשתמש, ולהציג רק את המינימום ההכרחי. מה שחיוני למשתמש ולמודל העסקי - להציג. מה ש”nice to have” - להוריד, או להעביר לעמוד מקושר. כן, לפעמים צריך לקבל החלטות קשות ולחתוך בבשר החי.
טעות נפוצה בחשיבה: “כמה שיותר אפשרויות ופונקציות, יותר טוב”. משתמשים מחפשים מה שנוח, ברור וקל לשימוש, בלי מאמץ. יותר רכיבים במסך = יותר מאמץ. יותר החלטות = פחות נוח.
טעות נפוצה בביצוע: העמסה.
עמוד שמכיל המון אופציות, מידע ובאנרים מבטיח שאף אחד מהם לא יזכה למלוא תשומת הלב. אם יש באתר רק מספר רכיבים בודדים, הסבירות שהמשתמש יתייחס אל כל אחד מהם גבוהה בהרבה. יתרה על כך: עמוד עמוס שמאלץ את המשתמש להתאמץ ולחפש מידע בין פרטים רבים שלא רלוונטיים לו, מגדיל את הסיכון שהמשתמש יאבד עניין לגמרי וינטוש את האתר.
הנחיה 2: פישוט תהליכים - מינימום clicks לכל משימה
ב. נטישה: כל לחיצה על כפתור מחייבת החלטות. “לאשר או לא?” “להמשיך או להפסיק? כל מעבר שלב, לחיצה על כפתור, סימון check box וכו’ מהווים צומת החלטה. בכל צומת כזו עלול המשתמש לבחור לנטוש. ככול שתמעיטו בצמתי ההחלטה, תגדילו את הסיכוי שהמשתמש יסיים את התהליך.
ג.בלבול: כל החלטה שהמשתמש מקבל מגדילה את הסיכוי לשגיאה. כל שגיאה בתהליך מגדילה את הסיכון לתוצאה שגויה ולקוח לא מרוצה.
חשוב להקפיד שתהליכים, מילוי כגון טפסים, גם יתפסו כפשוטים במבט ראשון (לא להציג המון שדות למלא במסך הראשון, לא לחלק את התהליך להמון שלבים) וגם יהיו פשוטים לשימוש בפועל.
הנחיה 3: שמירה על ריווח (White Spaces) בין רכיבים
דוגמה טובה: Facebook: למרות שמסך הכניסה לאתר מכיל רכיבים רבים, ושלושה אזורים שונים שמציגים שדות קלט, התחושה הראשונית שהוא יוצר היא של ממשק פשוט. אפקט זה מושג, בין השאר, ע”י שמירה על ריווח בין הרכיבים השונים בעמוד.
הנחיה 4: היצמדות לקונוונציות ממשק מקובלות
אם חשוב לכם שהמשתמשים שלכם יבינו איך המערכת שלכם עובדת ללא מאמץ מצדם, וישתמשו בה באופן שהתכוונתם, אל תבלבלו אותם עם ממשק לא מובן. קונבנציות מקובלות כגון הצגת קישורים בצבע כחול (רצוי עם קוו מתחת) וניווט שנמצא במקומות המקובלים (פס ניווט עליון, בר ניווט בצידו של המסך) מקלות על המשתמש להשתמש באתר בצורה אפקטיבית - עבורו ועבורכם.
דוגמה טובה: אתר מכירות הענק Amazon.
האתר מציע מגוון אדיר של מוצרים, ועשיר מאוד בתוכן ובפרסומות. למרות זאת אין בעיה למי שמגיע לאתר, להבין בדיוק איך למצוא מוצרים ולבצע רכישה. האתר נראה חדשני ודינאמי - בלי לנסות להמציא את הגלגל בעיצוב הממשק.
אתם מוזמנים לשלוח שאלות, בקשות והערות, לכתובת: RanL at matrix.co.il
רן לירון הוא מעצב ממשק בכיר בחברת מטריקס, מרצה לעיצוב ממשק ושימושיות בג’ון ברייס ומורה לאיקידו בבית הספר “רונדו”.
מאמר זה פורסם לראשונה במסגרת המידעון סודות השיווק
מאת admin נושאים 
ממשק משתמש 
Comments
