web-gelistirme-sc.com

Bir mobil (iOS / Android) uygulamanın bir ekranı için kaç öğe çok fazla?

Kaydırma olmadan, çok karmaşık hale gelmeden önce dikey bir eksende ayarlayabileceğim maksimum ortalanmış düğme miktarı ne olur? Interface Builder, öğeler arasında önerilen mesafeleri verir, ancak üstte ve altta da boşluk olmalı mı?

Özellikle, tek bir ekran ile basit bir yardımcı program uygulaması var. Bu ekranda bir reklam, iki satır metin, iki işlev düğmesi ve bir altbilgi resmi bulunur. Üçüncü bir özellik eklemeyi düşünüyorum. Bu belirli bir örnek olmasına rağmen, daha genel yönergeler arıyorum. Ne zaman çok fazla? Ne zaman hepsi görsel karmaşaya dönüşüyor?

8
Don

Herkesin verebilir düşünüyorum en iyi tavsiye sadece denemek ve nasıl göründüğünü görmek. Uygulamanızın hedef pazarından (kullanıcı/potansiyel kullanıcı) birine sormak daha iyi olabilir.

5
matto1990

UX öğretmenim her zaman yatay bir çizgide üçten fazla veya dikey bir çizgide dört öğeden daha fazlasına sahip olmamanız gerektiğini söyledi.

Bu kurala her zaman uymadım, ama yine de düşünüyorum. Standart bir iPhone uygulamasında yarım inç başına bir öğe kuralı bırakır.

3
Nils Munch

Interface Builder'ın önerisinin de harika bir başlangıç ​​olacağını düşünürdüm. Üçüncü özelliğiniz önerilen bu mesafeyi koruyorsa, bu iyi bir işarettir. Aksi takdirde ekran gayrimenkulünü aşırı kullanıyor olabilirsiniz - görsel organizasyondaki veya işleri kolay anlaşılır hale getiren beyaz alanın gücünü hafife almayın.

Bu muhtemelen genel yönergeler için bir aday değildir, çünkü yukarıdaki birisini kullanmaya çalışın. Ayrıca 7 +/- 2 tavsiye eden kimseyi dinlemeyin! :)

1
cbosco

Akılda tutulması gereken anahtar şey. Bunların hepsi kılavuz ilkeler/en iyi uygulamalardır. Başka bir seçenek eklemek için (sezgisel anlam) mantıklı geliyorsa (umarım kaydırma yapmadan). Ancak, sadece bir seçenek eklemek için bir seçenek ekleyecekseniz, bundan kaçınırım.

Ayrıca, her şey o öğenin aslında nasıl tasarlandığına bağlıdır. Örneğin, ekranda ne kadar fazla düğme varsa, o kadar fazla kenar/kutu/çizgi/vb. ekranda var. Bu, yalnızca ekranın kullanıcı için daha karmaşık ve kafa karıştırıcı görünmesini sağlayacaktır.

Anahtar nokta ... KISS (basit aptal tutun) Bunu aklınızda tutarsanız, genellikle yanlış gidemezsiniz.

0
Ed Glogowski