מדריכים על עיצוב אתרים וחוויית משתמש
מה ההבדל בין עיצוב אתר לחוויית משתמש?
עיצוב האתר הוא מה שרואים: צבע, טיפוגרפיה, מרווחים ותמונות. חוויית המשתמש היא מה שקורה: באיזה סדר המידע מופיע, כמה צעדים יש עד הפעולה שרציתם, ומה קורה כשמשהו משתבש. אתר יכול להיראות מצוין ועדיין להכשיל גולש, ולכן סדר המסך נקבע אצלנו לפני שנבחר איך הוא ייראה.
קטגוריית העיצוב עוסקת בצד שהגולש רואה ומרגיש: עיצוב אתרים שמייצר אמון, היררכיה ויזואלית שמובילה לפעולה, טיפוגרפיה עברית קריאה, ונגישות שמשולבת בעיצוב מההתחלה ולא נדבקת בסוף. אנחנו מנתחים החלטות UX על בסיס התנהגות משתמשים בפועל, ומסבירים למה אתר יפה שלא מותאם למובייל או לא מכוון להמרה עדיין לא עושה את העבודה שלשמה הוא נבנה.
הכתבות כאן נעות בין ניתוח התנהגות הגולש לבין עיצוב לענפים ספציפיים:
- פסיכולוגיה של עיצוב - למה גולשים נוטשים דף, וכיצד היררכיה ויזואלית מחזיקה אותם בו.
- דפי נחיתה אמיתיים - פירוק של דפים שעובדים ומה בדיוק גורם להם להמיר.
- תיק עבודות דיגיטלי לאדריכלים ולמעצבי פנים - כשהגלריה עצמה היא הטיעון.
- אתר למשרד עורכי דין - עיצוב שמשדר סמכות ודיסקרטיות.
- אתר למרפאה - עיצוב שמוריד חרדה ומקצר את הדרך לזימון תור.
- אתר ליזמות ונדל״ן - איך מוכרים דירה על הנייר לפני שנבנתה.
- המדריך המקיף לנגישות - החלטות עיצוב הן בדיוק המקום שבו נגישות נשברת או מצליחה.
- איך לבחור חברת בניית אתרים - אילו שאלות לשאול ספק לפני שמזמינים עיצוב ופיתוח, ומה חייב להופיע בהצעת המחיר.
את העבודה עצמה אנחנו עושים בעמודי עיצוב אתרים ו-UI/UX והנגשת אתרים.
כל הכתבות בקטגוריה
- מחפשים דף נחיתה לדוגמא? במקום תבניות ריקות, פירקנו ארבעה דפים אמיתיים שבנינו - שניים שאנחנו מריצים עליהם קמפיינים ושניים של לקוחות - וכל מה שאפשר להעתיק מהם.
מה קריטי בעיצוב לפי ענף
| ענף | מה קריטי בעיצוב | המדריך בקטגוריה |
|---|---|---|
| משרד עורכי דין | סמכות, דיסקרטיות ודרך קצרה ליצירת קשר | בניית אתרים לעורכי דין |
| רופאים ומרפאות | הורדת חרדה, אמון וזימון תור פשוט | בניית אתרים לרופאים ומרפאות |
| אדריכלות ועיצוב פנים | גלריית עבודות שהיא עצמה הטיעון | תיק עבודות דיגיטלי לאדריכלים |
| יזמות ונדל״ן | מכירת דירה על הנייר לפני שנבנתה | בניית אתרים ליזמות ונדל״ן |
שאלות נפוצות
היררכיה. אתר שמביא פניות מחליט מראש מה הפעולה שהגולש אמור לעשות בכל מסך, ומסדר סביבה את הכותרת, התמונה והכפתור. אתר שרק נראה טוב מסדר את המסך סביב האסתטיקה ומשאיר את הגולש להחליט לבד. הניתוח של נטישת גולשים מראה איפה זה נשבר בפועל.
לא שפה ויזואלית שונה, אלא סדר תוכן שונה. משרד עורכי דין צריך לשדר סמכות ודיסקרטיות, מרפאה צריכה להוריד חרדה ולקצר את הדרך לזימון תור, ואדריכל נמדד על גלריית העבודות עצמה. הטבלה שמתחת מפרטת את זה לפי ענף, עם המדריך המלא לכל אחד.
בהתחלה, לא בסוף. ניגודיות צבעים, גודל טקסט, מצבי פוקוס ומבנה כותרות הם החלטות עיצוב, ותיקון שלהן אחרי שהאתר נבנה עולה פי כמה מלקבל אותן נכון כבר בסקיצה הראשונה. המדריך המקיף לנגישות מפרט מה נדרש לפי ת״י 5568 ברמה AA ואיך בודקים את זה בפועל.
רוצים שחברה לבניית אתרים תיישם את זה אצלכם? דברו איתנו, או קראו על בניית אתרים ועל פיתוח אתרים בקוד.









