Using HTML5 Canvas to Create a Rating Component in Ionic



By Josh Morony

I’ve seen this concept around a few times, where rather than having a typical slider or star rating system, an application will use a smiley face. The smiley face can be adjusted to represent how the user feels about whatever it is they are rating. I think it’s genius, being able to connect with the user at an emotional level is a great goal and I think this metaphor achieves that.

Often around the streets where I live there are signs installed that will detect your speed and display a smiley face if you are within the speed limit, and a frowny face if you are going over the speed limit. I haven’t actually ready any studies that comment on the effectiveness of this approach, but it makes sense to me that this message would connect more with the driver rather than just being told that they are traveling 65km/ph when the speed limit is 60.

I decided to create a component that implemented this concept in Ionic, and this is what I came up with:

Read the full article...

Share on Google Plus

About www. codeandyou.com

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments :

Post a Comment