אנימציה שיש לה תפקיד.

תנועה שמסבירה קשר

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

נותנים לטקסט לסיים משפט

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

למסך מגע מתכננים בנפרד

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

גם הגרסה השקטה צריכה להיות שלמה

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