Büyük ekranlı gayrimenkul tasarımı zorluğunu nasıl fethediyorsunuz? [kapalı]


10

Bu soru biraz daha öznel, ama yeni bir bakış açısı kazanmayı umuyorum. Belirli bir ekran boyutu (genellikle 1024x768) için tasarlamaya alışkınım, bu boyutun bir sorun olmadığını düşünüyorum. Boyutu 1280x1024'e genişletmek, kayda değer bir fark yaratmak için yeterli ekran gayrimenkulü satın almaz, ancak bana biraz daha nefes odası verecektir. Temel olarak, sadece "ızgara boyutu" genişletmek ve biraz daha küçük ekran için aynı temel tasarım hala çalışıyor.

Ancak, son birkaç projede müşterilerim 1080p (1920x1080) ekranlar kullanıyorlardı ve bu gayrimenkulün mümkün olduğunca fazlasını kullanmak için çözümler istiyorlardı. 1920 piksel genişlik, alışkın olduğum genişliğin iki katından daha azını sağlıyor ve geniş ekran, eski yaklaşımlarımın bazılarının işe yaramamasını sağlıyor. Karşılaştığım sorun, çok fazla alan sunulduğunda, bazı büyük sorunlarla karşılaşmam.

  • Kaç sütun kullanmalıyım? Geniş biçim, 2: 1: 1 bölünmüş bir 3 sütuna bölünür (yani, diğer ikisinden daha büyük içerik sütunu). Ancak, üç sütunla gidersem bu ekstra sütunla ne yapmalıyım?
  • Ekran gayrimenkulünü nasıl verimli bir şekilde kullanabilirim? Ekrandaki her şeyi bir seferde koymak için bir cazibe var, ancak çok fazla bilgi aslında uygulamayı kullanmayı zorlaştırıyor. Beyaz alan, karmaşık bilgileri anlamlandırmak için önemlidir, ancak çok fazla ilgili kavramların çok ayrı görünmesini sağlar.
  • Genellikle karmaşık veriye sahip web uygulamaları ile çalışıyorum ve görselleştirme ve sunum ham verileri anlamlandırmanın anahtarı. Kullanıcınızda ayrıca büyük bir ekran (en az 24 ") olduğunda, bazı bilgiler gözden uzaktır ve işaretçiyi uzun bir mesafe hareket ettirmeniz gerekir.Gerekli olan her şeyin görsel sıcak noktalarda kalmasını nasıl sağlarsınız?
  • Bloglar gibi basit siteler aslında genişlik kısıtlandığında daha iyi sonuç verir, bu da boşa harcanan gayrimenkulle sonuçlanır. Metin kutusu ve metin önizlemesinin yan yana olması, bu tür ekranın yönetici tarafı için büyük bir yarar olup olmadığını merak ediyorum? (1: 1 iki sütun bölünmüş).

Cevaplarınız için, tasarımdaki hemen hemen her şeyin "duruma bağlı" olduğunu biliyorum. Aradığım şey:

  • Kullandığınız genel ilkeler
  • Tasarıma yaklaşımınız nasıl değişti

Kendimi bu farklı formatla nasıl çalışacağımı yeniden eğitmek zorunda olduğumu görüyorum. Bugüne kadar çalıştığım her çözümdeki artış yaklaşık% 25'ti: 640 ila 800 (% 25 artış), 800 ila 1024 (% 28 artış) ve 1024 ila 1280 (% 25 artış). Bununla birlikte, 1280'den 1920'ye atlama, alandaki% 50'lik iyi bir artıştır - 640'dan 1024'e atlamadan eşdeğerdir. Dersleri daha kademeli olarak öğrenmeye yardımcı olmak için yaygın olarak kullanılan bir orta boy yoktu.


Boş alanları doldurmak için UI kontrollerini daha büyük hale getirebilir misiniz?
Hayal kırıklığına

@Frustrated: Bir dokunmatik ekran tasarlamadığınız sürece bu amacı bozmaz mıydı?
Michael K

@Michael: OP, programın kullanımını zorlaştıracağı için görünür kontrol sayısını değiştirmek istemiyor gibi görünüyor ve aynı zamanda boş alan olmasını sevmiyor. Alanı dolduracak yeni özellik yoksa , alanın doldurulması gerekir ...?
Sinirli

2
Bu daha çok yeni kontroller ve site ile etkileşim yolları için fikrimi genişletmeye çalışmakla ilgili. Sadece her şeyi daha büyük yapmak yenilgiyi amaç. Sonra "büyük parlak kırmızı düğme sendromu" veya bir büyük başlığı okuyor gibi hissediyorum metin var. Tasarımın kaygılarını dengelemeye çalışırken, bu gerçekten karmaşık bir sorundur.
Berin Loritsch

1
@Berin: Süper boyutlu arayüz boyutu için özel bir istekte bulunduysa ve bu SADECE büyük değişiklikse, onlara düzen ve tasarım hakkında endişeleriniz olduğunu söyleyin ve alanın en iyi nasıl kullanılabileceği konusunda fikirleri olup olmadığını sorun. Sonuçta onlar kullanıcı ve bu özel istek yapmak için bir neden olmalı . Belki "boş alana bir pano widget'ı koy" ya da bunun gibi bir şey söylerler ... büyük bir boş alana sahip mockup ekran görüntüsünü "Burada ne istiyorsun?" Bu tasarım hakkındaki endişelerinizin bilindiğinden emin olun.
Hayal kırıklığına

Yanıtlar:


1

Bu konuya bu şekilde yaklaşırım.

Verilerimi mantıksal bloklar halinde toplayarak başlardım. Hatta her mantıksal blok için farklı bir ascx dosyası oluşturacak kadar ileri gidebilirim. Her blok, görüntülenmeyi nasıl sevdiğini bilir (min / maks genişlik). Ben bu b / c yeniden yazmak kodu sevmiyorum ve app birden fazla çözünürlük boyutlarını desteklemek için genişletilmesi gerekir bir şans varsa, o zaman bu kontrol bazında bir kontrol kolaylaştırmak yardımcı olacaktır.

Sonra, daha büyük çözünürlük için yeni bir stil sayfası oluştururdum. Düğmeleri ve başlığı daha büyük yapın. Elemanların etrafına daha fazla beyaz boşluk ekleyin. Bu şekilde, iki çözünürlük türü arasında geçiş yapmak yalnızca bir stil sayfası takasıdır.

Şimdi zor kısmı, düzeni geliyor. Dediğiniz gibi, düzen bu miktarda gayrimenkul ile çok farklı olacaktır. Çıkarma yanıtı, kullanıcının bir iGoogle sayfası gibi öğeleri istediği yere yerleştirmesine izin vermek olacaktır. Kullanıcı uygun gördüğünde 2 veya 3 sütun seçebilir. Ne tür ekranlar inşa ettiğinizi bilmediğim için, bunun sizin için gerçekten işe yarayıp yaramayacağını bilmiyorum.

İkinci cop-out cevabı, bu sayfaları tasarlamanıza yardımcı olacak bir UI uzmanı işe almak olacaktır. Geçmişte bir UI uzmanıyla çalıştıktan sonra, böyle şeyler hakkında uzman görüşü almanın% 100 değerinde olduğunu söyleyebilirim. Müşteri ürünü görmeden önce sorunları tespit edebilir ve çözümler önerebilirler.

Eğer kendi başıma yapmak zorunda kalsaydım, yanlara sabit parçalar yerleştirirdim ve orta alanın alanın geri kalanını doldurması için büyümesini isterdim. Orta bölümü doldurabilecek şekilde büyüyebilecek verileriniz olsun.

Bunun sizin için ne kadar yararlı olduğundan emin değilim, ama umarım size bazı fikirler verir.


Bu muhtemelen bu soru için hem kullanıcı arayüzünde hem de programcılarda karşılaştığım en makul cevap. "Kullanıcıların bana söylediği" her şeyi büyütmek "ten çok daha kullanışlı. NOT: aspx teknolojiye özgü bir terimdir, ancak kullanıcı arayüzünü ayrı dosyalara ayırmak uygun yaklaşımdır.
Berin Loritsch


2

UI uzmanı değilim, ama her gün Eclipse ile 1920x1080 ekran kullanıyorum. Eclipse'in çok kolay yapılandırılabilir bir arayüzü var ve 1280 ve 1920 arasında geçiş yaparken gözlemlerimden bazıları:

  • Her iki çözünürlükte de aynı boyutta çalıştığım pencereyi görmek istiyorum. Daha küçük çözünürlükte, ekstra panelleri gizleme eğilimindeyim, daha yüksek çözünürlükte ise daha fazla panel koydum.
  • Biraz daha büyük düğmeleri tercih ederim. Daha büyük monitörde orantılı olarak daha az yer kaplar ve fare hareketlerimi hızlandırırlardı.
  • Önizlemeleri genellikle tüm ekranı kullanacak şekilde genişletiyorum, yani soldaki kod, sağdaki önizleme. Sonuçta iki sütunlu bir biçim elde edilir. Bunun dışında, bir altbilgi ile 3 sütun kullanın:
    1. Sol: Dosyada gezinme
    2. Merkez: Kod (En büyük, muhtemelen ekran genişliğinin 2 / 3'ü)
    3. Sağ: Kod gezinme ve görevler
    4. Altbilgi: Durum (Konsol, sunucular vb. Oldukça kısa, belki 1 / 5-1 / 6 ekran yüksekliği)

Bazen 2 sütun modunda görünümleri ve denetleyicileri yan yana koyarım, ancak bu kesinlikle programcıya özgüdür. :)

Daha büyük bir ekrandayken, bulabildiğim kadar çok bilgi görmek için bunu kullanmak istiyorum, yine de bulmak kolay. Bileşenlerin etrafında daha fazla alan bilgi toplama arasında ayrım yapmaya yardımcı olur. Sekmelerdeki simgeler, her bileşenin ne anlama geldiğine dikkat çekmenin bir yoludur.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.