Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Web Design
  2. UX
Webdesign

UX Dalam 60 Detik: Menggunakan Component Libraries

by
Difficulty:BeginnerLength:ShortLanguages:

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 Kit

Zoomie

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

Zoomie

Advertisement
Advertisement
Advertisement
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.