Skip to content

How to add a new feature in your favourite app | UX

Add a feature in YouTube by following these simple UX steps

Google is the company that takes UX quite seriously for each and every feature. But how to add your favourite feature that you would like to see on YouTube. Let’s check it out.

Including you, YouTube has almost 2 billion active users after all.

We consume a lot of foo… err… data regularly.

But how much do we retain? Consuming more and retaining less is not good for the human-machine relationship you see?

Lets make something to make sure this does not happen!

PROBLEM

There’s no feature for taking notes and finding the meaning of a word while watching a YouTube video (basically, staying on YouTube).

AIM

We are going to add a YouTube Notes feature and Dictionary in youtube itself. The notes you take will also be available offline. Notes will be autosaved simultaneously. But make sure that the end design follows Nielsen Heuristics. Add a feature on YouTube by following these simple UX steps.

But we are not going to ruin the process. Fidgeting with an app having such a big user base is neither easy nor recommended. Following the proper UX steps are important. If you know what I mean.

this image describe us that how we can add features on YouTube by following UX steps.
Mockups

I’ve designed icons for both of them already, thank me later.

this image describe us the icons of YouTube notes.
YouTube Notes
this image describe us the icons of YouTube Dictionary.
YouTube Dictionary

Lets Start!

QUESTIONNAIRE

“Knowing what you need”. I’ll make a questionnaire and make you and your friends fill it. Then I will Analyse what you all say. Stuff like, 

this image describe us the analysation of surveys.
Survey
  • Do you listen/watch podcasts or ted talk?
  • Which application do you use?
  • Which category do you prefer watching/listening to?  
  • In which language?
  • Do you take notes?
  • What do you do when you don’t get the meaning of a word?
  • And so on…until you get tired.

ANALYSIS

Then I will compile and learn all your responses to make sure that the critical input gets implemented along the way.

this image describe us the analysis of Research.
Research

If there is any feature that resonates with my initial idea, I will jot them down somewhere, it’s helpful. Believe me.

Write down all the pain points for the next step.

PERSONA

There are many things I can include in persona like hobbies, age group, fashion sense, etc depending upon the product I am working on. If you too want to add them. Go Ahead!

this image describe us the things that we should include in our Persona. and how persona is important.
Persona

But never forget to add Needs and Pain Points. These two things will be most crucial amongst all the other things added in the persona.

USER FLOW

I will draw the journey that the user is going to go through to reach the feature I want to add.

this image describe us the user flow pattern.
User Flow

this will make our Card Sorting streamlined. Also, make sure that the number of clicks is less. no one likes to burn so many calories for a feature.

CARD SORTING

I will use sticky notes to make it work like I am using the application that I am trying to imagine. Just play the User Flow physically with cards.

It is a part of the brainstorming exercise. It’s done in a group. You can avoid if no one’s with you in this activity.

this image describe us the pattern of Card Sorting.
Card Sorting

LO-FI WIREFRAMING

I will simply go ahead and sketch the mockup idea on a piece of paper. Just to decide the placements.

this image describe us the pattern of Lo-Fi  Wireframing.
Lo-Fi wireframing

HI-FI WIREFRAMING

I am using a software that allows me to digitize these offline mockups.

this image describe us the pattern of Hi-Fi  Wireframing.
Hi-Fi wireframing

PROTOTYPING

Bringing this idea to life!

(Since I am working on the YouTube application, I should have strictly followed the youtube brand guidelines which is what I did. I got all those icons from Material-UI)

this image describe us the pattern of Prototype links.
Prototype links

Now comes another important part.

USER FEEDBACK and USABILITY TESTING

So I will test this prototype by making a couple of my guys use this prototype. Yeah. Online. For now at least. And incorporate those changes.

So I got some crucial feedback too. Out of many, one was common, The Landscape Mode.

So in the next sprint, I went ahead and made a landscape view for the users who want to take notes and search meanings in landscape mode.

this image describe us the pattern of User Feedback and Usability Testing.
Landscape View

And here’s the final product.

So now, Sit back and watch the video.

If there’s any developer out there who wants to make an impact through this idea, we can collaborate and make this work.

For more details study of this project watch me on Behance and Medium for

My Linkedin profile

Figma File https://www.figma.com/file/CEomYEVXAGp0EevSoLnG00/YouTube-Notes-Public?node-id=0%3A1

My Behance Profile-

https://www.behance.net/deveshshirsath

My Medium Profile-

https://medium.com/@deveshshirsath

you may like to see-

FIVE IMPRESSIVE FUTURISTIC GADGETS

A LIST OF ALL-TIME FAVOURITE ACTION VIDEO GAMES

Handmade Gift Ideas for Raksha Bandhan

July 29, 2020

Leave a Reply

Your email address will not be published. Required fields are marked *