אפיון · שלב 4
תבנית אפיון להעתקה
זו תבנית מלאה לאפיון אתר או מערכת קטנה, כתובה כסעיפים עם שאלות מנחות וטבלאות למילוי. העתיקו אותה למסמך משותף, מחקו את מה שלא רלוונטי, ומלאו את השאר יחד עם הצוות.
איך משתמשים בתבנית
התבנית בנויה על אותם חלקים שמופיעים ברוב מסמכי הדרישות. Atlassian, למשל, ממליצה לפתוח בפרטי הפרויקט (משתתפים, סטטוס, תאריך יעד), להמשיך במטרות, ברקע ובהנחות, ואחר כך בסיפורי משתמש, בעיצוב, בשאלות פתוחות ובמה שמחוץ לתחום. הוספנו את מה שאתר בעברית צריך בנוסף: כיווניות, נגישות לפי התקן הישראלי ומדידה.
- כל מה שבסוגריים מרובעים, כמו [שם הפרויקט], מחליפים בתוכן שלכם.
- סעיף שלא רלוונטי לא מוחקים בשקט: כותבים "לא רלוונטי בגרסה הזו" ומסבירים למה. כך ברור שזו החלטה ולא שכחה.
- המסמך הוא מסמך חי. רשמו בראשו תאריך עדכון אחרון, ורשמו כל החלטה גדולה ביומן ההחלטות שבסוף.
- אם אתם לא בטוחים מה נכנס בכל חלק, קראו קודם את אפיון אתר ואת אפיון מערכת.
סעיף 1: פרטי הפרויקט ומטרות
| שדה | למילוי |
|---|---|
| שם הפרויקט | [שם] |
| בעלת המסמך | [תפקיד] |
| משתתפים | [מוצר, עיצוב, פיתוח, תוכן, לקוח] |
| סטטוס | [טיוטה / בבדיקה / מאושר] |
| תאריך יעד להשקה | [תאריך] |
| עדכון אחרון | [תאריך] |
מטרות
- מטרה עסקית: [מה הארגון רוצה להשיג? למשל: יותר פניות איכותיות, פחות שיחות למוקד]
- מטרת משתמש: [מה המבקרים רוצים להשיג באתר?]
- איך נמדוד הצלחה: [מדד, ערך נוכחי אם ידוע, יעד, ותאריך בדיקה]
רקע והנחות
- למה עכשיו: [מה השתנה, מה לא עובד היום]
- הנחות: [מה אנחנו מניחים על המשתמשים, על הטכנולוגיה ועל העסק, ואיך נבדוק כל הנחה]
- מגבלות: [תקציב, לוח זמנים, מערכות קיימות שאי אפשר להחליף]
סעיף 2: קהל ותרחישים
לכל קבוצת משתמשים שורה בטבלה. אם יש מחקר, קשרו אליו; אם אין, כתבו שאלו הנחות. על בניית פרסונות ראו פרסונות.
| קבוצה | מה מביא אותם לאתר | המשימה המרכזית | מכשיר עיקרי | מקור הידע |
|---|---|---|---|---|
| [למשל: לקוחות חדשים] | [חיפוש בגוגל, המלצה] | [להבין מה מציעים ולפנות] | [טלפון] | [ראיונות / אנליטיקס / הנחה] |
| [קבוצה נוספת] |
סיפורי משתמש
כתבו את הצרכים המרכזיים בתבנית שמדריך השירות של ממשלת בריטניה מציע: בתור [סוג משתמש], אני צריך [מה], כדי ש[למה]. אם קשה לכתוב את החלק של "כדי ש", שקלו אם הפיצ'ר באמת נחוץ.
- בתור [ ], אני צריך [ ], כדי ש[ ]
- בתור [ ], אני צריך [ ], כדי ש[ ]
- בתור [ ], אני צריך [ ], כדי ש[ ]
סעיף 3: מפת אתר
רשימת כל העמודים, ההיררכיה שלהם והכתובות. באתר שמחליף אתר קיים, הוסיפו עמודה לכתובת הישנה כדי לתכנן הפניות. על בניית המבנה ראו ארכיטקטורת מידע.
| מזהה | עמוד | רמה | כתובת (URL) | כתובת ישנה | תבנית עמוד | עדיפות |
|---|---|---|---|---|---|---|
| 1 | עמוד הבית | 0 | / | / | בית | חובה |
| 2 | [שם מדור] | 1 | /[slug]/ | [ ] | מדור | חובה |
| 2.1 | [עמוד בתוך המדור] | 2 | /[slug]/[slug]/ | [ ] | תוכן | [חובה / רצוי] |
| 3 | צרו קשר | 1 | /contact/ | [ ] | טופס | חובה |
| 4 | הצהרת נגישות | 1 | /[slug]/ | [ ] | תוכן | חובה |
סעיף 4: אפיון עמוד-עמוד
העתיקו את הבלוק הזה לכל עמוד או תבנית עמוד. בעמודים שחולקים תבנית אחת (למשל כל עמודי המוצר), מאפיינים פעם אחת את התבנית.
עמוד: [שם העמוד] (מזהה [ ])
| שדה | למילוי |
|---|---|
| מטרת העמוד | [מה המבקר צריך להבין או לעשות כאן] |
| מגיעים אליו מ | [תפריט, חיפוש, קישור במייל, עמוד אחר] |
| הפעולה העיקרית | [כפתור אחד שהכי חשוב שילחצו עליו] |
| וויירפריים | [קישור לפריים בפיגמה] |
| כותרת ותיאור לגוגל | [כותרת קצרה ותיאור במשפט אחד שמסביר מה יש בעמוד] |
רכיבים לפי סדר הופעה
| # | רכיב | תוכן | התנהגות | הערות |
|---|---|---|---|---|
| 1 | [כותרת עליונה] | [לוגו, תפריט, חיפוש] | [מה קורה בגלילה ובטלפון] | |
| 2 | [אזור פתיחה] | [כותרת, משפט, כפתור] | [לאן הכפתור מוביל] | |
| 3 | [רכיב] |
מצבים מיוחדים
- טעינה: [מה רואים בזמן שהמידע נטען]
- ריק: [מה רואים כשאין תוכן או תוצאות]
- שגיאה: [מה כתוב, ומה המשתמש יכול לעשות]
- הצלחה: [איזה אישור מופיע, ולאן ממשיכים]
- משתמש מחובר ולא מחובר: [מה שונה, אם בכלל]
לתהליכים עם כמה צעדים (הרשמה, הזמנה, תשלום) הוסיפו קישור לזרימת משתמש המתאימה.
סעיף 5: רכיבים חוזרים
רכיבים שמופיעים בהרבה עמודים מאפיינים פעם אחת, כאן, וכל עמוד מפנה אליהם. אם יש מערכת עיצוב, קשרו לרכיב שם במקום לתאר אותו מחדש.
| רכיב | איפה מופיע | גרסאות (Variants) | התנהגות | קישור בפיגמה |
|---|---|---|---|---|
| כפתור | בכל האתר | [ראשי, משני, טקסט; רגיל, מעבר עכבר, מושבת, טעינה] | [ ] | [ ] |
| שדה טופס | [טפסים] | [רגיל, פוקוס, שגיאה, מושבת] | [מתי מוצגת שגיאה] | [ ] |
| כרטיס | [רשימות] | [ ] | [כל הכרטיס לחיץ או רק הכותרת] | [ ] |
| הודעה | [ ] | [מידע, הצלחה, אזהרה, שגיאה] | [נסגרת לבד או לא] | [ ] |
החלטות כיווניות ועברית
- כיוון: [מימין לשמאל, ומה קורה בשפות נוספות אם יש]
- אייקונים: [אילו מתהפכים ואילו לא]. רקע: אייקונים ושיקוף
- מספרים ותאריכים: [פורמט תאריכים, שעות, טלפונים ומחירים]. רקע: מספרים, תאריכים וטקסט מעורב
- גופן: [גופן עברי ומשקלים]. רקע: גופנים עבריים לממשק
סעיף 6: תוכן
| סוג תוכן | מי כותב או מספק | מועד מסירה | מי מאשר | איך מתעדכן אחר כך |
|---|---|---|---|---|
| טקסטים לעמודים | [ ] | [ ] | [ ] | [מערכת ניהול תוכן / פנייה לצוות] |
| תמונות | [צילום מקורי / מאגר ברישיון] | [ ] | [ ] | [ ] |
| מיקרו-קופי: כפתורים, שגיאות, אישורים | [ ] | [ ] | [ ] | [ ] |
| מסמכים להורדה | [ ] | [ ] | [ ] | [ ] |
המילים בממשק הן חלק מהאפיון, לא קישוט שמוסיפים בסוף. על כתיבת כפתורים, הודעות ושגיאות ראו UX Writing.
סעיף 7: חיבורים למערכות אחרות
| מערכת | מטרה | כיוון המידע | אילו נתונים | מה קורה כשהחיבור נכשל | בעלים |
|---|---|---|---|---|---|
| [מערכת ניהול לקוחות] | [קליטת פניות מטפסים] | [מהאתר למערכת] | [שם, טלפון, מקור] | [שמירה מקומית והתראה] | [ ] |
| [דיוור] | [ ] | [ ] | [ ] | [ ] | [ ] |
| [סליקה] | [ ] | [ ] | [ ] | [ ] | [ ] |
- פרטיות: [אילו נתונים אישיים נאספים, היכן הם נשמרים, מי רואה אותם, ואיפה מופיעה מדיניות הפרטיות]
- הרשאות ותפקידים: [אם יש אזור מנהל או אזור אישי: טבלת הרשאות]. דוגמה לטבלה כזו באפיון מערכת
סעיף 8: נגישות
אתר שנותן שירות לציבור בישראל צריך לעמוד בתקנות שוויון זכויות לאנשים עם מוגבלות (התאמות נגישות לשירות), התשע"ג-2013. לפי כל זכות, התקן הישראלי ת"י 5568 מחייב מכוח תקנה 35 לתקנות אלה. לפי נוהל הנגישות של משרד החינוך לספקים, בישראל חייבים בקריטריונים של WCAG 2.0 ברמות A ו-AA, ואין כרגע חובה ליישם את הקריטריונים שנוספו ב-WCAG 2.1 וב-2.2. כדאי לבדוק את המצב העדכני לפני ההשקה; הרחבה בנגישות אתרים בישראל.
| נושא | החלטה בפרויקט | אחראי | איך בודקים |
|---|---|---|---|
| רמת התאמה | [ת"י 5568, רמה AA] | [ ] | [בדיקת מומחה נגישות] |
| ניגודיות צבע | [ ] | [עיצוב] | [בודק ניגודיות] |
| ניווט במקלדת וסדר פוקוס | [ ] | [פיתוח] | [מעבר על כל העמודים במקלדת בלבד] |
| טקסט חלופי לתמונות | [ ] | [תוכן] | [ ] |
| טפסים: תוויות והודעות שגיאה | [ ] | [ ] | [ ] |
| כתוביות לסרטונים | [ ] | [ ] | [ ] |
| מסמכים להורדה נגישים | [ ] | [ ] | [ ] |
| הצהרת נגישות | [כתובת העמוד, פרטי קשר לפניות] | [ ] | [ ] |
לפי אותו נוהל, הצהרת הנגישות מופיעה במקום בולט באתר, מתארת עד כמה השירות עומד בת"י 5568, וכוללת פרטי קשר לפניות ולתלונות בנושא נגישות. לבדיקה מעשית לפני השקה יש רשימת בדיקה לנגישות עם בודק ניגודיות מובנה.
סעיף 9: מדידה ואנליטיקס
כל מדד מסעיף 1 צריך אירוע שמודד אותו. כתבו את זה עכשיו, לא אחרי ההשקה, כי אירועים שלא הוגדרו מראש בדרך כלל לא נמדדים.
| אירוע | מתי נשלח | פרמטרים | קשור למדד | כלי |
|---|---|---|---|---|
| [שליחת טופס פנייה] | [אחרי שליחה מוצלחת בלבד] | [סוג פנייה, עמוד מקור] | [מספר פניות] | [ ] |
| [לחיצה על טלפון] | [לחיצה על קישור טלפון] | [עמוד] | [ ] | [ ] |
| [אירוע] |
- הסכמה לעוגיות: [האם נדרש באנר, ואילו כלים נטענים רק אחרי הסכמה]
- דוח: [מי מקבל דוח, באיזו תדירות, ומה הוא כולל]
סעיף 10: קריטריוני קבלה
לכל סיפור משתמש או דרישה מרכזית, כתבו מתי הם "גמורים". בבלוג הטכנולוגי של ממשלת בריטניה מומלץ לכתוב קריטריוני קבלה כתרחישים בתבנית Given, When, Then (בהינתן, כאשר, אז), בשפה פשוטה ובלי להכתיב פתרון טכני.
| מזהה | דרישה | בהינתן | כאשר | אז | נבדק |
|---|---|---|---|---|---|
| AC-1 | [שליחת טופס פנייה] | [מבקר בעמוד צרו קשר מילא את כל שדות החובה] | [הוא לוחץ על שליחה] | [מופיעה הודעת תודה והפנייה מגיעה למערכת ניהול הלקוחות] | [ ] |
| AC-2 | [שגיאה בטופס] | [שדה הטלפון ריק] | [המבקר לוחץ על שליחה] | [הטופס לא נשלח, השדה מסומן והשגיאה מוקראת לקורא מסך] | [ ] |
| AC-3 | [ ] | [ ] | [ ] | [ ] | [ ] |
בדיקות כלליות לפני השקה
- [כל העמודים במפת האתר קיימים ונגישים מהתפריט או מקישור]
- [כל ההפניות מהכתובות הישנות עובדות]
- [האתר נבדק בטלפון ובמחשב, בדפדפנים שהוגדרו]
- [סעיף הנגישות נבדק והצהרת הנגישות פורסמה]
- [כל אירועי המדידה מסעיף 9 נשלחים]
נספח: מחוץ לתחום, שאלות פתוחות ויומן החלטות
מחוץ לתחום בגרסה הזו
- [פיצ'ר או עמוד שהוחלט לא לכלול, ולמה]
- [ ]
שאלות פתוחות
| שאלה | בעלים | תאריך יעד | תשובה | תאריך תשובה |
|---|---|---|---|---|
| [ ] | [ ] | [ ] | [ ] | [ ] |
יומן החלטות
| תאריך | החלטה | מי החליט | סעיפים שהשתנו |
|---|---|---|---|
| [ ] | [ ] | [ ] | [ ] |
Atlassian מונה כמה סימני אזהרה במסמכי דרישות, ובהם דרישות שאף פעם לא מתעדכנות, ומעצבים ומפתחים שלא יודעים מתי הדרישות השתנו. יומן ההחלטות הוא הדרך הפשוטה להימנע משניהם.
שאלות נפוצות
האם אפשר להשתמש בתבנית לאפליקציה?
כן. במקום מפת אתר כותבים רשימת מסכים, ובסעיף 7 מוסיפים טבלת הרשאות אם יש כמה סוגי משתמשים. לפי נוהל משרד החינוך, גם יישומונים לטלפון נכללים בדרישות הנגישות.
כמה זמן לוקח למלא תבנית אפיון?
זה תלוי בגודל הפרויקט ובכמה החלטות כבר התקבלו. באתר קטן אפשר לקצר כל סעיף לכמה שורות; במערכת גדולה האפיון נכתב בשלבים לאורך הפרויקט.
מי צריך לאשר את האפיון?
בדרך כלל מי שמזמין את העבודה ומי שאחראים על המימוש: הלקוח או מנהלת המוצר, ונציגי העיצוב והפיתוח. רשמו את המאשרים בסעיף 1.
באיזה פורמט לשמור את התבנית?
בכל כלי שמאפשר עבודה משותפת והערות: מסמך משותף, ויקי או דף בכלי ניהול הפרויקט. קשרו מכל עמוד במסמך לפריים המתאים בפיגמה.
מקורות
- How to create a product requirements document (PRD) · Atlassian
- Writing user stories · GOV.UK Service Manual
- Creating better acceptance criteria for user stories · GOV.UK Technology in government blog
- נגישות (מדיניות הנגישות של האתר) · כל זכות
- נוהל התאמות נגישות ושמישות במוצרים טכנולוגיים לספקים טכנולוגיים · משרד החינוך
- Web Content Accessibility Guidelines (WCAG) 2.0 · W3C
נבדק מול המקורות לאחרונה ב־10 בנובמבר 2026. מצאתם טעות? כתבו לנו.