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