it-swarm-tr.com

En yaygın kullanıcı arayüzleri / Bileşenleri nelerdir? Güçlü Yönleri / Zayıf Yönleri Nelerdir? Nasıl geliştirilir?

Hım, kendime toplulukwiki olmasını diliyorum

Bu soruyu gördükten sonra: Dünyadaki en yaygın kullanıcı arabirimi nedir?en ortak, bunun yerine günlük olarak (okuduğumuz: insanlık) etkileşime girdiğimiz birçok ortak arayüzü ve bunların nasıl geliştirilebileceğini tartışın.

Peki, en yaygın UI/UI bileşenleri nelerdir? Güçlü ve zayıf yanları nelerdir? Nasıl geliştirilebilirler?

Örneğin:


Açılan Kutular

Birleşik giriş kutuları web üzerinden ve masaüstü yazılımında bol miktarda bulunur.

Artıları: Kullanılmadığı zaman minimum alan gerektirirken kullanıcının seçenekler listesine sahip olmasına izin vermek için iyi.

Sorun : Seçenek listesi çok uzunsa, kullanıcı için uygunsuz ve zor olur.

Potansiyel Çözüm : Olası seçenekler listesini daraltmak ve daha kolay seçimi etkinleştirmek için, girilen kullanıcı girişindeki metin eşleşmesini kullanarak Açılan Kutuları Otomatik Tamamla.


Açıkçası Autocomplete combobox'ını icat etmedim; yanıtların icat ettiğiniz iyileştirmeler olması gerekmediğini unutmayın.

3
instanceofTom

Tablolar

Cevap masaüstü uygulaması açısından verilir, ancak web uygulamaları için de iyi olabilir.

Artıları: Nispeten küçük alanlarda büyük miktarda veri içerebilir.

Eksileri: Giriş sayısı çok fazlaysa arama yapmak imkansız hale gelebilir. Çekici render (simgeler, renkler) olmadan uygulama sıkıcı görünebilir. Bazı bilgiler bazı kullanıcılar için gereksiz olabilir. Veri önceliği düzleştirilir.

Nasıl geliştirilir: Veri düzenleme yöntemleri sağlayın - sıralama (zorunlu!), Sütun yeniden sıralama, anında (yani yazarken) filtreler. Mümkün olduğunda metinle birlikte/yerine simgeler kullanın, renkleri kullanın. Sütun seçici seçeneği sağlayın. Varsayılan olarak yalnızca temel sütunları gösterin ve tüm verileri yalnızca bir giriş tıklandığında yakın ancak ayrı bir yerde gösterin.

1
Assimiz

Tekerleği yeniden icat etmeyin, bunun yerine burada okuyun: http://www.welie.com/patterns/index.php

1
Özgür

Kullanıcı arayüzü kalıpları için sık sık Yahoo! Design Pattern Library 'ye başvuruyorum. Sevdiğim şey, her bir kalıp için tezle ilgili soruları cevaplamaları.

  • Bu Hangi Sorunu Çözüyor?
  • Bu Kalıbı Ne Zaman Kullanmalı
  • Çözüm Nedir?
  • Neden Bu Deseni Kullanmalıyım?
  • Özel Durumlar
  • Ulaşılabilirlik

ve bu soruların her UI bileşenini seçtiklerinde her UI tasarımcısının aklından geçmesi gerektiğini düşünüyorum.

Bu tür bileşenlerin en iyi derlemesi olarak Sencha ExtJS örnekleri sayfası buluyorum.

Onları nasıl geliştireceğimiz açısından, muhtemelen tek bir yazı için çok büyük bir soru. Bu istediğin bir kitap. Belki daha spesifik olarak tek bir bileşen hakkında soruyu sorabilirsiniz.

1
Glen Lipka

Kaydırma çubukları

Artıları:
  • Belgedeki/sayfadaki herhangi bir noktaya doğrudan navigasyona izin ver
  • Hassas hareketlere izin ver
  • Bir belgede/sayfada hızlı kaydırmaya izin ver
  • Bir belgenin/sayfanın uzunluğunu belirtme
  • Edge'e karşı ortak yerleştirme Fitt yasası uyarınca kullanılabilirliğe yardımcı olur.
Eksileri:
  • Çok büyük belgeler için çok iyi çalışma
  • Kaydırma tekerleğinin ortaya çıkışından bu yana daha az kullanışlı
  • Farklı uygulamalar karışıklığa neden olabilir
Nasıl geliştirilir
Kaydırma çubuğunu en kullanışlı UI öğelerinden biri olarak düşünüyorum: çok sayıda işlevsellik, ancak genellikle iyi anlaşıldı. Bununla birlikte, kaydırma çubukları tutarsız bir şekilde uygulanırsa (örn. Bazı flaş uygulamalarında) sorunlar oluşur. Görsel bir öğe kaydırma çubuklarını geliştirebilir - ör. Acrobat küçük resimlerinin kaydırma çubuğu ile birleşimi.
0
Bobby Jack