Jika Aku UI/UX Designer di dicoding, maka sebaiknya beginilah halaman Academy Dashboard

Dicoding merupakan sebuah startup yang memiliki tujuan untuk mengembangkan ekosistem developer yang ada di Indonesia. Dicoding sendiri telah berdiri sejak 5 Januari 2015 danmemiliki platform pembelajaran elektronik yang terdapat pada laman Dicoding.com.

Pada kesempatakan kali ini saya akan menganalisis penerapan estetika pada User Interface dan pengaruhnya terhadap User Experience. User Interface memiliki faktor yang penting dalam menghasilkan dampak terhadap User Experience. User Interface yang baik pada umumnya menghasilkan pengalaman user baik juga dalam penggunaannya baik itu website maupun mobile, dimana setiap komponen yang terdapat pada laman seharusnya dibuat simple, menarik dan mudah dimengerti oleh user dalam sekali pandang.

Dengan mempertimbangkan faktor yang saya sebutkan sebelumnya maka saya mengambil laman Academy Dashboard untuk diredisign. Mengapa saya memilih Academy Dashboard ? Berikut penjelasannya.

Visualisasi before pada halaman Academy Dashboard.

Visualisasi before pada gambar diatas merupakan tampilan halaman Academy Dashboard pada website dicoding, pada halaman tersebut detail interface desain Progress Belajar yang diambil oleh user cenderung statik ditampilkan dalam bentuk list dan kata-kata saja hal itu membuat user memiliki penilaian kurang menarik untuk sebuah situs pembelajaran online kemudian terdapat dua menu bar yaitu diatas dan disamping kiri membuat tampilan laman menjadi lebih rumit dan mengurangi nilai estetika website tersebut. Menurut saya dari sisi estetika, yang diinginkan oleh user untuk menambah semangat belajar menggunakan platform dicoding perlunya desain tampilan yang simple, menarik, futuristik dan tetap detail dalam menyampaikan informasi untuk setiap kelas yang dimiliki oleh user. Adapun bentuk desain baru berdasarkan analisis saya terhadap halaman Academy Dashboard sebelumnya sebagai berikut :

Visualisasi after pada halaman Academy Dashboard.

Visualisasi after pada gambar diatas menghasilkan perubahan yang signifikan pada halaman Academy Dashboard dengan menambahkan beberapa fitur seperti Submission Calendar dan News seputar teknologi dari dicoding.

1. Desain tampilan menu bar, desain menu bar diposisikan disebelah kiri saja dimana menu utama pada website dicoding yaitu Academy, Challenge, Event, Job dan Developer tetap ditampilkan. Kemudian untuk melihat detail menu lain yang terdapat pada menu utama kita hanya perlu mengarahkan mouse kesalah satu menu utama dan akan menampilkan beberapa sub menu yang lain yang berkaitan dengan menu utama yang akan kita telusuri, pada redesign kali ini disini saya berfokus pada menu Academy Dashboard.
2. Desain tampilan kelas atau course yang diambil dimana pada redesign kali ini saya menampilkan 4 kelas pertama yang telah diambil oleh user hal ini berguna untuk menghindari menampilkan kelas yang terlalu banyak pada satu halaman.
3. Statistik progress di desain lingkaran untuk membuat tampilan yang futuristik.
4. Terdapat search bar dibagian atas dimana search bar tersebut berfungsi untuk mencari kelas yang ingin diikuti atau user ingin/tertarik untuk melihat informasi mengenai kelas tersebut.
5. Submission Calendar menampilkan kapan waktu deadline setiap kelas yang diambil oleh user dimana pada fitur ini deadline dari setiap kelas akan di tandai dengan warna dari masing-masing kelas pada tanggal berakhirnya kelas tersebut.
6. Terdapat fitur News, fitur ini berguna untuk menampilkan artikel-artikel terbaru mengenai dunia developer dan teknologi, dimana melalui artikel tersebut user diharapkan terinspirasi dan semangat untuk menekuni khususnya dunia IT yang saat ini berkembang sangat cepat dan hampir tidak terikuti.

Demikian artikel yang berjudul “ Jika Aku UI/UX Designer di dicoding, maka sebaiknya beginilah halaman Academy Dashboard ” saya sampaikan. Jika ada kritik maupun saran dapat dituliskan di kolom komentar. Akhir kata saya mengucapkan terima kasih dan semoga artikel ini bermanfaat bagi kita.