בכל פרויקט של בניית אתר יש שלב אחד שכולם רוצים לקצר. הוא לא מייצר שום דבר שאפשר לראות, הוא לוקח שבועות, והוא זה שקובע אם הפרויקט יסתיים בזמן.
השלב הזה הוא האפיון. הוא מגדיר מה האתר עושה, למי הוא פונה, אילו עמודים יש בו, ומה קורה בכל פעולה, ורק אחריו יש טעם לדבר על איך הוא ייראה.
המאמר מסביר מה כולל אפיון, איך נראה תהליך מסודר, איך יודעים שהוא נעשה כמו שצריך, ומה בדיוק קורה בפרויקטים שמדלגים עליו.
מה זה אפיון אתר?
הגדרה מלאה של מה האתר עושה לפני שמתחילים לבנות אותו. הוא כולל את מטרות האתר, קהלי היעד, מפת העמודים, מה מופיע בכל עמוד, אילו פעולות אפשריות, ומה קורה אחרי כל אחת מהן. התוצר הוא מסמך שאפשר לבנות לפיו ולהתווכח עליו לפני שנכתבה שורת קוד.
ההבדל מבריף הוא ברמת הפירוט. בריף אומר שרוצים אתר עם עמוד שירותים, ואפיון אומר בדיוק אילו שירותים, מה כתוב בכל אחד, ולאן מוביל הכפתור שבתחתיתו.
הערך המרכזי שלו הוא שהוא זול לשינוי. שינוי במסמך לוקח דקות, אותו שינוי בעיצוב לוקח שעות, ובפיתוח הוא כבר עלול לדרוש לפרק חלקים שכבר עובדים.
לכן פרויקטים שנתקעים כמעט תמיד נתקעים כאן. לא בגלל שהפיתוח מסובך, אלא בגלל שמשהו לא הוגדר, והתגלה בדיוק כשכבר היה יקר לשנות אותו.
מה כולל תהליך מסודר?
שישה שלבים. בירור מטרות ומדדים, מיפוי קהלים, מחקר מילות מפתח, בניית מפת אתר, הגדרת תוכן לכל עמוד, ורק אז עיצוב. השלישי מפתיע רבים, והוא קריטי: מבנה שנקבע בלי לדעת מה אנשים מחפשים לא יתאים לשום חיפוש אמיתי.
- מגדירים מה האתר צריך להשיג ואיך נמדוד
- ממפים למי הוא פונה ומה כל קהל מחפש
- עורכים מחקר מילות מפתח ומקצים אותן לעמודים
- בונים מפת אתר עם כל העמודים והיררכיה
- מגדירים לכל עמוד מה כתוב בו ומה הפעולה
- עוברים לעיצוב, על בסיס תוכן אמיתי
השלב השלישי הוא זה שמבדיל אתר שנמצא בגוגל מאתר שרק קיים. הוא קובע כמה עמודי שירות יהיו, איך הם ייקראו, ואילו נושאים דורשים עמוד משלהם.
השלב החמישי הוא זה שהכי מרבים לדלג עליו, וזה יקר. הגדרת תוכן אינה כתיבה מלאה, אלא קביעה של הכותרות, של הנושאים ושל הפעולה בכל עמוד.
בפרויקטים של בניית אתרים בוורדפרס אנחנו מקפידים על הסדר הזה. עיצוב שמתחיל לפני שיש מפת אתר ותוכן מוגדר כמעט תמיד חוזר לשולחן פעמיים.
למה עיצוב בא אחרי ולא לפני?
כי עיצוב הוא פתרון לבעיה, ובלי אפיון לא יודעים מה הבעיה. עיצוב שנבנה עם טקסט לדוגמה מתפרק ברגע שנכנס תוכן אמיתי: כותרות ארוכות נשברות, רשתות לא מסתדרות כשיש יותר פריטים מהצפוי, ותמונות ביחס שונה מעוותות את הפריסה כולה.
| ההנחה בעיצוב | המציאות | התוצאה |
|---|---|---|
| כותרת קצרה | כותרת ארוכה בעברית | שבירת שורה במסך הראשון |
| שלושה שירותים | תשעה שירותים | רשת שלא מסתדרת |
| המלצה אחת | אין המלצות עדיין | אזור ריק בעמוד |
| תמונות אחידות | תמונות בגדלים שונים | חיתוך לא נכון |
| פסקה קצרה | טקסט מלא | עמוד ארוך בלי מבנה |
השורה הראשונה נפוצה במיוחד בעברית. כותרת שנראתה מצוין בסקיצה מתארכת בתרגום לתוכן אמיתי, והמסך הראשון, שהוא החשוב ביותר, נשבר.
השורה השלישית נפוצה באתרים חדשים. עיצוב שכולל אזור המלצות בעסק שאין לו עדיין המלצות משאיר חלל ריק, וזה משדר נטישה כבר ביום ההשקה.
הפתרון אינו לכתוב הכול מראש. מספיקה טיוטה גסה של הכותרות ושל הפסקאות המרכזיות כדי שהעיצוב ייבנה סביב מה שבאמת יהיה שם בסוף.
איך יודעים שהאפיון נעשה נכון?
לפי ארבעה סימנים. אפשר לספור בדיוק כמה עמודים יהיו, יודעים מה הפעולה המרכזית בכל עמוד, ברור מי מספק כל חלק מהתוכן, וכל בעלי העניין אישרו את המסמך. כשאחד מהם חסר, השאלה תעלה שוב באמצע הפיתוח ואז היא כבר יקרה.
הסימן הראשון הוא המעשי ביותר. מסמך שאי אפשר לספור ממנו עמודים אינו אפיון אלא רשימת רצונות, ואי אפשר לתמחר אותו או לקבוע לו לוח זמנים.
הסימן השלישי מונע את התקיעה הנפוצה ביותר. כשלא סוכם מי כותב ומי מספק תמונות, האתר נבנה ונשאר ריק שבועות, וזה קורה בחלק גדול מהפרויקטים.
הסימן הרביעי הוא ניהולי. אישור בעל פה נשכח, ואישור כתוב על מסמך ברור מונע את הדיון החוזר שמגיע בדיוק כשהעיצוב כבר הושלם ואושר.
אילו טעויות עולות ביוקר?
ארבע. לדלג על מחקר מילות מפתח, לעצב לפני שיש תוכן, לא להגדיר מי מספק כל חלק, ולא לקבוע מי מכריע במחלוקות. הרביעית נראית שולית והיא זו שמאריכה פרויקטים בחודשים, כי החלטות פשוטות ממתינות לאישור שאף אחד לא מוסמך לתת.
הראשונה גורמת לאתר להיות בנוי סביב מונחים פנימיים. עסק שקורא לשירות שלו בשם ייחודי ובונה עליו עמוד מגלה שאף אחד לא מחפש את השם הזה בגוגל.
השנייה מייצרת עבודה כפולה. עיצוב שאושר על טקסט לדוגמה חוזר לשולחן ברגע שנכנס תוכן אמיתי, וכל שינוי בשלב הזה גורר גם התאמות בכל שאר המסכים.
מה שמונע את כולן הוא מסמך אחד מוסכם. גם מסמך קצר של כמה עמודים, שכולם אישרו, שווה יותר מכל שיחה, וכשמתעוררת מחלוקת פשוט חוזרים אליו.
כמה זמן זה לוקח?
באתר תדמית קטן שבוע עד שבועיים, ובאתר מורכב או בחנות זה יכול להימשך חודש ויותר. מה שמאריך הוא לא העבודה עצמה אלא ההמתנה: לתשובות, לתוכן ולהחלטות פנימיות. פרויקט שבו יש איש קשר אחד שמכריע מתקדם מהר פי כמה.
| הגורם | מה מאריך | מה מקצר |
|---|---|---|
| החלטות | כמה מאשרים בלי הכרעה | איש קשר אחד מוסמך |
| תוכן | המתנה לחומרים | טיוטה גסה מראש |
| היקף | דרישות שמתווספות | רשימה סגורה מראש |
| מחקר | אין נתונים על הקהל | מחקר מילים מוקדם |
השורה הראשונה היא הגורם המשפיע ביותר. פרויקט שבו כל החלטה עוברת דרך שלושה אנשים מתקדם בקצב של הכי איטי מביניהם, ולא בקצב של מי שעובד עליו.
השורה השלישית נוגעת לתופעה מוכרת. דרישות שמתווספות תוך כדי מאריכות כל פרויקט, וכשמסכימים מראש שכל תוספת נדונה בנפרד, הזחילה הזאת נעצרת.
כשיש כבר בסיס מותגי, השלב כולו מתקצר. מיתוג עסקים שמגדיר צבעים, גופנים וטון חוסך סבב שלם של החלטות שאחרת נעשות בתוך פרויקט האתר.
מה מקבלים בסוף התהליך?
מסמך שאפשר לבנות לפיו. מפת אתר מלאה, הגדרת תוכן ופעולה לכל עמוד, מפת מילות מפתח מוקצית, ומסכי עיצוב מאושרים לעמודים המרכזיים. עם אלה ביד, הפיתוח הופך למשימה מוגדרת עם לוח זמנים ריאלי במקום לתהליך פתוח שאף אחד לא יודע מתי ייגמר.
המסמך הזה משרת גם אחרי ההשקה. כשמוסיפים עמוד בעוד שנה, ברור לאיזו תבנית הוא שייך ואיפה הוא יושב במבנה, ואין צורך להמציא הכול מחדש.
הוא גם מגן על שני הצדדים. הלקוח יודע בדיוק מה הוא מקבל, והספק יודע מה מוגדר כתוספת, וזה מונע את רוב חיכוכי הסיום בפרויקטים.
שווה גם לשמור אותו אחרי ההשקה. כשמחליפים ספק בעוד שנתיים, מסמך האפיון הוא הדבר היחיד שמסביר למה האתר בנוי כפי שהוא בנוי, וזה חוסך למי שנכנס חודש של פענוח.
לרוב העסקים הבינוניים, זה נשמע יותר משצריך והוא בדיוק מה שצריך. גם אתר תדמית לחברה עם שמונה עמודים מרוויח ממסמך של שלושה עמודים שמגדיר בדיוק מה יהיה בהם.
אפיון לוקח שבועיים ולא מייצר שום דבר שאפשר לראות. הוא גם החלק היחיד שקובע אם הפרויקט ייגמר בזמן.
אור פלתה, מנכ״ל U Digital Studio
שאלות ותשובות
מה זה אפיון אתר?
הגדרה מלאה של מה האתר עושה לפני שבונים אותו: מטרות, קהלי יעד, מפת עמודים, מה מופיע בכל עמוד, אילו פעולות אפשריות ומה קורה אחרי כל אחת. התוצר הוא מסמך שאפשר לבנות לפיו ולהתווכח עליו מראש.
למה אפיון חשוב כל כך?
כי הוא זול לשינוי. שינוי במסמך לוקח דקות, אותו שינוי בעיצוב לוקח שעות, ובפיתוח הוא כבר עלול לדרוש לפרק חלקים שעובדים. פרויקטים שנתקעים כמעט תמיד נתקעים בגלל משהו שלא הוגדר בשלב הזה.
מה כולל תהליך אפיון מסודר?
בירור מטרות ומדדים, מיפוי קהלים, מחקר מילות מפתח, בניית מפת אתר, הגדרת תוכן ופעולה לכל עמוד, ורק אז עיצוב. שלב מחקר המילים קריטי, כי מבנה שנקבע בלי לדעת מה מחפשים לא יתאים לשום חיפוש.
למה לא מתחילים מהעיצוב?
כי עיצוב הוא פתרון לבעיה, ובלי אפיון לא יודעים מה הבעיה. עיצוב שנבנה עם טקסט לדוגמה מתפרק כשנכנס תוכן אמיתי: כותרות ארוכות נשברות, רשתות לא מסתדרות ותמונות בגדלים שונים מעוותות את הפריסה.
איך יודעים שהאפיון טוב?
כשאפשר לספור בדיוק כמה עמודים יהיו, יודעים מה הפעולה המרכזית בכל עמוד, ברור מי מספק כל חלק מהתוכן, וכל בעלי העניין אישרו את המסמך. כשאחד מהם חסר, השאלה תחזור באמצע הפיתוח.
כמה זמן לוקח אפיון?
באתר תדמית קטן שבוע עד שבועיים, ובאתר מורכב או בחנות חודש ויותר. מה שמאריך הוא לא העבודה אלא ההמתנה לתשובות, לתוכן ולהחלטות. פרויקט עם איש קשר אחד שמוסמך להכריע מתקדם מהר פי כמה.
מה הטעות היקרה ביותר בשלב הזה?
לא לקבוע מי מכריע במחלוקות. זה נראה שולי ומאריך פרויקטים בחודשים, כי החלטות פשוטות ממתינות לאישור שאף אחד לא מוסמך לתת. אחריה, לעצב לפני שיש תוכן ולדלג על מחקר מילות המפתח.
מה מקבלים בסוף האפיון?
מפת אתר מלאה, הגדרת תוכן ופעולה לכל עמוד, מפת מילות מפתח מוקצית, ומסכי עיצוב מאושרים לעמודים המרכזיים. עם אלה הפיתוח הופך למשימה מוגדרת עם לוח זמנים, במקום תהליך פתוח בלי סוף ברור.
