Multibhashi is an online language learning product with the motto “Making language learning Simple and Fun!” and focus on regional Indian languages.
The goal was to design a very simple experience so that the target user can have the most retention of the chosen language, using the most up-to-date UX practices and research.
- ROLE: Design (Experience, Interface, and Game.)
- PLATFORM: Mobile and Web
- DATE: March 2017
- WHAT I DID:
› Ideation & visualization.
› Stakeholder interviews.
› User research.
› Building personas.
› Creating scenarios.
› Creating user flows.
› Defining IA.
› Drafting wire-frames.
› A/B Testing.
› Low fidelity prototypes.
› Interface design.
› High fidelity prototypes.
› Usability testing.
- UX CONSIDERATIONS:
› Experience curated for learning.
› Predictable design for learning flow.
› White space is a friend.
› Minimalist visual design.
› Utmost focus on learning content.
- WHY MULTIBHASHI:
Lack of “personalized” regional language e-learning product in Indian market gave birth to the idea of Multibhashi.
To enable the workforce (both grey and blue-collar) to converse in english or regional languages who migrate to different parts of India due to employment opportunities.
- TARGET USER:
Working professionals (both grey and blue-collar). Also non-english speakers, travelers, students who want to learn a new language.
› Age group: 18-55 Yrs.
“I prefer stakeholder interviews than any written brief, as in long-term it’s their values for the product what defines its direction.”
- LEARNING AND RETENTION METHOD:
Once all inital R&D was done and basics were finalized creation of an “efficient and effective” learning methodology was very important, according to which the learning content should be consumed by the user. After the desired learning method was created, a gamification loop was added to it increase retention of the learning content.
- CONTENT MANAGEMENT AND DELIVERY:
Uploading the learning content to the cloud without errors was a challenge as the content structure was very complex. To solve that, a robust CMS was designed which simplified the whole process of learning content’s Uploading, Management, and Delivery.
- MULTIBHASHI WEBSITE:
Multibhashi originally had a one-page website which was not very helpful in SEO and product showcase. The new website was designed from scratch to be more SEO and user-friendly.
- MULTIBHASHI ANDROID APP:
As 70% of the target market used Android Smartphones, it was very necessary to create a stellar user-experience for Android.
- MULTIBHASHI WEB APP:
A Web App wasn’t very essential as user research showed the dominance of Smartphone. But it was designed to convert any organic web traffic coming to Multibhashi website into a user.
- LEARNING GAMES:
2 educational games were also designed to support the learning and gamification. The content used by the games was directly dependent on the course selected by a user.
- PRODUCT ARCHITECTURE:
Multibhashi was divided into four sections:
1. Learn (Learn)
2. Practice (Games)
3. Human Support (Premium)
4. Track (You)
Multibhashi’s information architecture follows a hierarchical structure, allowing users to choose a course and then lead to different units and sub-units. On mobile and desktop, Multibhashi uses tab to navigate between sections which makes navigation and feature discovery very easy. In mobile to better suit one hand usability the tabs are in the bottom and in desktop they in the top.
Multibhashi uses a responsive grid system, which has flexible columns and padding that can resize to accommodate any screen width.
- COLOR AND TYPOGRAPHY:
Multibhashi has a color theme with one primary color and five additional colors. Multibhashi uses two typefaces: Montserrat (for English) and Noto Sans (for Indian scripts), as both are very legible and offers multiple weights.
By becoming 60+ pages website from just 1 page the SEO improved a lot, leading the website to rank in top 10 on certain keywords due to strategically designed pages and content in 8 regional Indian languages. (The website was later ported to WordPress for scalability.)
- ANDROID APP:
After redesigning the Multibhashi Android App; it has got rave reviews from users and has 800k+ installs with 4.4/5 average rating (from 17k reviews) on Google Playstore.
Web App didn’t get a lot of response, which was already known.
- LEARNING GAMES:
The usage of learning games didn’t go as expected. After 4 months of releasing them with the Apps, they had to be removed because of them having technical glitches resulting in a bad User Experience.
YOURSTORY • Forbes • ETtech.com • VCCircle
- AVAILABLE ON:
Web • Android
“Designing the whole Multibhashi Experience was a delight. Kudos to the whole team that we’re able to get the newly redesigned product built from ground zero within three months.”Published on June 28, 2018