תכנון ואפיון אתרים: איך עושים את זה? לקריאת חלק א
תחילה נחלק את העבודה ל 3 קטגוריות עיקריות:
1.דף
2. סקשן
3. אלמנט
שלב 1. הגדרת סוגי הדפים
כדי לבצע את ההגדרה בצורה המיטבית מומלץ לבצע מחקר וסקירה מעמיקה אודות האתר שאתם רוצים, למה האתר ישמש ( אתר איקומרס, אתר תדמית, אתר לקורס דיגיטלי וכו) אפשר גם לעשות חיפוש ברחבי הרשת ולמצוא כיוונים ורפרנסים שאתם אוהבים.
לדוגמה:
1. דף הבית
2. השירותים שלנו
3. אודות
4. בלוג
5. עמוד פוסט
6. דף צור קשר
באתרי מסחר ואיקומרס:
6. חנות ( אתר איקומרס)
7. דף המוצר
8. עמוד עגלת קניות
10. באנר פופ אפ לפרסום
שלב 2 - חלוקת כל עמוד באתר לחלקים (בשפה המקצועית סקשנים)
תנסו להבין בתוך הסקשן האם הוא מחולק לעוד תתי סקשנים ומה הגודל שלו מבחינה ויזואלית, האם הוא תופס 50% מהמסך או 100% מהמסך.
שלב 3 - מלאו כל סקשן באלמנט
מה זה אלמנט: כותרת, טקסט, תמונה,כפתור ,וידאו וכו
* שימו לב למיקום של כל אלמנט בסקשנים השונים.
שלב 4 - הגדירו את סוג האלמנט
הגדירו את הגודל של התמונה, האם יהיה לה קצוות מעוגלים או מרובעים, האם ברגע שהעכבר יעמוד על התמונה התמונה קצת תזוז/תתבהר וכן הלאה, באתר איקומרס לדוגמא תמונת מוצר מזוית שונה בתזוזת עכבר.
כל אלמנט אפשר ליצור באין ספור דרכים.
שלב 5 - הגדרות כלליות לאתר
תחשבו על הגדרות כלליות של האתר, פונטים, צבעים, תפריט עליון - הדר ופוטר.
שלב 6 - הנגשה, תנגישו את מה שייצרתם.
ישנם מספר דרכים לבצע אפיון לאתר, אפשר על דף נייר בתוספת צילומי מסך, אפשר להשתמש בכלים מתקדמים יותר , באמצעות אפליקציה פשוטה כמו Drawo.io ודומיו או צייר.
טיפ לשלבים 0-5
כדי לבנות ולתכנן את האפייון בצורה הטובה ביותר מומלץ לחפש אתרים שאתם אוהבים, בתור התחלה תחפשו אתרים מהנישה שלכם ולאחר מכן כשתגיעו כבר לשלב 4 תוכלו לשלב את הרעיונות.
לדוגמה:
"בעמוד אודות סקשן מספר 2 - אני רוצה אלמנט מסוג תמונה כמו שראיתי באתר או תבנית x - תצרפו צילום מסך של האלמנט"
אפיון טוב יעזור לכם להבין מה אתם רוצים וזה הדבר הכי חשוב!