UI RE-DESIGN FOR SPOTIFY

Page 1

DG 38 - C


NAMA ANGGOTA KELOMPOK : ABDURROHMAN AL FARUQ

1601144271

MUHAMMAD BRAGASTIO A

1601144251

PRAHASTA WIDYACAHYA

1601144297

REFAH GHIYATS F

1601144249

ANGGORO ANWAR P

1601144318


PENAMBAHAN FITUR LIRIK Penambahan fitur lirik kami pasang pada

pada gambar cover album yang bisa di tap

untuk memunculkan lirik, lalu setelah itu gambar cover album akan blur sehingga

menjadi background dari lirik tersebut. Fitur ini penting untuk user yang ingin menden-

garkan lgu sambil bernyanyi tetapi tidak mengetahui liriknya.

BEFORE

AFTER

1


TAMPILAN PROFILE DAN CONTROL MENU Perubahan desain yang kami lakukan yaitu

dengan mengubah letak dan ukuran dari

profile user, tombol notification dan tombol settings. Karena pada desain yang sebel-

umnya tombolnya berukuran kecil sehing-

ga membuat user kesulitan untuk me-

mencetnya. Dan kami memberi informasi

layanan “PREMIUM� menggunakan action based control.

BEFORE

AFTER

2


TAMPILAN MENU PROFILE DAN KONTEN Perubahan pada tampilan menu profile adalah warna latar dari foto profil yang kami ubah serta penambahan action

based control yang menunjukan layanan

user. Lalu kami mengubah tampilan

konten lagu yang sebelumnya berupa

list dan sekarang menjadi gambar cover

album yang bisa di scroll atas - bawah pada layar smartphone.

BEFORE

AFTER

3


TAMPILAN MENU PROFILE DAN KONTEN Perubahan pada tampilan menu profile

adalah warna latar dari foto profil yang kami ubah serta penambahan action based con-

trol yang menunjukan layanan user. Lalu

kami mengubah tampilan konten lagu yang

sebelumnya berupa list dan sekarang men-

jadi gambar cover album yang bisa di scroll atas - bawah pada layar smartphone. (ALTERNATIF WARNA LATAR)

BEFORE

AFTER

4


PERUBAHAN TOMBOL AKTIF DAN PASIF Perubahan pada tombol shuffle dan repeat ini kami buat karena pada

desain sebelumnya jika tombol aktif

hanya berubah menjadi warna hijau

dan tidak terlalu terlihat. Pada desain

yang baru, jika tombol aktif maka akan terdapat shape berwarna hijau dibe-

lakang icon shuffle/repeat dan jika

tombol tersebut tidak akti, maka shape nya akan hilang.

BEFORE

AFTER

5


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.