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