Dial Navigation

E-Learning Heroes does a weekly challenge that gets all of us designers thinking and creating something new.  Last week they posted one that incorporates the new dial interaction in Articulate 360.  Unfortunately I don’t have this version yet, but I still wanted to create a dial interaction using Storyline 2.

 After creating my original dial look and feel, I used many triggers to animate it.

 – Spin trigger with the quarter and half spin

– Hide and show triggers for the circles and arrows

– Jump to screen by clicking the arrows

– Slide transitions

 I really enjoyed the challenge of making the dial animation run correctly when clicked by the user.  Now to get Articulate 360!

Leave a Reply

Your email address will not be published. Required fields are marked *