10 טיפים לעיצוב חזית אינטרנט נהדרת

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

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

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

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

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

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

1. ניווט כותרות דביק

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

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

2. תפריטי המבורגר

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

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

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

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

3. גלילת פראלקס

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

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

4. גלילה אינסופית

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

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

5. כפתור "הוסף לעגלה" צף

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

6. השתמש בחוק פיטס

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

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

7. הצג ביקורות והמלצות לקוחות

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

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

8. דלפק יעיל של שירות לקוחות

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

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

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

9. קופת פירורי לחם

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

10. תצוגות 360 מעלות

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

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