אפיון אתר

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

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

אקסיומה: ככל שהאפיון מורכב ומפורט יותר – כך הצעת המחיר תהיה נמוכה יותר ושביעות הרצון של הלקוח (וגם של המתכנת) גבוהה יותר. אפיון מפורט הוא תמיד 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 (שזו סכמה או שרטוט של האתר).

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

ESP32 מאפס לילדים

מדריך ל-ESP32 לילדים ולהורים מאפס

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

פתרונות ומאמרים על פיתוח אינטרנט

SSG עם next

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

פתרונות ומאמרים על פיתוח אינטרנט

המנעו מהעלאת source control לשרת פומבי

לא תאמינו כמה אתרים מעלים את ה-source control שלהם לשרת. ככה תמצאו אותם וגם הסבר למה זה רעיון רע.

למפתחי ובוני אתרי אינטרנט

מדריך לשאילתות יעילות ל Chat GPT

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

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