I’m working on the improved viki.com experience across devices. It’s not only about the visual design, but also about the flow, interaction, and layout. “Details matter, it’s worth waiting to get it right, ” says Steve Jobs.
The thumbnail is the most used component on the website and app, but I think we haven’t done it well, with details that make the overall interface looks great. Inspired by Google Material Design, I’m using 8dp square baseline grid, and 4dp when it’s needed (e.g the space between ‘new ep’ badge and the left edge). The blue square is the target area for the overflow icon (40dp x 40dp).
Another challenge is to make the Top Volunteers more engaging, one variation:
I’m unifying and simplifying the flow across devices, focusing on the users key goals: discover shows and watch show. See one solution below:
See above design on Dribbble:
I still have a lot of things to be done, but everything looks great so far, and using 4dp/8dp baseline grid helps to lay things out perfectly on the screen.
Learn more about Google Material Design’s Metrics and Keylines.
I went to a library yesterday and found the book by Christopher Hart about drawing Kawaii. I’ve always been a fan of Kawaii. I started with the basic, and it felt good, doing something different than interface design. It’s a good exercise for my creativity and digital illustration skill.
See my shot on Dribbble here: Viki Fan With Dragon Hat.
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:
- No clear approach in communicating why a product is bad and frustrating.
- No structured method to compare our own product with competitors’ product.
- 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.
Sketchstorming is one of my fav exercises at Rakuten Viki. When we’re sketching and sharing the ideas, there were always laughter, and I could feel the positive energy it brought to the people participating in it.
“Laughter is a powerful antidote to stress, pain, and conflict,” Melinda Smith wrote in Laughter is Best Medicine.
I’m even more excited that Sketchstorming has become a common thing in Rakuten Viki. It’s not about the sketching, it’s about believing in your ideas and the confidence level of communicating them to others.
We have a regular design meetup, called DesignDojo. This month was about Sketchstorming. We’ve been using this method a lot, as part of our ideation stage in Viki, and I was so excited to see how people used the method and shared their ideas. Sketchstorming is about releasing your confidence in communicating your ideas and to overcome the fear of rejection. It’s about quantity. Coming up with as many ideas (sketches in this case) and discuss them with others, be inspired by others, and hopefully it can trigger a better design/idea/approach.
Feel free to join our DesignDojo Meetup. See you there.
The sweet (or sweat) spot of good UX, is about users desirability, business viability, and technology feasibility. It’s even more challenging when we’re working on improving our Viki Homepage. I felt good about the launch (although we didn’t touch the visual design yet), because everyone was involved in the process, from our top executives (I flew to SF to meet all of them) to our engineers. It’s a win-win piece. It gave a great energy boost to start the 2016. To infinity and beyond!
What a day! Started early for preparing the Brand Experience Workshop, then ended the day with a sketchstorming for our new homepage.