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