ED Score (Emotional Design Score)

I’m excited to finally released ED Scoring method to Slideshare. At Rakuten Viki (especially the Design Team), we’ve been experimenting with different kind of work flows, with a goal of having a better collaboration between team at Rakuten Viki. There were three main problems that I found:

  1. No clear approach in communicating why a product is bad and frustrating.
  2. No structured method to compare our own product with competitors’ product.
  3. Unclear actionable items to improve the experience.

We’ve set our challenges (see them in the slides), and to cut things short, I’ve come up with ED Score (Emotional Design Score). ED Score is about “Communicate feedback and discuss improvement better with clear actionable items.” I won’t write a lengthy blog post, you can view the slides below. I’d expect people to try it out, share with us what worked/didn’t worked, and suggest better methods. Would be awesome if you tweet and mention me (@borryshasian) with your thought/experience when using it.

The Pursuit of The (Near) Perfect Prototyping Tool

I’m still not satisfied with some prototyping tools that I’ve used. I wrote that Pixate Could Be The Answer to My Prayer for a (near) perfect prototyping tool, but I’m not happy with it, so the pursuit of the (near) perfect prototyping tool is still not done. Today I was playing around with Framer.js. I need to use CoffeeScript to code the interaction, but so far it looks good. See the drag-and-drop that I created on codepen: Drag and Drop, Framer.js + CoffeeScript. If you’re not used to code, I’d say CoffeeScript is relatively easy to learn. If you’re used to Javascript, it’s even easier to use CoffeeScript. For me, I think it’s worth the effort to learn Javascript and CoffeeScript, it opens a lot of possibilities, and for me, it’s quite addictive to keep experimenting with interaction design.

Everything Looks Simple Until You Try to Do The Same

I’m forcing myself to code an interaction at least once every 2-3 days. Those interactions are easy to create using After Effects, but when it comes to code (for a non Front-End Engineer like me), it’s much harder. Not every designer could code, in fact I don’t think designer should code, but by doing so, I have more empathy to the engineers after do the code myself, it’s not “I can understand how you feel”, but rather “I’ve been there, I know how it feels.”

Try the interaction below. Although it’s not fancy, but I’m proud of myself to be able to code this using CSS and JS. You need to scroll to see the ‘+’ icon, or you can play around with it directly on the codepen.io: Options Animation.