תכנון ואפיון אתרים חלק ב

תכנון ואפיון אתרים: איך עושים את זה? לקריאת חלק א

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

אפיון טוב יעזור לכם להבין מה אתם רוצים וזה הדבר הכי חשוב!