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

1. WEB & APPS
2016-2017‫עיצוביות‬‫מגמות‬
.‫מותגים‬‫להצלחת‬‫קריטיים‬‫פרמטרים‬‫להיות‬‫הפכו‬‫משתמש‬‫וממשק‬‫אתרים‬‫עיצוב‬
‫ולטרנדים‬‫לשינויים‬‫מהירה‬‫הסתגלות‬,‫לרגע‬‫מרגע‬‫גדלה‬‫בענף‬‫התחרות‬‫כשעצמת‬
.‫שלכם‬‫העסקית‬‫בהצלחה‬‫מכריע‬‫גורם‬‫הינה‬‫בתעשייה‬‫החדשים‬
:‫הקרובה‬‫בשנה‬‫התעשייה‬‫את‬‫לעצב‬‫שעתידות‬‫המגמות‬8-‫ל‬‫התחזית‬‫הנה‬‫אז‬

2. WEB & APPS
‫התמונה‬ ‫ששאר‬ ‫בעוד‬ ,‫בוידאו‬ ‫כמו‬ ‫לנוע‬ ‫בתמונה‬ ‫נבחרים‬ ‫לחלקים‬ ‫לגרום‬ ‫ניתן‬ ‫בעזרתה‬ ‫טכניקה‬ ‫על‬ ‫מדובר‬
‫הופיעו‬ ‫היום‬ ‫שעד‬ '‫והמשעממות‬ ‫ה'רגילות‬ ‫לתמונות‬ ‫נהדרת‬ ‫חלופה‬ ‫מספקות‬ ‫הללו‬ ‫התמונות‬ .‫קפואה‬ ‫נשארת‬
.‫וחדשנות‬ ‫רעננות‬ ‫של‬ ‫אווירה‬ ‫באתר‬ ‫ויוצרות‬ ,‫באתרים‬
-2016 ‫שנת‬ ‫של‬ ‫מושקעים‬ ‫הכי‬ ‫האתרים‬ ‫אחד‬
‫ומעבר‬ ‫מימדיים‬ ‫תלת‬ ‫מודלים‬ ,‫בוידיאו‬ ‫שימוש‬
…‫לעוד‬ ‫צמאים‬ ‫אותנו‬ ‫שמשאיר‬ ‫סוחף‬ ‫סצינות‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫זה‬ ‫את‬ ‫לוקחת‬ Apple ‫תמיד‬ ‫כמו‬
‫ודיאו‬ ,‫ארוכה‬ ‫גלילה‬ ‫של‬ ‫לשלמות-שילוב‬
‫מושלמת‬ ‫עיצובית‬ ‫ומינמליסטיות‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫סינמגרף‬ – Cinemagraphs

3. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫קיימות‬ ‫היום‬ ‫כבר‬ .‫המשתמש‬ ‫ולצרכי‬ ‫מטרה‬ ‫קהלי‬ ‫בסיס‬ ‫על‬ ‫האתר‬ ‫ועיצוב‬ ‫תוכן‬ ‫התאמת‬ ‫היא‬ ‫ביותר‬ ‫החדשניות‬ ‫המגמות‬ ‫אחת‬
‫מטרה‬ ‫קהלי‬ ‫בסיס‬ ‫על‬ ‫באתר‬ ‫והעיצוב‬ ‫התוכן‬ ‫את‬ ‫ומבססות‬ ‫החכמה‬ ‫המהפכה‬ ‫את‬ ‫שמובילות‬ ‫חלוצות‬ ‫חברות‬ ‫מספר‬ ‫בשוק‬
‫של‬ ‫באתר‬ ‫לראות‬ ‫ניתן‬ ‫לכך‬ ‫מצוינת‬ ‫דוגמא‬ .‫לפילוח‬ ‫נוספים‬ ‫ופרמטרים‬ ‫עניין‬ ‫תחומי‬ ,‫לוקיישן‬ -‫גאו‬ ,‫מקצוע‬ ,‫גיל‬ ,‫מגדר‬ ‫מבוססי‬
,‫למשל‬ ‫מישראל‬ ‫גולשים‬ ‫כאשר‬ :‫הגולש‬ ‫של‬ ‫לגאו-לוקיישן‬ ‫האתר‬ ‫תוכן‬ ‫את‬ ‫שמתאימה‬ , 'SEQUOIA' ‫הבינלאומית‬ ‫הסיכון‬ ‫הון‬ ‫קרן‬
‫יופיעו‬ ,‫אחרת‬ ‫ממדינה‬ ‫בגלישה‬ .'People' ‫בעמוד‬ ‫גם‬ ‫וכנ"ל‬ ,‫בלבד‬ ‫ישראלים‬ ‫שותפים‬ ‫של‬ ‫וציטוטים‬ ‫תמונות‬ ‫מופיעות‬ ‫הבית‬ ‫בעמוד‬
‫מדינה‬ ‫לאותה‬ ‫הרלוונטיים‬ ‫התפקידים‬ ‫בעלי‬
‫מיקום‬ ‫זיהוי‬ ‫מבוסס‬ ‫תוכן‬ ‫שינוי‬ + ‫עיצוב‬ ‫שינוי‬
Sequia ‫בעולם‬ ‫הגדולה‬ ‫הון‬ ‫קרן‬ ‫של‬ ‫משתמשים‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
– RealTimeWebsite Personalization
‫משתמש‬ ‫קהל‬ ‫מותאם‬ ‫עיצוב‬

4. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫בעיקר‬ ‫שמתאימה‬ ‫חדשנית‬ ‫טקסטואלי‬ ‫תוכן‬ ‫בפריסת‬ ‫מדובר‬ .‫לשניים‬ ‫המסך‬ ‫שבירת‬ ‫ידי‬ ‫על‬ ‫וויזואלי‬ ‫גירוי‬ ‫המייצרת‬ ‫עיצוב‬ ‫טכניקת‬
‫מחלק‬ ‫המפוצל‬ ‫התוכן‬ ‫עיצוב‬ .‫הגולש‬ ‫ידי‬ ‫על‬ ‫לפרטים‬ ‫לב‬ ‫ותשומת‬ ‫מיקוד‬ ‫ויוצרת‬ ‫בית‬ ‫עמודי‬ ‫כמו‬ ‫מינימלי‬ ‫תוכן‬ ‫בעלי‬ ‫עמודים‬ ‫עבור‬
.‫דרמטי‬ ‫אפקט‬ ‫שיוצרת‬ ‫מרשימה‬ ‫ויזואליות‬ ‫עם‬ ‫המסך‬ ‫במרכז‬ ‫העיקרי‬ ‫המסר‬ ‫את‬ ‫ומציב‬ ‫רחבים‬ ‫למקטעים‬ ‫המסך‬ ‫את‬
,‫מפוצל‬ ‫במסך‬ ‫שימוש‬ .‫וגובר‬ ‫שהולך‬ ‫טרנד‬
‫וחדשנית‬ ‫מרעננת‬ ‫מאוד‬ ‫משתמש‬ ‫חווית‬ ‫מאפשר‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫שנפגוש‬ ‫החדש‬ ‫העיצובי‬ ‫לטרנד‬ ‫דוגמא‬ ‫ועוד‬
‫השנה‬ ‫במהלך‬ ‫הרבה‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫המסך‬ ‫פיצול‬ ‫אפקט‬

5. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫בעלי‬ ‫אתרים‬ ‫הם‬ ‫פרלקס‬ ‫אתרי‬ .‫מקום‬ ‫לשום‬ ‫ללכת‬ ‫מתכוונים‬ ‫לא‬ ‫והם‬ ,‫נפוצים‬ ‫ויותר‬ ‫ליותר‬ ‫הופכים‬ ‫הם‬ ,‫כאן‬ ‫כבר‬ ‫הם‬
‫וחווית‬ ‫מימדי‬ ‫תלת‬ ‫אפקט‬ ‫יוצרים‬ ,‫שונות‬ ‫במהירויות‬ ‫שנעות‬ ‫עיצוב‬ ‫שכבות‬ ‫עם‬ ‫ועבודה‬ ‫שונים‬ ‫רקעים‬ :‫מיוחדת‬ ‫גלילה‬
.‫וסוחפת‬ ‫מרתקת‬ ‫משתמש‬
‫ואלמנטים‬ ‫רוחבית‬ ‫גלילה‬ ‫עם‬ ‫פרלקס‬ ‫פרוייקט‬
.‫לדף‬ ‫״העומק״‬ ‫תחשות‬ ‫את‬ ‫שמגבירים‬ ‫צפים‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫של‬ ‫מדהים‬ ‫פרלקס‬ ‫פרוייקט‬
NATIONAL GEOGTAPHIC
StroryTelling ‫שמשלב‬ CHANNEL
‫אחרת‬ ‫גלישה‬ ‫וחווית‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫פרלקס‬ – PARALLAX

6. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫שסגנון‬ ‫מסתבר‬ ?‫עליהם‬ ‫מתים‬ SEO ‫אנשי‬ ‫מדוע‬ ‫אז‬ ..‫מסתיימים‬ ‫לא‬ ‫לעולם‬ ‫שהם‬ ‫תחושה‬ ‫וישנה‬ ,‫ארוכים‬ ‫מאוד‬ ‫הם‬
.‫האתר‬ ‫בתוך‬ '‫ל'מסע‬ ‫לצאת‬ ‫למשתמשים‬ ‫גורמים‬ ,‫ארוכה‬ ‫גלילה‬ ‫בעלי‬ ‫אתרים‬ :‫האתר‬ ‫לקידום‬ ‫רבות‬ ‫תורם‬ ‫הזה‬ ‫הגלילה‬
.‫באתר‬ ‫שלהם‬ ‫השהייה‬ ‫זמן‬ ‫את‬ ‫ומאריכה‬ ,‫מרוכזים‬ ‫הגולשים‬ ‫את‬ ‫שמשאירה‬ ‫מתח‬ ‫תחושת‬ ‫יוצרת‬ ‫הארוכה‬ ‫הגלילה‬
‫״פורשה״‬ ‫המכוניות‬ ‫חברת‬ ‫של‬ ‫מצוינת‬ ‫עבודה‬
‫מלאות‬ ‫מסך‬ ‫תמונות‬ ,‫ארוכה‬ ‫גלילה‬ ‫של‬ ‫שילוב‬
‫המון‬ ‫שמוסיפה‬ ‫רקע‬ ‫מוסיקת‬ ‫ואפילו‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫צפות‬ ‫שכבות‬ ‫על‬ ‫מבוססת‬ ‫ארוכה‬ ‫גלילה‬
‫הגלילה‬ ‫כדי‬ ‫תוך‬ ‫שונות‬ ‫במהירויות‬ ‫שנעות‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫מתמשכת‬ ‫גלילה‬ ‫אתרי‬ – Long scroll

7. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫לקוח‬ ‫במקור‬ ‫האריחים‬ ‫מבנה‬ .2017-‫ב‬ ‫יותר‬ ‫משמעותית‬ ‫תאוצה‬ ‫לתפוס‬ ‫ועשוי‬2016 ‫בתחילת‬ ‫לעולמנו‬ ‫שנכנס‬ ‫עיצוב‬
‫רוחבית‬ ‫תמונה‬ ‫עם‬ ‫אתר‬ ‫בעוד‬ ‫מאסו‬ ‫שקצת‬ ‫אלו‬ ‫כל‬ ‫את‬ ‫משמש‬ ‫בעיקר‬ ‫והוא‬windows 10 ‫של‬ ‫המשתמש‬ ‫ממשק‬
.‫ומרעננת‬ ‫שונה‬ ,‫אחרת‬ – ‫חוויה‬ ‫למשתמשים‬ ‫להעניק‬ ‫ורוצים‬ ‫גדולה‬
‫״אריחים״‬ ‫מבנה‬ ‫של‬ ‫במיוחד‬ ‫מוצלח‬ ‫שילוב‬
‫גדולה‬ ‫ראשית‬ ‫תמונה‬ ‫משולב‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫שימוש‬ -hp ‫חברת‬ ‫של‬ ‫מיוחד‬ ‫פרוייקט‬
‫בקצבים‬ ‫ונעים‬ ‫מרחפים‬ ‫אריחים‬ ‫במבנה‬
‫עשיר‬ ‫עיצובי‬ ‫עומק‬ ‫מעניק‬ - ‫שונים‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫אריחים‬ ‫מבנה‬ ‫עיצוב‬ –Tiles

8. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫חברת‬ ‫שמובילה‬ ‫השטוח‬ ‫העיצוב‬ ‫סגנון‬ ‫בעקבות‬ ‫הרבה‬ ,‫האחרונות‬ ‫בשנים‬ ‫פופולארי‬ ‫למאוד‬ ‫הפך‬ ‫המינימליסטי‬ ‫העיצוב‬
‫יחד‬ ‫אך‬ ,‫הדבר‬ ‫אותו‬ ‫להיראות‬ ‫מתחילים‬ ‫כבר‬ ‫האתרים‬ ‫כל‬ ‫כי‬ ‫הטוענות‬ ‫המינימליסטי‬ ‫העיצוב‬ ‫על‬ ‫ביקורות‬ ‫ישנן‬ .'‫'אפל‬
‫והצריכה‬ ‫הגלישה‬ ‫באופן‬ ‫המהירים‬ ‫השינויים‬ ‫אך‬ ,‫המשתמש‬ ‫לחווית‬ ‫חשיבות‬ ‫ייחסו‬ ‫לא‬ ‫בעבר‬ :‫לכך‬ ‫סיבה‬ ‫ישנה‬ ‫זאת‬ ‫עם‬
‫והמינימליסטי‬ ‫השטוח‬ ‫העיצוב‬ .‫העבודה‬ ‫את‬ ‫עושות‬ ‫שפשוט‬ ‫נפוצות‬ ‫דיגיטליות‬ ‫עיצוב‬ ‫תבניות‬ ‫ליצירת‬ ‫הביאו‬ ‫באינטרנט‬
.‫הזו‬ ‫לקטגוריה‬ ‫נכנס‬ ‫בהחלט‬
-squarespace ‫חברת‬ ‫של‬ ‫מיניליסטי‬ ‫עיצוב‬
‫וקולע‬ ‫לבן-פשוט‬ ‫האפור‬ ‫בגווני‬ ‫שימוש‬ ,‫אוורירי‬
‫מיותרים‬ ‫מסיחים‬ ‫למטרה-ללא‬
‫כאן‬ ‫הקליקו‬ ‫בפרוייקט‬ ‫לצפייה‬
‫מינימליזם‬

9. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
‫האתר‬ ‫את‬ ‫עיצבו‬ ‫לא‬ ‫עוד‬ ‫אתרים‬ ‫מנהלי‬ ‫כמה‬ ‫לגלות‬ ‫תתפלאו‬ ‫אבל‬ ,‫אובייסט‬ ‫קצת‬ ‫ייראה‬ ‫אולי‬ ‫הזה‬ ‫הסעיף‬ ‫לחלקכם‬
‫הגולש‬ ‫של‬ ‫השימוש‬ ‫דרך‬ ‫את‬ ‫יותר‬ ‫התואמת‬ ,‫אפליקטיבית‬ ‫חוייה‬ ‫יוצר‬ ‫למובייל‬ ‫ייעודי‬ ‫עיצוב‬ .‫למובייל‬ ‫כייעודי‬ ‫שלהם‬
.‫רספונסיבי‬ ‫מעיצוב‬ ‫כמה‬ ‫פי‬ ‫גבוהים‬ ‫המרה‬ ‫אחוזי‬ ‫רואים‬ ‫אנו‬ ‫ולפיכך‬
‫עד‬ ‫המובייל‬ ‫גולשי‬ ‫את‬ ‫הזנחתם‬ ‫קצת‬ ‫אם‬
‫שלכם‬ Wake Up Call -‫ה‬ ‫בהחלט‬ ‫זאת‬ ,‫עכשיו‬
‫כמעט‬ ‫מפספסים‬ ‫שאתם‬ ‫היא‬ ‫המשמעות‬ ‫כי‬ ,
.‫שלכם‬ ‫מהלקוחות‬ 60%
‫מותאם‬ ‫שלכם‬ ‫האתר‬ ‫כמה‬ ‫עד‬ ‫כאן‬ ‫בדקו‬
‫ממשק‬ ‫על‬ ‫גם‬ ‫ציון‬ ‫שתקבלו‬ ‫לב‬ ‫למובייל-שימו‬
‫האתר‬ ‫מהירות‬ ‫על‬ ‫וגם‬ ‫משתמש‬
Mobile First!

10. WEB & APPS
‫מוזמנים‬ ‫אתם‬ ,‫עזרה‬ ‫תרצו‬ ‫אם‬ .‫לבד‬ ‫לבצע‬ ‫יכולים‬ ‫אתם‬ ,‫בהם‬ ‫אתכם‬ ‫ששיתפנו‬ ‫המקצועיים‬ ‫הטיפים‬ ‫כל‬ ‫את‬
www.yna.co.il / rotem@yna.co.il / 09-7734300 :‫טלפון‬ ,Y&A -‫ב‬ ‫איתנו‬ ‫קשר‬ ‫ליצור‬
,‫לסיכום‬
‫הראוי‬ ‫הדגש‬ ‫את‬ ‫עליו‬ ‫לשים‬ ‫מומלץ‬ ‫ולכן‬ ‫ההמרה‬ ‫ויחס‬ ‫האתר‬ ‫אפקטיביות‬ ‫על‬ ‫מכרעת‬ ‫השפעה‬ ‫לעיצוב‬
‫חוויית‬ ‫ליצור‬ ‫ובכדי‬ ,‫המשתמש‬ ‫מחוויית‬ ‫נגזרת‬ ‫עסקית‬ ‫הצלחה‬ .‫בתעשייה‬ ‫לשינויים‬ ‫להתאימו‬ ‫ולהקפיד‬
.‫מנצח‬ ‫עיצוב‬ )!(‫חייבים‬ ‫אתם‬ ,‫באתר‬ ‫מוצלחת‬ ‫משתמש‬