Unsur unsur Reka AntaraMuka Pengguna - User Interface Elements

-


Sebuah rekabentuk antaramuka pengguna mengandungi pelbagai jenis unsur yang diatur mengikut keperluan tertentu, Unsur unusr tersebut di bahagikan kepada kategori kategori seperti yang berikut


Warna, Teks dan Jenis Teks
Pilihan warna didalam UI biasanya berkait dengan identiti syarikat dan logo.

Kawalan Input
kotak semak, butang radio, senarai jatuhturun@dropdown, kotak senarai, butang, suis tukar@toggle, medan teks, medan tarikh

Komponen Navigasi
Senarai tajuk muka surat, senarai nombor muka surat@pagination, medan carian, gelangsar@slider, tanda nama, ikon

Komponen Maklumat
SenaraiPantas@tooltips adalah menjadi petunjuk / info sesuatu unsur, ikon, pembaris kemajuan@progress bar, pemberitahuan@notifikasi, kotak mesej dan tetingkap modal@pop up modal window

Bekas Kandungan @ Container
a. Bekas Kandungan @ Container adalah ruang yang boleh menyimpan segala jenis kandungan.
b. Tajuk yang menunjukkan isi kandungan
Sesuatu bekas boleh mempunyai tajuk tetapi ia adalah pilihan
c. Keterangan
Keterangan juga adalah pilihan untuk memberikan maklumat mengenai isi kandungan
d. Pembuka lebih maklumat
Sesuatu bekas kotak boleh mempunyai anak panah kebawah bila ditekan akan membuka isi kandungan
e. Unsur Tindakan isi
Kotak boleh mempunyai unsur tindakan bagi isi. Sebagai contoh butang edit, hapus atau suis.


Rujukan
https://www.usability.gov/how-to-and-tools/methods/user-interface-elements.html


Ulasan

Catat Ulasan

Catatan popular daripada blog ini

Pemikiran Rekabentuk - 5 peringkat

-
Imej
  Pemikiran rekabentuk atau design thinking mempunyai 5 peringkat proses. 1. Memahami masalah pengguna 2. Takrif masalah dengan ayat  - Masalah: Kita ingin meningkatkan sale 15% dikalangan warga emas. Ayatnya, kita perlu menggalakkan warga emas memakai produk ini. 3. Memerah Idea - bagaimana kita hendak menarik warga emas memakai produk ini? 4. Bina Prototaip 5. Uji Prototaip Dari Proses Uji Prototaip, kita dapat mentakrifkan semula masalah ataupun mendapat idea yang baru. Peringkat Prototaip pula boleh pergi semula ke peringkat idea jika ada idea yang baru. Terdapat pelbagai aktiviti dalam setiap fasa kita boleh buat, contohnya boleh kita lihat pada Google Design Sprint methodology. https://designsprintkit.withgoogle.com/methodology/overview
Baca lagi

Pengurusan Projek Agile, Waterfall

-
Imej
Kita mulakan dengan Waterfall project management atau Pengurusan Projek Gaya Air Terjun. Waterfall model adalah klasik, model pengurusan projek yang pertama sebelum adanya Agile. Peringkat requirement adalah peringkat dokumentasi yang lengkap dan tebal untuk keseluruhan projek. Keperluan ---> Reka ---> Pelaksanaan ----> Pengesahan ---> Penyelengaraan Bila Waterfall dipraktikkan oleh UX dia akan meliputi proses berikut. 1. Penyelidikan mengenai masalah 2. Kategorikan masalah 3. Buat persona dan journey map 4. Keluarkan idea 5. Bina dan uji prototaip 6. Hantar prototaip ke dev 7. Produk dilancarkan 8. Ulang ke no 1 bila ada maklumbalas pengguna Manakala Agile adalah satu proses pengurusan projek yang pantas dimana terdapat kitaran yang dipanggil sprint dimana sesuatu fungsi, idea baru atau masalah diselesaikan dan dilancarkan secara beransur ansur bukan sekaligus. Maka dokumentasinya kemudian atau kurang. Proses yang pantas ini lebih sesuai dipadankan dengan Lean UX - atau UX...
Baca lagi

UX Condong atau Lean UX suatu pengenalan

-
Imej
Apakah lean UX? lean UX atau UX Condong adalah suatu bentuk proses pengurusan pembangunan projek UX. Ia adalah proses yang sesuai untuk sebuah agensi pembangunan website atau applikasi bila terdapat banyak projek jadi proses yang memakan masa akan dibuang ke tepi seperti ujian kebolehpenggunaan produk. Tetapi jangan terus buang ujian kebolehpenggunaan, proses sebegini sesuai untuk syarikat besar yang mempunyai pasukan membuat laman sendiri seperti Celcom atau DIGI UX Condong mementingkan pendapat dan kerjasama semua ahli pasukan, tiada pendapat yang betul betul berjaya tetapi semua pendapat dikumpul, dibuat teori hipotesis dan kemudian diuji. Proses memahami masalah dengan mendalam dan memerah idea adalah proses yang berulang dalam UX Condong. Apakah 3 Proses utama didalam UX Condong? Contoh dalam Bina >  Belajar > Ukur ialah seorang penjual mee hanya memasak dari rumah dengan resipi istimewa tanpa restoran dan peralatan(bina). Apabila dia mula menjual dengan banyak (ukur) da...
Baca lagi