אפיון אתר

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

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

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

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

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

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

אפיון לדוגמא

אני מצרף כאן אפיון לדוגמא של אתר (היפותטי) לאינסלטור

אפיון עבור אתר 'משה האינסטלטור'

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

סעיף 1: שם דומיין

שם הדומיין של האתר הוא moshe-instellator.com

סעיף 2: אחסון
האתר יאוחסן על גבי שרת שהמזמין ישכור והוא יהיה בבעלותו המלאה. לבונה האתר תנתן גישה לשרת והוא יהיה אחראי להצבת האתר על השרת.

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

סעיף 4: מפת אתר, סוגי תוכן ודפים לדוגמא
ישנם 4 סוגי תוכן באתר:

  1. הדף הראשי הכולל: וידאו, קוביה הכוללת תצוגה אקראית של לקוחות מרוצים, טקסט ראשוני. קובית צור קשר.
  2. דף קטגוריה – הכולל רשימה המסודרת לפי א'-ב' של התכנים בתוך הקטגוריה.
  3. שירותים – כולל טקסט ותמונה אודות כל שירות. קובית צור קשר.
  4. לקוחות מרוצים – תמונה של הלקוח, טקסט והסברים על מה שנעשה אצל הלקוח.

להלן מפת אתר להמחשה:

  • עמוד ראשי
  • שירותים
    • תיקון שירותים
    • בניית אמבטיות
    • טיפול ברטיבות
  • לקוחות מרוצים
    • לקוח מרוצה א'
    • לקוח מרוצה ב'

סעיף 5: בלוקים באתר
ישנם מספר בלוקים שיהיו בכל עמוד:
1. בלוק צור קשר עם הפרטים הבאים:

  • שם הלקוח
  • מספר טלפון
  • דואר אלקטרוני

המידע בבלוק יצירת הקשר יגיע לכתובת דואר אלקטרוני. המשתמש יקבל חיווי על הכנסת פרטים לא נכונים ועל שליחה מוצלחת של הטופס. החיווי יהיה בגוף הטופס (לא alert).
2. ניווט היררכי שיציג את כל הקטגוריות ותתי הקטגוריות שיש באתר.
3. ניווט לפי Bread crumb שיסייע להתמצאות באתר.

סעיף 6: SEO וגוגל

בכל עמוד יהיו:
1. Meta tags
2. Title
3. clean url. למשל, עמוד לקוח יראה כך: moshe-instellator.com/client-a
4. H1
האתר יכלול גם קוד של google analytics כאשר החשבון יוקם על ידי משה האינסטלטור ובאחריותו למסור את קוד ה-google analytics.
האתר יכלול גם מפת אתר מבוססת XML לפי דרישות גוגל.

סעיף 7: דרישות נוספות

על האתר לעמוד בדרישות הבאות:
1. בניית אתר ללא טבלאות.
2. אתר וולידי לפי תקן XHTML 1 strict של ה-W3C.
3. אתר העומד בתקן נגישות WCAG 1
4. Grade B לפי תוסף Yslow.

סעיף 8: ממשק ניהול
על האתר להכיל ממשק ניהול שבו ניתן לשנות את תכני האתר כולל:
1. הוספת, מחיקה ועריכה של דפים מסוג עמוד לקוח ועמוד שירותים.
2. הוספה מחיקה ועריכה של קטגוריות כולל יצירת תת קטגוריות (למשל תת קטגוריה של לקוחות מוסדיים ולקוחות פרטיים).
3. שליטה בפרמטרים של ה-SEO.
4. בעמוד הבית – אפשרות לשנות את קובץ הוידאו.
5. בבלוק יצירת הקשר יהיה ניתן לשנות את כתובת המייל שאליה נשלחים הפרטים.
על המתכנת לספק הדרכה פרונטלית בת 4 שעות להפעלת האתר וכן לספר חוברת עם הסברים על הפעלת האתר. על המתכנת להיות זמין בטלפון/מייל בכל שאלה הנוגעת להפעלת האתר בחודש הראשון לקיומו של האתר.

סעיף 9: לוח זמנים

להלן לוח הזמנים להשלמת האתר:
30 ימי עבודה להצגת גרסה ראשונה.
7 ימי עבודה לכל סבב תיקונים.
3 ימי עבודה להעלאת האתר.

סיכום

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

פוסטים נוספים שכדאי לקרוא

צילום מסך של סוואגר
יסודות בתכנות

openAPI

שימוש בתשתית הפופולרית למיפוי ותיעוד של API וגם הסבר בסיסי על מה זה API

תמונה מצוירת של רובוט שמנקה HTML
יסודות בתכנות

סניטציה – למה זה חשוב

הסבר על טכניקה פשוטה וידועה מאד שאנו מפעילים על מידע לפני שאנחנו מציגים אותו ב-HTML באפליקציה או באתר.

תמונת תצוגה של מנעול על מחשב
פתרונות ומאמרים על פיתוח אינטרנט

הגנה מפני XSS עם Trusted Types

תכונה ב-CSP שמאפשרת מניעה כמעט הרמטית להתקפות XSS שכל מפתח ווב צריך להכיר וכדאי שיכיר.

DALL·E 2023-10-21 22.28.58 - Photo of a computer server room with red warning lights flashing, indicating a potential cyber threat. Multiple screens display graphs showing a sudde
יסודות בתכנות

מבוא לאבטחת מידע: IDOR

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

גלילה לראש העמוד