evoluspencil-pretotype-template icon indicating copy to clipboard operation
evoluspencil-pretotype-template copied to clipboard

Animate highlighting of hot-spot areas on screen click for better affordance

Open toorshia opened this issue 10 years ago • 3 comments

Hi Rudy,

First, thanks for this wonderful template. It's been essential part of my Pencil workflow for more than a year now. I even tweaked it a bit here and there (to suit my personal needs), but nothing major to contribute :)

Second - I think it would be good if you included

click handler to animate hot-spot area highlighting, so user knows what places are available to click.

So user opens up a document, clicks anywhere. If he clicked on non-clickable area, hot-spots get highlighted for 600ms or so, then return to normal state. Now user knows his options for clicking ;)

toorshia avatar May 06 '14 10:05 toorshia

One more thing, since hot-spots are 'area' elements (can't be styled with CSS only) you could use this jQuery plugin to do it: http://www.outsharked.com/imagemapster/

toorshia avatar May 06 '14 11:05 toorshia

Bojan, Thanks for the request! This would be a valuable feature to have since it would improve usability for first time users of the pretotype.

I considered this a while back but I did not deem it important enough to expend time on. Now that another actual user has requested it, I will do my best to implement it.

Thanks for pointing out the library that highlights image map elements.

rudylattae avatar May 07 '14 18:05 rudylattae

No problem, my pleasure. I was trying to find time to try implementing it myself, but I am swamped with work. Keep up the good work & good luck with this one :)

toorshia avatar May 08 '14 15:05 toorshia