הדילמה הנצחית – אתר יפה או אתר מהיר?
עד לפני כמה שנים, כל בונה אתרים ידע שיש "חוק ברזל": אם אתה רוצה אתר שטס מהר בגוגל (ציון PageSpeed גבוה), אתה חייב לוותר על אנימציות כבדות. רוצים וידאו? זה יכביד. רוצים GIF? זה מפוקסל וכבד.
התוצאה הייתה אינטרנט משעמם. אתרים מהירים, אבל "מתים".
אבל בסטודיו אנימייד אנחנו לא מוכנים להתפשר. אנחנו מאמינים שמגיע לכם גם וגם. כאן נכנסת לתמונה הטכנולוגיה ששינתה את כללי המשחק בבניית אתרים מודרנית: Lottie Files.
מה זה בעצם Lottie ולמה גוגל מאוהב בזה?
בלי להיכנס ליותר מדי מונחים טכניים, Lottie הוא קובץ אנימציה שמבוסס על קוד (JSON) במקום על פיקסלים. מה זה אומר בפועל?
-
משקל נוצה: קובץ Lottie קטן פי 600 (!) מקובץ GIF או וידאו באותה איכות.
-
חדות אינסופית: מכיוון שזה וקטורי, האנימציה נראית חדה כתער גם בסמארטפון וגם במסך טלוויזיה ענק 8K.
-
אינטראקטיביות: אפשר לשלוט באנימציה באמצעות גלילה, לחיצה או מעבר עכבר.
מבחינת גוגל, זה החלום הרטוב. הוא מקבל אתר עשיר בתנועה, אבל הקוד נשאר נקי והטעינה נשארת מיידית.
איך אנחנו משתמשים ב-Lottie כדי להקפיץ המרות?
כשאנחנו ניגשים לפרויקט של בניית אתרים לעסקים, אנחנו משתמשים ב-Lottie לא רק לקישוט, אלא ככלי להכוונת המשתמש:
-
אייקונים חיים: במקום אייקון סטטי של "שירות לקוחות", אנחנו מטמיעים אייקון שקורץ או מחייך כשעוברים עליו. זה מושך את העין ומגדיל הקלקות.
-
הסבר תהליכים: במקום לכתוב פסקה ארוכה ומשעממת על "איך המערכת עובדת", אנחנו מטמיעים אנימציית Lottie שמדגימה את התהליך ב-3 שניות בלופ עדין.
-
חיווי (Feedback): כשהלקוח ממלא טופס בהצלחה, מופיע "V" מונפש וירוק. התחושה הטובה הזו בונה אמון.
לסיכום: העתיד הוא קוד מונפש
אם האתר שלכם עדיין משתמש ב-GIF מיושנים או בסרטוני רקע כבדים שתוקעים את הגלילה, אתם מפסידים פעמיים: גם חווית משתמש גרועה, וגם דירוג נמוך בגוגל.
המעבר לאנימציה מבוססת קוד הוא הסטנדרט החדש. זה מה שמאפשר לנו ליצור אתרים שהם גם יצירות אמנות וגם מכונות ביצועים משומנות.
רוצים לראות איך זה נראה בפועל? כנסו לראות דוגמאות באתר שלנו.
