אפיון: אתר טוב מתחיל כאן

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

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

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

מה זה אפיון אתר?

אפיון הוא השלב הראשון בהקמת אתר.

תהליך הקמת אתר מורכב מהשלבים הבאים:
אפיון > עיצוב > בניה (פיתוח) > הזנת תוכן > עליה לאוויר.

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

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

"אפיון" – המילה שכולם אומרים אבל לא מתכוונים לאותו דבר

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

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

האם זה אפיון? לא. זה מסמך חשוב של ניהול פרויקט, אבל זה לא אפיון.

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

מסמך קווים מנחים אומר מה הכיוון הכללי. אפיון אמיתי עונה על השאלה "איך בדיוק האתר הזה ייבנה?".

אז מה זה כן אפיון?

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

זה לא תיאור כללי של האתר – זו תכנית עבודה מפורטת.

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

אז איך נראית התכנית המפורטת הזאת? מה בדיוק מקבלים בסוף?

מה מקבלים בסוף אפיון?

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

בדרך כלל, אפיון כולל את התוצרים הבאים:

1. תיאור כללי של האתר

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

2. התפריט הראשי של האתר

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

3. רשימת הדפים והתבניות באתר

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

4. עבור כל דף או תבנית – רשימת תכולה ופונקציונליות

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

5. שרטוטי Wireframes של דפים מרכזיים באתר

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

6. פונקציונליות שלא קשורה ישירות לדפים מסוימים

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

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

למה בכלל לעשות אפיון?

בעיניי, יש שלוש סיבות מרכזיות:

1. כדי שהאתר העתידי יעשה עבודה טובה

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

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

יש לכם שירות חשוב שאתם רוצים שגולשים יגיעו אליו – איפה תשימו קישור אליו? בדף הבית? בתפריט הראשי? וחשוב יותר – איפה בדף הבית ואיפה בתפריט?

יש לכם מידע חשוב על הארגון שלא ממש שייך ל"שירותים" ולא לדף "אודות" – איפה תכניסו אותו? באיזה דף ובאיזו תצורה?

יש לכם עשרות מוצרים – איך תסדרו אותם כך שכל אחד ימצא מה שהוא מחפש בקלות?

יש לכם קטגוריות שדומות זו לזו – איך תסדרו את המוצרים והשירותים מתחתיהן בלי שהגולשים יתבלבלו?

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

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

2. כדי לקבל תמחור מדויק להקמת האתר

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

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

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

3. כדי שתהליך הקמת האתר יהיה חלק יותר

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

למשל: באמצע תהליך הקמת האתר מגלים שחסר סוג דף חשוב ששכחו לחשוב עליו. או פתאום עולה רעיון "אבל רגע, מה עם גולשים שרוצים גם X וגם Y?" – ואז צריך לחזור אחורה ולשנות דברים שכבר עוצבו ונבנו, וזה יקר ומתסכל.

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

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

(אגב, ה"חריקות" האלו בתהליכי בניית אתרים הן בדיוק מה שהפך אותי למאפיינת – כתבתי על זה [כאן])

 

בונוס נוסף שקורה לפעמים:

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

הנה סיפור בו הלקוח התכונן לפיתוח יקר, ובמהלך האפיון מצאנו פתרון שהפיתוח שלו זול יותר. [לינק למאמר]

תהליך האפיון – איך עושים את זה

עכשיו שמבינים מה זה אפיון ולמה הוא חשוב – בואו נדבר על מה קורה בפועל.

לפני הכל – סדר

הערך המרכזי שמוביל אותי בכל תהליך אפיון הוא סדר.

לפני "אתר יפה", לפני "אתר שמניע לפעולה", לפני כל הטריקים השיווקיים – סדר.

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

התפקיד הראשון של האפיון הוא ליצור סדר מתוך הכאוס הזה.

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

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

ואז – סדר במבנה הפנימי של כל דף. מה הגולש רואה קודם, מה אחר כך, איך המידע זורם.

כל הזמן אנחנו חושבים על הגולש:

  • באיזה מצב מנטלי הוא נמצא כשהוא מגיע לאתר?
  • באיזו סיטואציה הוא נמצא?
  • מה עובר לו בראש?
  • אילו שאלות הוא שואל?

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

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

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

ומשקט וביטחון, הם נעים לפעולה.

תודה שקראתם עד פה!

אני כותבת את המאמר הזה בשלבים. מתקדמת לאט לאט. בקרוב אמשיך ואוסיף פה עוד תוכן 🙂