8 עקרונות עיצוב אתרים שכל אתר עסק קטן צריך

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

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

8 עקרונות עיצוב האתרים, לפי סדר ההשפעה

1. בהירות מנצחת חוכמולוגיה

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

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

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

3. רווח לבן אינו שטח מבוזבז

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

4. עקביות בונה אמון

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

5. מהירות היא פיצ'ר

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

6. מובייל-תחילה אינו ניתן למשא ומתן

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

7. סימני אמון מרגיעים מבקרים

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

8. פעולה ברורה אחת לכל עמוד

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

העקרונות במבט אחד

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

איך ליישם את אלה בלי לעצב מחדש הכל

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

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

עקרונות לפני פיקסלים

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

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