QBIS

Learning Platform

Introduction

Last Year, I got a chance to work on an learning platform which is based upon open source platform name as Qbis. A multi device training and education platform for both employees and customers, to enable a free-fall learning experience to all as per the choice and time defined by the customer with easy access to all the content online. It also caters an online platform to monitor employee’s skills and record the level of learning achieved.

Project

UI/UX

Art Direction

Prototyping

Date

May 2016

The Problem

As we all know, Learning industry has change the lifestyle of the people to learn. If you talk about learning new skill for promotion or to learn new skill set at your job than thing go serious for people. So, The challenge which I got is to design a learning platform like plural-site, udacity and etc. for enterprise industry which should be customize according to customer needs. This should have ability to customize according to company existing portal and also integrate with there existing portal so that they can integrate learning skills of an employee with there exiting data to get better knowledge of there employees.

Design Process

I decided to follow Human-Centered Design and Lean UX Design Thinking process to make sure that my design decisions were supported by user research and feedback.

My Role

I led UX Research and Interaction Design for this project. I collaborated with my office team mate to study about learning habits and their different pattern of study in the office’s to upgrade there skill for different project and also to improve there skill sets for there bright future. After exploring multiple solutions, I designed the web platform, iOS and android app for this.

Strategy

Stakeholder Discussions

Meeting with stakeholder of my company which tell me high level understanding about this product. They give me all understating that they want make a learning platform which is for Enterprise companies. So in discussion we finalized all the technology on which we are going to make this platform. What type of challenges come in it?

Target User

Who are we designing for?

We want to design this platform for employee’s of the enterprises company so that they can update there skills for better future of the company.

How we want employee to feel?

Wow! It is fun to learn new skill set and It very clear to view & learn all the stuff and it really helps me to accelerate my career.

Research

User interviews

Interviewed people asking about there study and skill set in general. Some people feel that they needed information about how these learning help them in there career and how they can easily manage there work and learning side by side.

Domain research ( Competitive Analyze )

Studied tools that people currently use to find communities and events. People usually felt that the information was scattered around different physical and digital spaces.

Udacity & Plural Sight Competitive Analyze

Persona

To start off, I created a provisional persona of a potential Qbis user based on online research and my understanding of people who I knew that used Qbis. This persona was created with assumptions and not fully research-based but it was something that I came back to throughout my project to guide my design decisions and priorities.

Employee persona

Analysis

Concept mapping & Affinity mapping

Affinity mapping helped us understand the themes in our user data & Concept mapping helped us understand the relationship between these themes. You also get all this questions answer

Why we need to make this platform?
What are people’s motivations to use this platform?
How do these skillful employee affect the Organization Growth?
What are the current learning platform that organization use for employee learning ?

Concept mapping image

Use-case

Use Case is the name given to the sequence of end-to-end interaction that occurs between an actor and the system, often creating an observable value for the actor.

To think about the main and alternate streams of activities that the Use Case is come in picture in order to make a useful production based on them.

Some Use-case of Employee as an actor

Task Flow

I also created a task flow to show the flow for a user who wants to Log In in app.

Design

SKETCHING ( Low-Fidelity )

Exploring ideas, Leeds to better platform construction

This is my favorite part of the project. I started sketching out various ideas to solve some of the questions that evolved from our User Research. After considering several ideas we reached to some conclusion.

Wireframes ( Low-Fidelity )

Prototyping and Validation ( Hi Fidelity )

I jumped into Photoshop to create Hi-Fi mockups of my proposed solutions and used InvisionApp to create a clickable prototype. I tested the prototype with 5 new individuals. Insights from the validation test led me to reiterate on one of the screens. Below are the Hi-Fi mockups of my final solutions including the results of the user testing before and after implementing my design solutions.

Link to view VD : https://dribbble.com/shots/2836448-Preparing-Test-Dashboard

Production

Developer Understanding

Delivery to Developer: Assets, Style Guide, Animation Screen

I always try to give deep understanding to developer. I give all the information on the ui only. So, that developer will understand clearly that what size, font , color will be there. If I have time I also provide the detail knowledge of the transitions by providing them animations which help the to understand How the app work and what is his behavior