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

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

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

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

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

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

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

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

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