אתר טוב הוא לא אוסף של מסכים

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

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

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

כל אתר מתחיל בעריכה

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

התגובה הטבעית היא למצוא מקום לכולם.

אבל אתר לא חייב לשמש כמחסן של כל מה שקיים על המותג. לפעמים דווקא הבחירה במה להשאיר בחוץ היא זו שנותנת למה שנשאר יותר כוח.

אם הכל חשוב, שום דבר לא באמת חשוב.

לכן אחת השאלות הראשונות שאנחנו אוהבים לשאול היא לא ״מה עוד אפשר להוסיף?״ אלא ״מה האדם באמת צריך להבין כאן?״

זו שאלה פשוטה, אבל היא משנה את כל המבנה.

היררכיה היא לא רק גודל של פונט

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

היא גם סדר המידע.

אם הדבר הכי משמעותי במותג מופיע רק אחרי ארבעה מסכים של טקסט כללי, שום גודל פונט לא יציל אותו. אם פרויקט חשוב קבור בתוך carousel, או אם ה־CTA מופיע לפני שהמשתמש בכלל מבין למה לפנות, הבעיה היא לא קוסמטית.

היררכיה טובה עוזרת למשתמש להבין מה חשוב בלי ללמד אותו איך לקרוא את האתר.

הוא לא אמור לעצור ולחשוב: ״אוקיי, מה אני אמור לראות עכשיו?״

העיצוב צריך לענות על השאלה הזאת בשבילו.

לקצב יש תפקיד

אתר טוב לא חייב להיות מהיר כל הזמן.

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

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

אפילו scroll הוא חלק מזה.

עמוד שבו כל section מרגיש בדיוק באותו גובה, עם אותו מבנה ואותו מרווח, יכול להיות מאוד מסודר — אבל גם מאוד צפוי. אחרי כמה רגעים כבר מבינים את התבנית, והעין מפסיקה לחפש.

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

לא כל דבר צריך להפוך ל־section

אחת התופעות שהפכה נפוצה בעיצוב אתרים היא לחשוב בבלוקים.

Hero.
About.
Services.
Benefits.
Testimonials.
Projects.
FAQ.
CTA.

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

אז האתר נהיה משהו שממלאים.

יש מקום ל־Testimonials, אז צריך למצוא שלוש המלצות. יש מקום ל־Benefits, אז כותבים ארבעה יתרונות. יש מקום ל־FAQ, אז ממציאים חמש שאלות.

בשלב הזה המבנה כבר לא משרת את התוכן. התוכן משרת את המבנה.

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

לפעמים פרויקט אחד גדול אומר יותר מחמישה cards. לפעמים משפט אחד אמיתי אומר יותר משלושה paragraphs של copy. ולפעמים בכלל לא צריך להסביר משהו — מספיק לתת לו להופיע.

עיצוב טוב הוא גם מערכת של יחסים

אנחנו נוטים להסתכל על אלמנטים בנפרד: האם הכפתור יפה, האם הכותרת עובדת, האם התמונה טובה.

אבל האופי של אתר נוצר דווקא במרווח שביניהם.

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

אין אלמנט שאחראי לבדו על התחושה של האתר.

זו הסיבה שאפשר לקחת פונט יפה, צבעים טובים ותמונות מצוינות — ועדיין להגיע לתוצאה גנרית.

האופי נמצא ביחסים.

גם חוסר עקביות יכול להיות עקבי

מערכות עיצוב לימדו אותנו בצדק לחשוב על consistency. אותם מרווחים, אותם components, אותם חוקים.

בלי זה קל מאוד להגיע לכאוס.

אבל עקביות לא אומרת שכל דבר צריך להיראות אותו דבר.

מערכת טובה יכולה לאפשר חריגות. כותרת אחת יכולה פתאום להיות עצומה. פרויקט חשוב יכול לשבור את ה־grid. אזור מסוים יכול לשנות צבע או התנהגות.

אם החריגה מרגישה מכוונת, היא לא שוברת את המערכת — היא נותנת לה רגע של מתח.

דווקא אתרים שבהם כל דבר נשמע, זז ומתנהג בדיוק לפי אותו חוק יכולים להתחיל להרגיש יותר כמו design system מאשר כמו מותג.

המערכת צריכה לתמוך באופי, לא להחליף אותו.

שימושיות לא דורשת שהכל יהיה צפוי

יש טענה שאנחנו חוזרים אליה הרבה: אתר עם אופי לא צריך להיות אתר שקשה להשתמש בו.

אפשר להיות לא צפויים ועדיין להיות ברורים.

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

החופש העיצובי נמצא מסביב לדברים האלה.

אפשר לשנות את הדרך שבה תוכן נחשף. אפשר לשחק עם scale, עם סדר, עם תנועה ועם composition. אפשר לבנות עמוד שלא נראה כמו template מוכר ועדיין לגרום למשתמש להרגיש בטוח בתוכו.

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

אתר צריך להיות טוב גם אחרי שסוגרים אותו

יש מדדים שקל למדוד: כמה אנשים לחצו, כמה זמן נשארו, כמה פניות הגיעו.

אבל יש עוד תוצאה שקשה יותר לראות ב־Analytics.

מה נשאר בראש?

אם מישהו נכנס לאתר של מותג, סוגר אותו ואחרי שעה לא מסוגל לזכור שום דבר ממנו, אולי האתר עשה את העבודה הטכנית שלו — אבל פספס משהו אחר.

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

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

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

ולכן מתחילים מהמערכת, לא מהמסך

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

אבל אתר לא נגמר ב־hero.

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

החלקים האלה לא חייבים להיות מרשימים בפני עצמם.

הם צריכים לעבוד יחד.

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

כי בסוף, אתר טוב הוא לא אוסף של חלקים טובים.

הוא מערכת שבה החלקים גורמים אחד לשני לעבוד טוב יותר.