קיבלנו פרויקט מלקוח, אנחנו רוצים לבנות Landing Page לצורך קידום של מוצר מסוים, עובדים על עיצוב מחדש לאתר קיים.. מאיפה מתחילים? איך עושים את זה "נכון"?
המטרה של הפוסט היא להסביר מעט על התהליך שקורה החל מזריקת הרעיון לאוויר ועד השקת האתר ושיווקו מהצד התיאורטי יותר. אני אשתדל לגעת בנושאים העיקריים, וכמובן שאתם מוזמנים להעלות גם מהניסיון האישי שלכם בתגובות.
ראשית, חשוב להבין שאין בתחום הזה "נכון" או "לא נכון". לכל אחד יש את שיטות העבודה שלו, שמבוססות על ניסיון ועל עבודות מוצלחות ומוצלחות יותר, ובעיקר על ניסוי וטעייה. הצלחה של אתר לא תמיד תימדד בכמה כסף הוא הכניס, או כמה כניסות היו לאתר. כל הצלחה נמדדת מול המטרות שהוגדרו בתחילת הפרויקט. השגנו - או לא השגנו - את המטרות.
מחזוריות
כמו כל דבר בטבע, גם פיתוח של אתר אינטרנט נעשה תמיד במחזוריות. השלב הראשון בשרשרת הוא שלב ה
מחשבה- תכנון של הסקיצות, הגדרת מטרות- מה חשוב לנו יותר, וביקורת עצמית-
האם מה שיש פה באמת צריך להיות פה? למה אני עושה את מה שאני עושה ככה?. הביקורת חשובה לנו אף יותר מהתכנון עצמו (אם עושים אותה נכון), מכיוון שהרבה פעמים אנחנו נשים את עצמנו במקום הגולש כדי להבין במדויק את הצרכים שלו, וכך ליישם אותם בתכנון.
השלב הבא הוא שלב ה
ביצוע- עיצוב הסקיצות על המחשב, חיתוך, תכנות וכו'. המטרה היא לעבוד זורם, ללא ביקורת (את הביקורת היינו אמורים לעשות קודם! :-)), לרוץ קדימה.
השלב האחרון הוא למעשה ה
חזרה. זה לא פשוט לעבוד הרבה שעות על אותו פרויקט ברצף, ולרוב רק יגרע מהעבודה (רצון לסיים עם זה כבר \ שעמום \ מונוטוניות...). קחו הפסקה, צאו לשתות משהו, תראו טלויזיה, לכו לעשות סקי- כל מה שירפרש לכם את הראש. סיימתם? תחזרו ותמשיכו לעבוד בראש רענן, רעיונות חדשים יצוצו, ותחזרו לחשוב ולתכנן הלאה את המשך העבודה.
הגדרת המטרות (או: למה אנחנו כאן?)
תגים של Technorati:
עיצוב גרפי הגדרת המטרות הוא השלב החשוב ביותר בכל תהליך עבודה. הוא זה שמכוון אותנו בעיצוב האתר, מפקס אותנו סביב יעד מסוים ושומר על דרך העבודה. לפני שנתחיל, חשוב להבין ב-100% מה היעד שאנחנו רוצים להשיג, ואיך נגדיר "הצלחה"- האם מדובר במכירה מדף Affiliate? האם מדובר בכמות כניסות או נרשמים? שינוי תדמית?. זכרו שהאתר הוא
כלי להשגת המטרה,
ולא המטרה עצמה. בהקשר של אתרי אינטרנט, מדובר ביותר סוג של קו-מנחה לעבודה, מאשר מטרות אסטרטגיות גדולות של הארגון או של בונה האתר.
איך מנסחים משימה? שמירה על
פשטות (המלצה: תשאלו את עצמם תמיד "למה?" ו"איך?", על כל צעד שלכם בעבודה),
מציאותיות (להשיג מיליון דולר תוך שנה עבור אתר קטן זה לא ממש מציאותי אם תהיתם)
ומיקוד (להיות מספר 1 באיביי בתחום של אוזניות קטנות לנגני mp3 הרבה יותר ממוקד מלהיות מספר 1 בתחום האקססוריז ל-mp3...). שמירה על שלושת המרכיבים הללו בניסוח מטרה רק יקרב אותנו בדרך להשיג אותה.
מטרה VS. משימה לא מעט מעצבים שעבדתי איתם הציבו לעצמם את המטרה "לעצב אתר מגניב". למעשה זו איננה מטרה, אלא משימה. מטרה היא משהו שאנחנו
שואפים להגיע אליו, בעוד ש
משימה היא שלב בדרך להשגת המטרה.
שאלתם את עצמכם פעם למה אתם גולשים באתר בחשבון הבנק שלכם? תרשו לי לשער שלא מדובר במטרה לנהל את החשבון, אלא "לראות שאני בפלוס והכל בסדר בחשבון" (רובנו, לפחות :-)). כדאי לנסח את המטרות מהצד של הגולש, לפי הצרכים האמיתיים שלו. זה רק יעזור לכם להבין מה השלבים בדרך להשגת המטרה באופן טוב יותר, דרך הראש של הגולש.
קהל היעד
מי באמת הולך לגלוש באתר?
מה הפעולה שהגולש נדרש לבצע? ו
איך אני מכוון את קהל היעד לביצוע הפעולה הזו (הרשמה לאתר, רכישה וכו')?
בטרם נתחיל לתכנן את העיצוב והפונקציונליות של כל חלק, נגדיר את קהל היעד שאליו פונה האתר באופן ממוקד ככל האפשר. אתר עסקים לא נעצב כמו אתר ילדים, ובאתר ילדים לא נשים עדכוני מזג אוויר בראש הדף. זכרו שהאתר שלנו מעוצב עבור
אנשים, אך לא ניתן לעצב משהו שיתאים ל
כל האנשים. באותה מידה חשוב לשמור על שפה, סגנון ושימושיות (לאתר המיועד לבעלי מוגבלויות לא אכתוב בפונט בגודל 12...).
איך נדע אם האתר שלנו מתאים לקהל היעד? כל גולש שואל את עצמו שאלה אחת בסיסית בכניסה לאתר-
האם אני נמצא במקום הנכון? זה מה שחיפשתי?. המטרה שלנו היא לתכנן את האתר בצורה שתתן מענה של כמה שיותר "כן" לכמה שיותר גולשים במסגרת קהל היעד. בדרך כלל הכותרת תהיה הראשונה שתמשוך את תשומת הלב של הגולש, ושם הוא יחפש את התשובה. אם היא לא הגיעה משם, הוא יקפוץ לאלמנט הבולט הבא שיש בדף, וכן הלאה. יש לכם בדיוק 10-15 שניות לתת לגולש מענה לשאלה הזו, כל חריגה מעבר למסגרת הזמן הזו תוביל את הגולש לאתר הבא בתוצאות, ולהפסד שלכם בעוד גולש פוטנציאלי.
למה להשתמש במוצר שלנו? - למה באמת? לא אכפת לי!!! כותרות נפוצות (בעיקר באתרים ישראלים) הן כותרות רטוריות, שמטרתן להעלות שאלה או תהייה מסויימת אצל הגולש. אתם לא בדיאלוג עם הגולש, אתם אמורים לספק לו את המידע שהוא מחפש. השתדלו להמנע מהן ככל שניתן, מכיוון שהזלזול באינטליגנציה של הגולש יוצר אנטגוניזם כמעט מיד, ומרחיק אותנו מעוד גולש פוטנציאלי. במקום זאת, מומלץ להשתמש במשפט ללא סימן שאלה, או בכותרת אינפורמטיבית יותר.
בסיכומו של עניין, נסו לשים את עצמכם במקום קהל היעד שלכם- אם אתם ילדים שבאתם לגלוש באתר משחקים, או אם אתם אנשי עסקים שנכנסו לאתר רק כדי לבדוק מה מצב הבורסה. האם קיבלתם את המידע שחיפשתם? כמה זמן וכמה קליקים זה לקח? האם זה דרש מכם עומק מחשבתי מסוים או שהתשובה הופיעה מיד, מבלי שתידרשו לחפש אותה?
מיתוג - איך אני יודע שאני במקום הנכון?
מיתוג הוא מונח שמתאר את זהות המוצר שאותו אנחנו משווקים- עמדות, רגשות ותפיסות שקיימות אצל קהל היעד בנוגע לאותו מוצר. זה יכול להיות אתר אינטרנט שמהווה חלק מהזהות המותגית של המוצר (לדוגמה
מאקו, אתר הבית של קשת), ואתר האינטרנט יכול לעמוד כמותג בפני עצמו (למשל
תפוז). למעשה זו ההצהרה שלנו כלפי הלקוח-
זה אנחנו, וזה מה שאנחנו מוכרים.
איך בונים מותג באתר אינטרנט? איך אתר אינטרנט תורם לבניית המותג?
- ערך מוסף- למה הגולש יבוא אלי ולא אל המתחרה? מה הערך המוסף שאני מציע?
- תיאור פשוט- אתר מגניב, כיף לגלוש בו, בטוח, מקצועי, רציני, מעניין, זול, יוקרתי, ייחודי. תגדירו את הארגון ואת מה שהוא מעוניין לשדר ב-3-4 תגיות, מהזווית שלכם. הצלחתם? זו הזהות שלכם, הקו המנחה לעיצוב האתר. "גוגל"- פשטות. "אפל"- מגניב. "איקאה"- זול. נסו את זה על מותגים שאתם מכירים.
- עלות- לכל דבר יש עלות מסוימת, אם זו עלות כספית, זמן או שווה ערך. חשוב תמיד להדגיש את ה"שורה התחתונה" במונחי עלות. גוגל הצליחו עם המהלך של ג'ימייל לא בכלל שהציעו תיבת דואר של ג'יגה- אלא בגלל שהציעו אותה בחינם. על הבסיס הזה נבנה המותג של ג'ימייל בפרט, ושל גוגל בכלל.
- זהות מותגית- לוגו ושם קליטים, צבעים מזוהים, כיוון ברור, תשובות ברורות, דמיון ואסוציאציות שעולות לגולש כשאומרים לו את שם המותג.
קטונתי מלהדריך על שיווק, זה המעט שאני יכול בנוגע לאתרי אינטרנט. ממליץ לכם
לגגל כדי לדעת יותר.
תשומת לב - נדל"ן על המסך הקטן
כשמתכננים אתר ששואף להשיג מספר רב של גולשים (או מכירות), אנחנו נמצאים בתחרות מתמדת על תשומת הלב של הגולש. מצד אחד אנחנו חושבים שהכל מעניין והגולש צריך להיות מעורב בכמה שיותר אלמנטים. מצד שני, אי אפשר לאכול את כל העוגה. תפקידנו הוא להחליט מה חשוב לגולש, תוך בחינה של השאלה הקבועה-
האם אני נמצא במקום הנכון? האם כאן אמצא את מה שאני מחפש?.
- פריסה- טור אחד? 2 טורים? בלוקים מפוזרים? כותרת גדולה ומתחתיה בלוקים קטנים? קחו בחשבון אלמנטים קבועים (לוגו, שורת חיפוש, כותרת ראשית), ואלמנטים משתנים ("תגובות אחרונות" בבלוג למשל). ככל שהאלמנט יהיה עליון יותר בפריסת הדף, כך הוא יקבל יותר תשומת לב.
- גודל- גדול יותר = מושך תשומת לב.
- קונטרסטיות בין צבעים שונים ואלמנטים שונים.
- צבע- בבחירת פלטת גוונים קבועה לכל האתר, נוכל להדגיש אלמנטים מסוימים ע"י בחירה בצבע או בגוון שונה. חשוב לשמור על ההרמוניה בין הצבעים, נקודת פתיחה טובה תהיה חיפוש פלטות מוכנות ב-Color Galleries ברשת, וביצוע אופטימיזציות קטנות לגוונים לפי הצרכים שלנו. את הצבעים נחלק ל-2 קטגוריות- צבעי בסיס וצבעי הדגשה שיהיו גוונים של צבעי הבסיס, למשיכת תשומת לב לאלמנטים ספציפיים.
- ריווח- מתן מרחב לאלמנט, באופן יחסי לשאר האלמנטים סביבו, יגדיל את תשומת הלב של הגולש אליו. תחת קטגוריה זו נכלול ריווח של בלוקים, ריווח של פסקאות, ריווח בין שורות או בין אותיות, ותמונות ביחס לטקסט סביבן. לטקסט יש כוח עצום, אבל לטקסט קריא ויזואלית יש כוח גדול עוד יותר!
- Focal Point- בכוונה השארתי את הנושא הזה אחרון. Focal Point הוא נקודת ה"עוגן" לעין הגולש- האלמנט הראשון שמושך את העין (בדרך יהיה העליון ביותר), ממנו צריך להמשיך ולהוליך לשאר האלמנטים לפי סדר החשיבות שלהם. בדרך כלל הוא יהיה זה שיענה על השאלה האם אני נמצא במקום הנכון. שימו לב שלוגו לא יכול להיות ה-Focal Point שלנו, מכיוון שה-Focal Point צריך להיות עוגן שישתנה בכל דף ודף באתר. אנשים מגיעים לאתר כדי למצוא מידע מסוים, ולא כדי להסתכל על הלוגו. אם ה-Focal Point לא מספק מענה לאותו צורך למידע, פספסנו בגדול את תשומת לבו של הגולש, והפסדנו עוד גולש פוטנציאלי.
סיכום
השתדלתי לגעת בכמה נקודות למחשבה בהקשרים של עיצוב אתר ושיטת עבודה. חשוב תמיד לעקוב אחרי המטרות שהגדרנו בתחילת הפרויקט, ולבחון באופן מתמיד את המצב הקיים אל מול המטרות וקהל היעד. לעצב אתר מדהים מגניב יכול להיות הצלחה ויכול להיות כישלון- הכל תלוי בהגדרת המטרות, קהל היעד והצורה שבה השגנו את אותן מטרות.
אם יש לכם הצעות, רעיונות - תנו בתגובות!