אנימציות ואפקטים באתר: מתי הם מוסיפים ומתי הם מזיקים

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

מתי אנימציה עוזרת

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

מתי היא מזיקה

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

נגישות ותנועה

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

ביצועים

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

שאלות נפוצות

האם אפקטים פוגעים ב-SEO?

לא ישירות. הם פוגעים אם הם מאטים את הטעינה או מסתירים תוכן ממנועי חיפוש.

כמה אנימציות זה יותר מדי?

אם אתם מבחינים באנימציה במקום במסר - זה יותר מדי.

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