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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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