show and tell: hovercards

31st March 2012

about a week ago, we released hovercards (not to be confused with hoverboards). the next time you watch a video on ka, mouse over the name of someone who has posted a comment, question, or answer!

the observant ka user will recognize that hovercards are mini versions of a user’s public profile, with her avatar, name, five hand-picked badges, and some stats hinting towards her commitment to the site.

discussing a video on ka is intellectually fruitful, and the hope is that hovercards make the experience more joyful and more human. human in that you can imagine the other people who also mulled over which five badges to share, who also played around with their arrangement until their display case looked just right, and who are embarking on educational journeys that cross paths with your own.

give it a try and let us know how you feel!


as has become habit, here are a few screenshots chronicling this feature’s development.

cutting the public profile in half, and putting it into another rectangle:

one day, we might have an “add as coach” button in the hovercard, and this was a silly experiment to see what it would look to have a giant button. it is indeed giant.

wouldn’t this have been funny for folks without a public profile? maybe?

kitt (our new-but-not-that-new-anymore designer!) with the winning breakthrough to emphasize the display case over the exercise and video counts. the acts of choosing and manipulating the badges are much more meaningful and personal — we cannot be reduced to numbers, after all!

did you know that the triangle on the hovercard is in fact two triangles? there’s a white triangle sitting on top of a gray triangle. well, now you know! we’ll spare the details of how this feature was implemented except for that fun fact. the curious will always find what they seek (hint: look here).

most of the hovercards you encounter will give notice of a non-public profile. that makes for a slightly subdued learning party, but such is what happens when opting for a public profile is itself a relatively new feature and we at ka respect your privacy!

You can leave a response, or trackback from your own site.

Leave a Reply