אפיון · שלב 4

תבנית אפיון להעתקה

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

עודכן 10 בנובמבר 2026 · 6 מקורות

איך משתמשים בתבנית

התבנית בנויה על אותם חלקים שמופיעים ברוב מסמכי הדרישות. 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.

באיזה פורמט לשמור את התבנית?

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

מקורות

  1. How to create a product requirements document (PRD) · Atlassian
  2. Writing user stories · GOV.UK Service Manual
  3. Creating better acceptance criteria for user stories · GOV.UK Technology in government blog
  4. נגישות (מדיניות הנגישות של האתר) · כל זכות
  5. נוהל התאמות נגישות ושמישות במוצרים טכנולוגיים לספקים טכנולוגיים · משרד החינוך
  6. Web Content Accessibility Guidelines (WCAG) 2.0 · W3C

נבדק מול המקורות לאחרונה ב־10 בנובמבר 2026. מצאתם טעות? כתבו לנו.

Frame / Contact

יש לכם פרויקט? בואו נדבר.

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