7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. UX

UX Dalam 60 Detik: Menggunakan Component Libraries

Scroll to top
Read Time: 2 mins

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Selamat datang di pengenalan super cepat mengenai penggunaan component libraries; berguna bagi desainer, pengembang, dan pengguna. Mari kita mulai!

Component Libraries Dalam 60 Detik

Tiap interaksi yang ditemui seorang pengguna, mereka harus mempelajari, yang mana yang membuat muatan kognitif. Itu khususnya menjadi tantangan bagi pengguna jika elemen UI hampir sama, namun berbeda. Pengguna harus mengurai pertanyaan seperti "mengapa ini berbeda?", "apakah hal yang sama akan terjadi jika saya menekan dua tombol ini?"

Mulai dengan mengenali obyek umum di dalam desainmu, tentukan mereka sebagai komponen, kemudian nantinya (ketika kamu mendesain layar) kamu dapat mulai menarik mereka kembali. Dengan melakukan ini kamu akan memaksa dirimu untuk lebih konsisten. Kamu mungkin bahkan terkejut dengan perjalanan yang kamu dapatkan dengan menggunakan obyek yang sama untuk menyelesaikan masalah yang berbeda.

Menggunakan Sketch

Secara praktis, kamu dapat membuat simbol di dalam project Sketch, atau  menggunakan plugin Craft oleh InVision. Untuk benar-benar mendapatkan nilai component library, berkerja dengan pengembang untuk mendapatkan hal yang sama yang ditentukan di dalam code.

Itu tidak perlu benar-benar visual; kamu hendaklah menentukan pernyataan yang berbeda untuk tiap obyek, dan bahkan interaksi yang kompleks.

Ketika menggunakan component library, desainer dan pengembang dapat menggunakan obyek yang sama berulang-ulang, untuk menyelesaikan masalah yang berbeda. Dan bagi penggguna, mereka akan menghadapi komponen yang mirip, dengan menghabiskan sedikit waktu untuk mencari tahu bagaimana menggunakan aplikasi atau website.

UI Kits Pilihan

Kamu akan mengenali beberapa UI Kits pilihan di dalam video ini; ambil mereka sekarang sebagai bagian langganan Envato Elements!

Simple

Lebih dari 100 elemen Photoshop yang dapat diedit dan disesuaikan ukurannya, berdasarkan pada bentuk vector bersih. Layer dikelompokkan dan ditata dengan baik, elemen mudah disesuaikan ukurannya, juga mengedit warnanya.

Simple Flat UI KitSimple Flat UI KitSimple Flat UI Kit

Zoomie

Aplikasi Media sosial Mobile untuk Sketch; semua art board layar ditata dan disusun dengan baik.

ZoomieZoomieZoomie

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.