it-swarm.asia

Apa UI / Komponen yang paling umum? Apa Kekuatan / Kelemahan mereka? Bagaimana cara meningkatkannya?

Hm, saya menyelesaikan sendiri dengan harapan kami memiliki communitywiki

Setelah melihat pertanyaan ini: Apa antarmuka pengguna yang paling umum di dunia? Saya pikir akan mendidik untuk tidak membatasi diskusi dengan mencoba memilih most umum, tetapi sebaliknya membahas banyak antarmuka umum yang kami (baca: umat manusia) berinteraksi dengan sehari-hari, dan bagaimana mereka dapat ditingkatkan.

Jadi, apa komponen UI/UI yang paling umum? Apa kekuatan dan kelemahan mereka? Bagaimana mereka dapat ditingkatkan?

Sebagai contoh:


Kotak Kombo

Kotak kombo berlimpah di seluruh web dan di perangkat lunak desktop.

Kelebihan: Baik untuk memungkinkan pengguna untuk memiliki daftar pilihan sementara membutuhkan ruang minimal saat tidak digunakan.

Masalah : Menjadi sulit dan berat bagi pengguna jika daftar pilihan terlalu panjang.

Solusi Potensial : Kotak Kombo Autocomplete, menggunakan pencocokan teks pada input pengguna yang diketik untuk mempersempit daftar pilihan yang mungkin dan memungkinkan pemilihan yang lebih mudah.


Jelas saya tidak menemukan kotak kombo Autocomplete; perhatikan bahwa jawaban tidak harus berupa perbaikan yang Anda temukan.

3
instanceofTom

Tabel

Jawabannya diberikan dari sudut pandang aplikasi desktop tetapi mungkin baik juga untuk aplikasi web.

Kelebihan: Dapat berisi sejumlah besar data di area yang relatif kecil.

Kekurangan: Pencarian mungkin menjadi tidak mungkin jika jumlah entri besar. Tanpa rendering yang menarik (ikon, warna) aplikasi mungkin terlihat membosankan. Beberapa informasi mungkin berlebihan untuk sebagian pengguna. Prioritas data diratakan.

Cara meningkatkan: Menyediakan metode pengorganisasian data - pengurutan (harus!), Pengurutan ulang kolom, dengan cepat (mis. Saat mengetik) filter. Gunakan ikon alih-alih/bersamaan dengan teks jika memungkinkan, gunakan warna. Berikan opsi pemilih kolom. Tampilkan hanya kolom dasar secara default dan tampilkan data lengkap di tempat yang dekat tetapi pisahkan hanya ketika sebuah entri diklik.

1
Assimiz

Jangan menemukan kembali roda, baca di sini sebagai gantinya: http://www.welie.com/patterns/index.php

1
Özgür

Saya sering merujuk ke Yahoo! Design Pattern Library untuk pola antarmuka pengguna. Yang saya suka adalah mereka menjawab pertanyaan yang relevan untuk masing-masing pola.

  • Masalah Apa yang Dipecahkan Ini?
  • Kapan Menggunakan Pola Ini
  • Apa Solusinya?
  • Mengapa Menggunakan Pola Ini?
  • Kasus khusus
  • Aksesibilitas

dan saya pikir pertanyaan tesis ini harus selalu diingat oleh setiap desainer UI setiap kali mereka memilih komponen UI.

Saya menemukan halaman sampel Sencha ExtJS untuk menjadi kompilasi terbaik dari jenis komponen ini.

Dalam hal bagaimana memperbaikinya, itu mungkin pertanyaan yang terlalu besar untuk satu posting. Itu buku yang Anda minta. Mungkin mengajukan pertanyaan lebih spesifik tentang satu komponen?

1
Glen Lipka

Gulir bilah

Kelebihan:
  • Izinkan navigasi langsung ke titik mana pun di dokumen/halaman
  • Biarkan gerakan berbutir halus
  • Izinkan untuk menggulir cepat dokumen/halaman
  • Tunjukkan panjang dokumen/halaman
  • Penempatan umum tepat di atas Edge membantu kegunaan menurut hukum Fitt
Kekurangan:
  • Jangan bekerja dengan baik untuk dokumen yang sangat besar
  • Kurang berguna sejak munculnya roda gulir
  • Implementasi yang berbeda dapat menyebabkan kebingungan
Cara meningkatkan
Saya menganggap bilah gulir salah satu elemen UI yang paling dapat digunakan: banyak fungsi, tetapi umumnya dipahami dengan baik. Masalah terjadi jika bilah gulir diterapkan secara tidak konsisten (mis. Dalam beberapa aplikasi flash), meskipun. Mungkin elemen visual dapat meningkatkan scrollbar - mis. kombinasi thumbnail Acrobat dengan scrollbar.
0
Bobby Jack