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

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

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

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

1. מינימליזם

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

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

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

יש כמהעקרונותושלבים שתוכל לבצע כדי ליצור עיצוב מינימליסטי יותר:

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

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

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

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

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

2. צילום ייחודי

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

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

אז כשבוחריםתמונות מלאי, עדיף לזכור את ארבעת הטיפים הבאים:

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

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

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

התרחקו מהתפל והצפוי ותנו לתמונות 'לפרוץ מהקופסה'.

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

3. טיפוגרפיה מודגשת

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

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

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

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

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

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

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

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

4. ברור קריאות לפעולה

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

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

להלן ארבעה טיפים שכדאי לזכור בעת עיצוב כפתור קריאה לפעולה או פרסומת:

שָׂפָה:הקפידו על הניסוח קצר וקצר (התחילו תמיד עם פועל), אך גם הסבירו את הערך מאחורי הפעולה שהמשתמש מבצע. במקרים מסוימים זה גם עוזר ליצור תחושת דחיפות באמצעות מילים כמו 'עכשיו', 'מהר' ו'הצעה מסתיימת', כאשר 'חינם' הוא התמריץ מספר אחת.

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

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

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

חשוב שתבדוק שילובים שונים של כפתורי קריאה לפעולה ותראה כיצד כל אחד מהם משפיע על שיעורי ההמרות שלך (ראה בדיקת A/B להלן). עדיף גם לוודא שהםלהתאים לעיצוב הכולל שלך.

5. בדיקת A/B

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

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

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

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

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

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

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

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

משאבים נוספים לעיצוב אתרים ב-Mashable

-10 ערכות ומשאבים של ממשק משתמש אינטרנט בחינם למעצבים

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

-כיצד: ליישם את Google Font API באתר האינטרנט שלך

-10 האביזרים המובילים לאגוזים טיפוגרפיים [PICS]

-10 ערכות נושא מוכנות וורדפרס 3.0 יפות וחינמיות