להסביראפשרמשתמשממשק

…עלנדבר

Ø 

Ø 

Ø 

אנימציותמצדיקיםאיך

טובלהראותלהןגורמיםאיך

אותןמייצריםאיך

UPPOP…מוסיפים

…אנימציהמוסיפים

…אנימציהועוד

4

1

7

5

2

8

6

3

9

אנימציותלהצדקתלוגיותמשפחותתשע

אוריאנטציה 1

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

לו משתנה כשהממשק מופתע יהיה לא שהמשתמש כדי

בהדרגה חדשים לתכנים להיחשף קל יותר כי

Orienta5on

Videocredit:TomasSkarba

1

Orienta5on

Videocredit:ArthurGuillerminHZN

1

BA לחצן של בפעולה שהתרחש צפוי בלתי שינוי מבליט

חדשהפעולה,הלחצןאותו 2

חדשהפעולה,הלחצןאותו 2

Videocredit:Google

חדשהפעולה,הלחצןאותו 2

Videocredit:JardsonAlmeida

–INZOOMהרחבה 3

הרחבה 3

Videocredit:BrandonTermini,dribbble

הרחבה 3

Videocredit:BrandonTermini,dribbble

1

2

3

הרחבה 3

Videocredit:Heileng,dribbble

מזוהה מאוד אובייקט 1

לדומיננטי והופך זז האובייקט 2

אחורה חזרה לחצן מופיע 3

Videocredit:VirgilPana,dribbble

1.  Orienta5on2.  SamebuQon,newac5on3.  ZoomIN4.  Hint5.  Highlight6.  Simula5on7.  Visualfeedback8.  Followaprocess9.  Marke5ngwithpurpose

!הכללפני.פונקציונליות

כוריאוגרפיה

כוריאוגרפיה

אלסטיות

(ARC)קשת תנועת

(EASE IN)משיכה כח

כוריאוגרפיה

Videocredit:MohammedBilal,dribbble

Overlapping Action

Secondary Action

פונקציונליות)ומשמעותמטרה(

גרפיקה

כוריאוגרפיה)תנועה(

2016אנימציהכלי

TumultHype

AdobeA/erEffects

AdobeAnimateCC

Principle

Mo;on

Avocado

Origami

AdobeExperienceDesign

Form

Atomic

כליםשלסוגים3

Timeline Events Patches

TIMELINE

TumultHype

AdobeA/erEffects

AdobeAnimate

InvisionMo5on

PATCH

Avocado(IDEO)

Form(Google)

Origami(Facebook)

EVENTS

AdobeExperienceDesign

(Google)

TumultHype

AdobeA/erEffects

AdobeAnimateCC

Principle

Mo;on

AvocadoOrigami

AdobeExperienceDesign

FormFramerJS

Atomic

AdobeAnimateCC

AdobeA/erEffects

Windows MacWeb

כוריאוגרפיה

פונקציונליות

TumultHypeAvocado

Origami

Form

Atomic

AdobeAnimateCC

AdobeA/erEffects

Principle

?

מורכבותהממשק

…נסכם

פונקציונליותכלקודםהןאנימציות

Ø 

התמחותוגם,נפרדשלבזהכוריאוגרפיהØ 

שילובבתהליךהאיפיוןעודלאמושלםה.אנימציהכליהמוןיש

Ø