Sitemap
Press enter or click to view image in full size

Introduction

--

Halo, saya Aldy Alviary. Saya adalah UI/UX Design Enthusiast. Saat ini saya mengikuti bootcamp UI/UX yang di selenggarakan oleh dibimbing.id untuk belajar UI/UX Design. Ini adalah tugas Akhir saya yang membahas tentang pengalaman user ketika menggunakan aplikasi Vidio (Aplikasi Streaming) untuk dijadikan sebagai sebuah tugas akhir dan portofolio.

Overview

Vidio adalah portal online atau situs web video streaming yang berdiri sejak tahun 2014. Situs ini memungkinkan pengguna untuk menonton dan menikmati berbagai video dan layanan lainnya seperti live chat dan bermain games melalui jaringan internet dan menayangkannya secara streaming (live streaming dan video on demand). Berjalannya waktu Vidio juga dapat diakses melalui mobile & tablet (iOS, Android), personal computers, chromecast, set up box, smart TV dan perangkat lainnya yang telah terinstal aplikasi Vidio.

Role: UX Researcher
Scope: User research, analyzing
Timeline: 4 weeks
Tools: Figma (Figjam), Google Sheet, Google Slide

Background

Vidio adalah portal online atau situs web video streaming yang berdiri sejak tahun 2014. Situs ini memungkinkan pengguna untuk menonton dan menikmati berbagai video dan layanan lainnya seperti live chat dan bermain games melalui jaringan internet dan menayangkannya secara streaming (live streaming dan video on demand). Berjalannya waktu Vidio juga dapat diakses melalui mobile & tablet (iOS, Android), personal computers, chromecast, set up box, smart TV dan perangkat lainnya yang telah terinstal aplikasi Vidio.

Preliminary Research

Research ini berdasarkan pengalaman pribadi, merasa bahwa saat menggunakan aplikasi vidio tidak nyaman karena tidak bisa memilih konten yang di inginkan karena konten dipilih random.

Research Objective

  • Memahami user behaviour saat menggunakan aplikasi Vidio.com
  • Menggali pain point atau kendala yang dialami oleh user Vidio dengan fitur yang sudah ada, terutama saatmemilih konten tontonan
  • Memahami kebutuhan akan user interface dari Vidio.com yang mudah digunakan
  • Menemukan cara untuk meningkatkan user experience saat menggunakan Vidio.com

Methodology

  • Survey
  • Usability Testing + in-depth interview

Respondent Criteria

Data Collecting & Analysis

Kuesioner dibagikan kepada 30 orang responden mendapatkan 19 responden yang memenuhi kriteria sebagai pengguna aplikasi vidio

• Pengumpulan data dilakukan pada tanggal 6 Febuari –11 Febuari, 2023

• Menggunakan teknik sampling probabilitas

• Margin of error di bawah 14%

  • Penyebaran kuesioner melalui Group HP

Respondents’ Demographic Profile

Dari data yang ada di dominasi laki-laki dengan 14 (73,7%) sementara Wanita 5 (26,3%), dengan di dominasi usia 26–30 Tahun sebanyak 11 (57,9%) dan 12 63,2%) diantaranya menggunakan aplikasi Vidio.

Press enter or click to view image in full size
Respondents’ Demographic Profile

Discussion Guide

Press enter or click to view image in full size
Interview Guide

Ini adalah contoh pertanyaan yang saya tanyakan kepada user pada saat proses interview mengenai pengalaman user dalam penggunaan aplikasi vidio.

Press enter or click to view image in full size
User

Define

User Behavior

  • Adanya konten yang hanya ada di aplikasi vidio.
  • User friendly (2 dari 5 user merasa tampilan aplikasi user friendly) , Warnanya nyaman di mata.
  • Interface dan biaya langganan yang relatif murah.

Affinity Diagram

Setelah melakukan interview, informasi yang didapatkan dari user akan dikelompokkan dengan cara melakukan affinity diagram. Dengan affinity diagram dapat membantu kita untuk mengelompokkan beragam informasi yang didapat, kemudian dari informasi tersebut akan dianalisis sehingga terbentuk sebuah topik yang berdasarkan kemiripan pola dari user.

Press enter or click to view image in full size
Affinity Diagram

Untuk detail lebih lanjut, Anda dapat melihat seperti apa keseluruhan survei tersebut di dalam link Miro

User Persona

Setelah melakukan thematic analysis kemudian kita membuat user persona berdasarkan hasil interview untuk membantu kita memahami user dan menyelesaikan hal yang di butuhkan user.

Press enter or click to view image in full size
Persona User

Pain Points

Press enter or click to view image in full size
Paint Point

Berdasarkan pain point yang didapat, kita dapat menegtahui apa saja kendala dan masalah yang dialami user. Kendala dan masalah itu adalah:

  1. Technical
  • Proses pencairan Konten yang meribetkan user saat ingin mencari konten yang di inginkan.
  • Tampilan Home page terlalu rame sehingga user tidak nyaman.
Press enter or click to view image in full size
Technical

2. Customer

  • Beberapa konten sering ilang-ilangan yang membuat user bingung saat mencari konten yang di inginkan.
  • Beberapa konten 21+ di sensor sehingga menggangu kenyamanan user saat menonton konten, padahal user sudah berusia 21+.
Press enter or click to view image in full size
Customer

Triangulation of Research

Dari interview yang saya temukanada beberapa hal yang membuat user Like dan Dislike adengan aplikasi Vidio yaitu:

Like

Feature aspect

Get Aldy Alviary’s stories in your inbox

Join Medium for free to get updates from this writer.

Konten yang sudah di kategorikan (setiap konten sudah di kluster), sehingga memudahkan user dalam mencari tayangan yang di inginkan.

UI/UX aspect

Interface yang user friendly, Penggunangan warna yang tidak membuat mata sakit.

Dislike

Service aspect

Aplikasi vidio sering mengalami error pada saat jumlah penonotn konten terlalu banyak

Content aspect

Kurangnya keberagaman konten film dan drama series di aplikasi vidio

Needs

UI

Users mengharapkan untuk tampilan aplikasi tidak terlalu rame.

User Juga mengharapkan adanya perbaikan tampilan home dari aplikasi vidio.

User mengharapkan tulisan di aplikasi vidio dapat di perbesar dan dapat memilih sendiri konten yang ada di homepage.

SERVICES

Users mengharapkan tidak mengalami error saat menonton konten jika yang menonotn terlalu banyak.

Appendix

Berikut disertakan link data lengkap hasil research.

Link 1 Link 2

User flow dan Wireframe

Press enter or click to view image in full size
Press enter or click to view image in full size

Design System

Press enter or click to view image in full size

Design

Press enter or click to view image in full size
Desain Aplikasi

Prototype and Usability Testing

Tujuan dari Usability Testing (UT) ini adalah untuk mengetahui apakah prototype yang saya buat sesuai dengan tujuannya.

Saya mencari tahu apakah solusi yang saya berikan menyelesaikan masalah yang ada dan juga ingin memastikan apakah solusi tersebut masih bisa dikembangkan lagi atau tidak.

Method dan Participants

Saya menggunakan metode kualitatif melalui In-depth interview dan task scenario.

User

Respondent Criteria :

Pengguna aplikasi Vidio
Perempuan atau laki-laki
Umur 18–50+ tahun

Task Analysis

Dalam path untuk Usability Testing (UT) saya membuat bebrapa pilihan yaitu path 1,2,3,4 dari pilihan path tersebut user bebas memilih path yang user merasa nyaman dan tidak mempengaruh hasil Usability Testing (UT).

Press enter or click to view image in full size
Overall Evaluation

Path 1

Press enter or click to view image in full size
Path 1

Ini adalah Contoh path 1 yang digunakan oleh user saat proses Utility Testing (UT) dan 2 dari 5 user menggunakan path ini.

Path 4

Press enter or click to view image in full size
Path 4

Ini adalah Contoh path 4 yang digunakan oleh user saat proses Utility Testing (UT) dan 3 dari 5 user menggunakan path ini.

Problem

Insight 1

Pada page home user dapat menavigasi dengan mudah karena tidak terlalu penuh dan konten — konten dan lebih terorganisir.

Insight 1

Info: Perbaikan home pada bagian nama olahraga dan entertaimen di perjelas karena sedikit nyaruh dengan konten.

Insight 2

Pada page ini user tidak ada masalah, karena desain page simpel, lebih mudah dipahami/diarahkan. user lebih senang dengan ide desain yang sekarang, sehingga saya mendesain menjadi seperti ini.

Insight 2

Info: Perbaikan untuk bagian frame nama olahraga dan entertaimen di perjelas karena sedikit nyaruh dengan konten.

Insight 3

Insight 3

Pada Page ini ada banyak masalah dari user yang merasa bingung dengan tampilan UI karena terlalu dempet sehingga konten tidak terlalu jelas perbedaanya dan tidak ada tulisan dari konten sebelum di klik.

Yang di mana seharus untuk page ini hanya tinggal memilih jenis pertandingan, di akibatkan tulisan judul liga sepak bola tidak terlalu jelas sehingga yang menyebabkan user sulit untuk membedakannya.

Problem Resolved

Press enter or click to view image in full size
Problem Resolved

Karena desain sebelumnya membuat banyak user bingung saya melakukan perubahan desain yang dimana user lebih mudah pada saat melihat tulisan konten setiap liga dan adanya dropdown saat user menekan/hovering gambar sehingga konten lebih jelas lagi.

Berikut disertakan link pendukung data.

Link 1

Terima kasih telah membaca artikel ini, Masih banyak kekurangan dan butuh banyak perbaikan. oleh karena itu saran dan kritikan dari kalian semua dengan tangan terbuka saya terima :)

--

--

Aldy Alviary
Aldy Alviary