תכנון אתר אינטרנט: אפיון, חוויית משתמש, ומה שחשוב לפני העיצוב

מדוזה+ שיעור 2

שיעור 2: לפני שבונים – מתכננים. ככה בונים אתר שלא מרגיש כמו מבוך

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

אם תבנה עכשיו בית – תתחיל מהברזים או מהתוכנית אדריכלית?

כנראה מהתוכנית.  

אותו דבר עם אתר.

אפיון זה לא רק מסמך – זו הדרך להימנע מטיפקס דיגיטלי

ברוב האתרים שלא עובדים טוב, תמצא בעיה אחת משותפת:  

לא תוכננו מראש.

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

אפיון טוב הוא בעצם מפת דרכים.  

הוא עונה על שאלות כמו:

  • מה המשתמש אמור להבין תוך 5 שניות?
  •  מה רוצים שהוא יעשה בכל עמוד?
  • אילו תכנים צריכים להיות באתר, ואיך הם קשורים אחד לשני?

היררכיה נכונה – לא רק בגוגל, גם באתר שלך

אנשים לא קוראים אתרים – הם סורקים.  

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

תחשוב על זה ככה:  

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

מבנה נכון מתחיל מהשאלות הפשוטות

תשאל את עצמך:

– מה הגולש צריך לדעת כשהוא נכנס?

– מה אני רוצה שיקרה בסוף הביקור?

– איזה מידע הוא מחפש, ואיפה הכי נוח לו למצוא אותו?

ועל בסיס זה תבנה את:

מבנה העמודים באתר

תפריט ראשי חכם (ולא ארוך כמו תפריט במסעדה רומנית)

זרימת תוכן בכל עמוד – פתיחה, הצעה, הוכחה, קריאה לפעולה

Wireframes – לפני צבע, צורה ולוגו

רוב האנשים מדמיינים אתר ישר עם עיצוב.  

אבל השלב הראשון הוא שרטוט פשוט – מה מופיע איפה, איך נראים עמודים, מה מגיע לפני מה.

לא צריך להיות מעצב בשביל זה. מספיק דף ועט.  

(או Figma אם אתה רוצה להתפנק)

במדוזה, אגב, אנחנו לא מתחילים עיצוב לפני שיש wireframe ברור.  

ככה גם הלקוח מבין את הכיוון, וגם המפתח חוסך לעצמו 3 סיבובי תיקונים מיותרים.

תוכן – לכתוב אותו קודם, לא בסוף!

אחת הטעויות הכי שכיחות:  

"נכניס עיצוב, ואז נכתוב את התוכן בהתאם."

זה כמו לבנות שלט ואז לחשוב מה לכתוב עליו. לא עובד.

תוכן הוא חלק מהעיצוב.  

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

בוא נדבר רגע על חוויית משתמש (UX)

חוויית משתמש זה לא רק "שהכול יהיה יפה".  

זה שהגולש יבין מה קורה, ירגיש בנוח, ימצא מהר את מה שהוא מחפש – ואולי אפילו יחייך.

אם האתר שלך נראה מעולה – אבל קשה להבין מה עושים בו – נכשלת.  

(ואם הוא נראה חמוד, נוח, זורם ומסביר את עצמו בלי שצריך לחשוב – גוגל גם יאהב אותך יותר)

 

אחרי שתכננו הכל – הגיע הזמן לדבר על איך האתר **ייראה בפועל**.  

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

ואל תשכח – כל תכנון טוב, שווה פי 10 בעבודה אח"כ.  

זה לא רק שורת קוד פחות – זה עוגמת נפש פחות 😅

רוצה שנתכנן את האתר שלך ביחד?

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

אם אתה רוצה שמישהו ישאל איתך את השאלות הנכונות (גם את אלה שאתה עוד לא יודע לשאול) – אנחנו פה.

Facebook
X
LinkedIn
WhatsApp
Email
קורס seo קידום אתרים
admin
תמונה שווה אלף מילים (וגם דירוגים): אופטימיזציית תמונות ווידאו (Image & Video SEO)

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

קרא עוד »