מה יהיה עם האתר לוטי - אנימציות לבונה אתרים

[ברצינות]

@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@sbc640964 אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@magicode שלום,
והדרישה מצידם תהיה שנשתמש באנימציות כמו... כל האתרים / אתר שמכבד את עצמו (מכיר את המשפט הזה של הלקוח?).

ביקשתי פה דוגמא לאתר שמכבד את עצמו שמשתמש בלוטי.

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

https://www.better-global.com/
באייקון שבמסך הפתיחה.

https://www.partner.co.il/
בתחתית העמוד

[hagai.w]

@ברצינות
קטונתי, אבל גם אנימציות SVG יש לך המון בחינם
https://css-tricks.com/line-animated-hamburger-menu/ - ממש אהבתי הוא בעצם יוצר צורה שמכילה את כל ה"נתיב" המונפש, ורק מציג חלק לפי האנימציה.

לא הבנתי אם הנקודה בלוטי היא היצירה של האנימציה, הוא השימוש באנימציה, מה בדיוק היכולת מפתח שלה שגרמה לה לכל כך הרבה אהדה?

[ברצינות]

@hagai-w אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@ברצינות
קטונתי, אבל גם אנימציות SVG יש לך המון בחינם

המון?

[hagai.w]

@ברצינות
סתם חיפשתי אנימציית SVG למשהו, ומסתבר שיש כזה.
https://loading.io/icon/pcyim5

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

עריכה: לא משנה, בשביל להוריד את זה צריך חשבון PRO... (אלא אם כן לא אכפת לך מרשיונות וכאלה, כי זה כבר מגיע בתור SVG באתר)

[ברצינות]

@hagai-w אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@ברצינות
סתם חיפשתי אנימציית SVG למשהו, ומסתבר שיש כזה.
https://loading.io/icon/pcyim5

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

עריכה: לא משנה, בשביל להוריד את זה צריך חשבון PRO... (אלא אם כן לא אכפת לך מרשיונות וכאלה, כי זה כבר מגיע בתור SVG באתר)

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

[משה 0527]

@ברצינות
אני חושב שהנושא מוצה עד תום
וכעת הזמן ללכת ולהצביע מצביעים כאן
נכון לעכשיו הצביעו 68 אנשים
עריכה : כעת השעה 23:00 הצביעו כבר 73 אנשים

[ברצינות]

@משה-0527 אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

נכון לעכשיו הצביעו 73 אנשים

73 חלקי 3...

[magicode]

@מאה-נקודות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

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

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

[nigun]

@magicode
נשמע שהבעיה כאן ובשאר הפיתוחים זה הבדיקות.
אז אולי כדאי להשקיע יותר משאבים בבדיקות אוטומטיות או בcrowd testing (דהיינו לשחרר למי שנרשם לבטא את הגירסאות החדשות כדי שידווחו על באגים)
אני כותב את זה כאחד שסובל מכך שהוא לא כותב מספיק בדיקות, ומקבל על הראש מהלקוחות, כך שאני לא בא לתת מוסר, אלא מציע רעיון.

[magicode]

@nigun אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@magicode
נשמע שהבעיה כאן ובשאר הפיתוחים זה הבדיקות.
אז אולי כדאי להשקיע יותר משאבים בבדיקות אוטומטיות או בcrowd testing (דהיינו לשחרר למי שנרשם לבטא את הגירסאות החדשות כדי שידווחו על באגים)
אני כותב את זה כאחד שסובל מכך שהוא לא כותב מספיק בדיקות, ומקבל על הראש מהלקוחות, כך שאני לא בא לתת מוסר, אלא מציע רעיון.

איפה נשמע שאני לא מדבר על בדיקות אוטומטיות?

[nigun]

@magicode אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@nigun אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@magicode
נשמע שהבעיה כאן ובשאר הפיתוחים זה הבדיקות.
אז אולי כדאי להשקיע יותר משאבים בבדיקות אוטומטיות או בcrowd testing (דהיינו לשחרר למי שנרשם לבטא את הגירסאות החדשות כדי שידווחו על באגים)
אני כותב את זה כאחד שסובל מכך שהוא לא כותב מספיק בדיקות, ומקבל על הראש מהלקוחות, כך שאני לא בא לתת מוסר, אלא מציע רעיון.

איפה נשמע שאני לא מדבר על בדיקות אוטומטיות?

אם בדיקה שלא נשבר שום דבר על הדרך זה משאב גדול?
זה נשמע שאין בדיקות אוטומטיות (לפחות לא עם 100% כיסוי)
אחרת מה הבעיה להריץ סט בדיקות אחרי כל פיצ'ר?

[5566NEWbrs]

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

אני מבין שהדיון מיצה את עצמו, אבל היות שאני מבין ששאלת מסקרנות ולא בכדי להתריס, אביא מספר דוגמאות.

https://www.better-global.com/
באייקון שבמסך הפתיחה.

אתה בודאי מתכןון לזה:
https://www.better-global.com/wp-content/uploads/2020/11/396-scroll-down-8-auto-edited.json
שהוא אכן קובץ lottie, אבל יש בעיה קטנה: הוא פתוח.
אכן נושא האשכול הוא מאגרים חינמיים של קבצי Lottie, ולא פתיחת קבצים אלו באופן כללי, אבל רק כדי להכניס את הענינים לפרופורציה, שתזכיר לנו מהי הבעיה שנידונית כאן באשכול.

https://www.partner.co.il/
בתחתית העמוד

אתה בודאי מתכוון לזה:
https://www.partner.co.il/base/images/partner-footer.gif
אופס...! זה GIF.
(למען הסר ספק אין באתר אף lottie אחר)
כנראה שפרטנר לא באמת "מתקדמים" כמו שחשבתי.

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

שורה תחתונה: הדבר היחיד שחסום זה המאגר הבא: https://lottiefiles.com/ שהוא המקור היחיד הרציני שקיים כרגע בנושא הזה.
מה שמביא למסקנה, שlottie עדיין בתהליך הבשלה, והאשכול הזה הקדים את זמנו.

[מאה נקודות]

@5566newbrs
א: האתר של פרטנר נבנה לפני שלוטי נברא... באם הוא היה קיים מישהו יחלוק על זה שהם היו משתמשים עם לוטי?! 'אפל' משתמש עם ג'ייסון...
ב: gif מוגבל מאוד גם מבחינה עיצובית הוא בנוי על פיקסלים ולא על קוד כמו ג'ייסון, הוא מוגבל בצבעים ואף אחד לא חולק על על הפער בין ג'ייסון מול גיף.
ג: האשכול הקדים את זמנו? זה ההוכחה לזה?

[ברצינות]

@5566newbrs אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

אני מבין שהדיון מיצה את עצמו, אבל היות שאני מבין ששאלת מסקרנות ולא בכדי להתריס, אביא מספר דוגמאות.

https://www.better-global.com/
באייקון שבמסך הפתיחה.

אתה בודאי מתכןון לזה:
https://www.better-global.com/wp-content/uploads/2020/11/396-scroll-down-8-auto-edited.json
שהוא אכן קובץ lottie, אבל יש בעיה קטנה: הוא פתוח.

אין שום בעיה בזה שהוא פתוח, נראה לך שנטפרי חוסמים JSON מכל אתר שהוא? אחרת חצי מעולם ה- AJAX היה מנוטרל בנטפרי...

https://www.partner.co.il/
בתחתית העמוד

אתה בודאי מתכוון לזה:
https://www.partner.co.il/base/images/partner-footer.gif
אופס...! זה GIF.
(למען הסר ספק אין באתר אף lottie אחר)
כנראה שפרטנר לא באמת "מתקדמים" כמו שחשבתי.

היה כאן נידון עקרוני האם אנימציות הם גימיק והאם אתרים מכובדים משלבים אנימציות, האם עברת על כל האשכול?

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

שורה תחתונה: הדבר היחיד שחסום זה המאגר הבא: https://lottiefiles.com/ שהוא המקור היחיד הרציני שקיים כרגע בנושא הזה.
מה שמביא למסקנה, שlottie עדיין בתהליך הבשלה, והאשכול הזה הקדים את זמנו.

יש גם עוד מאגר, שהובא כאן באשכול, אבל כנראה גם על ההודעה הזו לא הספקת לעבור:
https://useanimations.com/

ואם הגעת מהר כל כך למסקנה שלוטי עוד לא כאן, כדאי שתקרא את המאמר הבא (הובא גם לעיל...):
https://airbnb.design/the-future-of-lottie/

[5566NEWbrs]

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

היה כאן נידון עקרוני האם אנימציות הם גימיק והאם אתרים מכובדים משלבים אנימציות, האם עברת על כל האשכול?

סליחה, מצטער, טעיתי.
חשבתי שכתבת ל@magicode דוגמאות לאתרים שמשתמשים בlottie.
אם סתם כתבת לו דוגמה לאתרים שמשתמשים באנימציה, התגובה שלי לא במקומה
יש לי עוד כמה שמשתמשים באנימציה ..

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

יש גם עוד מאגר, שהובא כאן באשכול:
https://useanimations.com/

אתר שמכיל דף עם אנימציות זה לא "מאגר", או לפחות לא רציני.
והוא גם פתוח (אפשר לשלוח לבדיקה את הקישורים שמאוחסנים בdropbox).

@מאה-נקודות לא הבנתי איך זה קשור אלי ו\או אם אני צריך להגיב. סליחה מכל הלב.

[א. וייס]

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

[ברצינות]

https://www.hamichlol.org.il/JSON
פורמט JSON משמש בעולם ה-WEB כדרך להעברת מערכים (ARRAY) ומולטי-מערכים בפורמט אחיד לכל השפות. נעשה בו היום שימוש במגוון מערכות כדרך להעברת נתונים בפורמט חסכוני וקריא בין שפות תיכנות שונות. הפורמט הזה משמש במגוון רחב של אתרים שאתה משתמש בהם ביום יום, ולא עלה על דעת איש מעולם שנטפרי יחסמו את הפורמט הזה, כך שלא מובנת צהלתך הפלאית על קבצי JSON ש-'הופ' פתוחים בנטפרי...

https://www.hamichlol.org.il/SVG
SVG הוא פורמט בינלאומי המשמש על ידי מגוון רחב של שפות תכנות להצגת וליצירת גרפיקה וקטורית דו ממדית. פורמט ה-SVG מכיל מידע לדוג' על הנתיבים שבאיור ועל הצבע והמיקום שלהם לצד נתונים נוספים, הוא משמש גם לאנימציות מבוססות וקטור.

https://www.hamichlol.org.il/GIF
GIF הוא קובץ אנימציה המציג רצף של תמונות באיכות נמוכה, עם זאת משקלו עלול להיות כבד מאוד מכיון שהוא מכיל את מפת הצבע של כל תמונה
ותמונה לעומת קובץ SVG שמכיל רק את ההוראות 'קו ירוק מנקודה A לנקודה B... '.
עד לשנים האחרונות היווה GIF את הדרך המועדפת להצגת אנימציות באינטרנט. בשנים האחרונות נכנסה המודעות של קידום אתרים והמגמה של המפתחים הופנתה להקטנת נפח הקבצים המוצגים בטעינת העמוד, דבר המשפיע על קידום האתר בגוגל - דבר השווה לרווח כספי ניכר לבעלי האתר.
ייתרון נוסף של אנימציית SVG היא החדות שלה, מכיון שקובץ GIF מכיל רק תמונות מכווצות לעומת קובץ SVG שמכיל את המתכון ליצירת הוקטור - שיישאר זהה בכל גודל מסך.
החיסרון של אנימציית SVG היה בקושי ליצור אותה, וכן במאגרים הפתוחים שכמעט ולא היו עד לשנים האחרונות.
LOTTIE הביאה את הפיתרון המהפכני לענף לאחר שהציגה תוסף לתוכנת אפטר-אפקטס (תוכנת אנימציה) שמאפשרת לייצא את האנימציה לקובץ JSON ואח"כ להציג אותו באתר / באפליקציה כקובץ SVG או כאנימציית SVG. בנוסף - לוטי הקימה מאגר פתוח של עשרות אלפי אנימציות בפורמט המיוחד - בחינם ובתשלום.

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

[משרדי]

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

[nigun]

@משרדי
נו באמת?!
בשביל מה לרדת לפסים אישיים?
אתה לא יודע באמת מה @ברצינות יודע ומה לא!
אז בבקשה לשמור על הענייניות של השרשור.

[משרדי]

@nigun אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

בשביל מה לרדת לפסים אישיים?

@ברצינות אמר במה יהיה עם האתר לוטי - אנימציות לבונה אתרים:

ו- @משרדי הפוסט הזה מכוון גם אליך.