web-gelistirme-sc.com

Sonsuz yuvalanmış yorumları görüntülemenin iyi bir yolu nedir?

Sonsuz iç içe yorum konuları korkunç görünmeyecek şekilde yapmanın bir yolu var mı? Birinin iç içe geçme seviyelerini kısıtlayabildiğinin farkındayım, ama belki de bazı yorumların diğer yorumlara verilen cevapları basitçe yorumlara girmekten daha iyi göstermenin daha iyi bir yolu var. Belirli bir yuvalama düzeyinden sonra girinti başarısız olur.

Oynamak için bazı fikirler: renk, boyut, aşamalı açıklama, sayılar (1.1, 1.2, 1.2.1, vb.), Kalıcı pencereler, bir yorum yanıt akışı (Facebook veya Twitter gibi), SeaDragon gibi bir şey , vb.

Bu sorunu çözen oldu mu? Ne yaptın? Kullanıma hazır öneriler ve görsel örnekler de kabul edilir.

34
Virtuosi Media

"Sonsuz yuvalanmış yorumları" tasarımınızda başka bir boyut olarak ele almak o kadar da zor değildir. Çoğu yorum dizisinin sadece iki boyutu vardır: yorum (X = 1) ve yorum sayısı (Y = N). Ama şimdi karışıma Z = M ekleyerek yorumları iç içe yerleştirdiniz.

Bir UI tasarım bakış açısından, Pam'in tanımladığı gibi sekmeler, paneller vb. gerçek dünya, sonsuz ekran alanı veya sonsuz zenginlik olmamasıdır. Burada işler karmaşıklaşır: web kullanıcısı sağa kaydırmak istemez ve yorum kutularının çoğu kendi kendine yetmeden ana sayfanın kaydırma çubuğuna tabi tutulur.

İPad için Twitter

İPad için Twitter kısa süre önce bana bu alanda biraz ilham verdi. Orada, Z boyutu etkileşimli olarak X, Y'nin üstüne bindirilmiş bir bölme olarak sunulur:

Twitter for iPad

Bir iPad kullandığınız için, bu ekstra bölmeyi tam görünüm için getirip getirmeme veya hafifletme konusunda tam kontrole sahipsiniz. Tweetleri okumak (2 boyutlu X, Y listesi) gayet iyi: sadece yukarı ve aşağı kaydırın. Çoğu Twitter uygulaması, içeriğini görmek için bir Tweet'e zum yapan 3. boyutu eklemeye çalışırken yanılır.

Örneğin, bir Tweet başka birine yanıt olabilir ve bu gibi durumlarda konuşmanın tamamını görmek istersiniz. Çoğu web tabanlı Twitter istemcisi yeni bir sayfa yükler. Çoğu uygulama gerçekten desteklemez. Ancak iPad için Twitter, o sağ bölmeyi tekrar getirir ve orijinal bölmedeki seçili Tweet'i vurgular. Artık bağlamdaki her şeyin dikey olarak kaydırılmış bir listesini okuyabilirsiniz. Bu noktada Z = 1. Bu listedeki bir öğeye tıklarsanız, sağdan başka bir bölme gelir ve Z = 2'sindesiniz.

Bu, teorik olarak, Z = M için devam edebilir, ancak Twitter istemcisinin kendisinin ne yaptığından emin değilim (muhtemelen çöküyor!). Ancak bu model davetkar görünüyor.

15
Rahul

Haklısınız, girintileme belirli bir düzeyden sonra başarısız oluyor, ancak her zaman bir çözüm için gidebilirsiniz deviantArt (yaklaşık 10 seviyeden sonra, sizi bütünüyle farklı bir sayfaya yönlendiriyorlar) yanıt akışı).

Yine de, yazı tipi boyutunda veya gruplama panellerinde değişiklik yapmayı tercih ederim. İşte neden bahsettiğim hakkında bir resim. Daha basit ve bence işi bitiriyor. Facebook aslında Haber Akışı sayfasında her ikisinin bir karışımını yapıyor. Ana fikir, onları açıkça ayırmak ve aynı zamanda cevap zincirini başlatan ana yorumun hangisi olduğunu göstermektir. alt text

Panellerin konusunu genişletmek (yazı tipi boyutu konusunda doğru olduğunu düşündüğünüz için) yorum gruplarını renklerle ayırt edebilirsiniz. Hala girintilemeye ihtiyacı var, ama çok daha azına ihtiyaç duyuyor, bu da size çok daha fazla iç içe yerleştirme alanı sunuyor ve hala açık tutuyor. Yine de 6 seviyeden sonra farklı bir sayfaya giden bu bağlantıyı yeniden düşünmek isteyebilirsiniz.

alt text

14
Pam Rdz

İçimdeki UE şu soruyu sormalıdır: Ne tür bir konuşma sınırsız iç içe yorumlar gerektirir?

Gerçekten sonsuza kadar iç içe olmaları gerekiyor mu? Gmail'in konuşma modunu düşünün - konuşmadaki tüm yanıtları kronolojik sırayla gruplandırır. Oldukça iyi çalışıyor gibi görünüyor - yıllarca değişmedi. İnsanların sahip olduğu tek şikayet bazı 'işlenmemiş bir görünüm' istiyorum ama bu daha ne önermek daha uzakta.

8
Julian H

Bu soruna, bazı durumlarda girintilemeyerek ve hangi yorumun hangi yoruma yanıt verdiğini belirtmek için okları kullanarak yaklaştım.

İşte bir örnek, bir açık kaynak tartışma sistemi Gelişiyorum:


Indicating which comment replies to which comment, via arrows


Yukarıdaki örneğe, gerçek hayatta bir bağlantı: http://www.debiki.com/-71cs1#post-116979

(Ayrıca bunun hakkında bir blog makalesi yazdım: http://www.debiki.com/-01jn7-solving-problem-nested-replies-indentation )

8
KajMagnus

Bir grup MS Outlook 2010'dan esinlenerek düşündüm - konuşmaları gruplandırma:

Her biri o konuşma satırında önceki tüm yorumları içeren "YAPRAK" yorumlarını göster.

Örneğin, aşağıdaki "gerçek hayat" yapısını düşünün:

Post
 - Comment1
 - Comment2
   - Comment2.1
   - Comment2.2
     - Comment2.2.1

Kullanıcının gördüğü şey:

Post
  - Comment1
  - Comment2.1
  - Comment2.2.1

Yorum2.2.1'e bakarken, kullanıcı şunları görür:

Comment2.2.1 by UserX 

     I agree!

Comment2.2 by UserY

     I think this should be done so and so

Comment2 by UserZ

     This post has a call for action, what do you think?

(Yorum2.1, Yorum2'yi de içerecektir)

5
Dan Barak

Bence @ Dan'ın sadece bir yorum ve atalarını gösterme önerisi çok mantıklı. Kişinin konuşma bağlamında ilgisiz dalların dikkati dağılmadan kendisine giden bir mesaj görmesine izin verir.

Başlangıçta bir yayın şu şekilde görüntülenebilir:

+-------------------------------+
| The Design of Everyday Things |
| by Don Norman                 |
|                               | 
|                   [3 comments]| 
+-------------------------------+

[3 yorum] veya aşağı ok tuşuna basıldığında, gönderinin altındaki ilk yorum açılır.

+-------------------------------+
| The Design of Everyday Things |
| by Don Norman                 |
|                               |
|                               | 
+-------------------------------+
|                     1 of 3 [x]| 
|                               |
|< That's a great book!        >|     
|                               |
+-------------------------------+                     

Bu noktadan sonra, ok düğmelerini veya sağ ve sol ok tuşlarını kullanarak yazı hakkında yazılmış tüm yorumlarda gezinebilirsiniz. (BTW, ok tuşlarını her söylediğimde, bir dokunmatik ekran kaydırma, ivmeölçer eğimi, joystick, hareket topu vb. İle aynı şeyi hayal etmek kolaydır.)

Diyelim ki bir sonraki yorumu okumak için doğru gidin:

+-------------------------------+
| The Design of Everyday Things |
| by Don Norman                 |
|                               |
|                               | 
+-------------------------------+
|                     2 of 3 [x]| 
|                               |
|  I want to read this one.     |
|< I've read his other two.    >|     
|                               |
|                   [8 comments]|
+-------------------------------+  

Bu noktada, kendisinin sekiz yorumu olduğu bir yorum yapıyorsunuz. Bir seviyeye inip bu yorumları okuyabilirsiniz.

+-------------------------------+
| The Design of Everyday Things |
| by Don Norman                 |
|                               |
|                               | 
+-------------------------------+
|                     2 of 3 [x]| 
|                               |
|  I want to read this one.     |
|  I've read his other two.     |     
|                               |
+-------------------------------+  
|                     1 of 8 [x]| 
|                               |
|  I enjoyed this one and       |
|< Emotional Design. I didn't  >|
|  know there was a third.      |
|                               |     
|                   [2 comments]|
+-------------------------------+

Ve bunun gibi. Teorik olarak, tüm dalları (veya sadece ilginç olanları), alanınız tükenmeden, bir yo-yo gibi yakınlaştırıp uzaklaşmadan, konuşma yığınını kafanızda tutmaya veya hangi dalları unutmaya gerek kalmadan takip etmek kolay olurdu. zaten ziyaret edildi.

Belirli bir yorumu kaydetmek, yer işareti koymak veya yazdırmak da önemsizdir; içeriği otomatik olarak dahil edilecektir.

5

Bir noktada kullanıcıları iç içe yerleştirme düzeyiyle sınırlamanız gerekir. Kullanıcıların belirli bir noktada (genellikle yaklaşık 3-4 düzey) sonsuz yuva yapmasına izin verirseniz, orijinal yorumun içeriği artık daha derin yuvalanmış düzeylerde olup bitenlerle alakalı değildir.

Ayrıca, iç içe yerleştirme belirli sayıda düzeyle manuel olarak sınırlandırılırsa, insanların @ yanıtları kullanma ve kişileri konuşma zincirinde daha ileri aktarma gibi yapay olarak iç içe yerleştirmenin yollarını bulacağını belirtmek gerekir.

1
Jason

Slashdot.org adresine bakın. Reddit.com da. Yorumlama sistemi oldukça derinleşiyor (filtrelemeyi kaldırdığınızda).

Nasıl? Bir işletim sisteminde bir klasör sistemini genişletirken alınan aynı yaklaşım boyunca bir şey olacağını düşünüyorum. Ebeveyn-> Çocuk ilişkileri. Pencerelerdeki klasör yapısının ne kadar derine inebileceğine dair bir sınır aşmadım, ama bunu düşündüğünüzde gerçekten karmaşık değil.

"En iyi yanıtı" göster (İlk, en son, en çok oy alan, her neyse) Üst yanıtı görüntüleyin. Başa dön yanıtının yanıtı var mı?

Ben de Phonescoop.com (örneğin cevaplar ile tıklayın) ilginç bir modeli var düşünüyorum: Cevaplar belirli bir noktadan sonra gizlenir, ama görüşmeler daha derin kazmak ve hiyerarşi tutmak olabilir.

Slashdot'u Phonescoop ile karşılaştırdığınızda, Slashdot'taki hiyerarşiyi gözden kaçırmak daha kolaydır, ancak Phonescoop'a daha fazla tıklama yapmanız gerekir. Slashdot daha da derinleştikçe daha az yer kaplıyor (eminim ki bir noktada durur ve hepsi birlikte ezilir veya sadece düz bir çizgi oluşturur).

Bazı siteler derin yuvalama gerektirmez. Örneğin bu site. Düzen onu reddeder. Diğer yorumlara yorum yapmaya dayanan siteler bunun için yalvarır. Soru, dürüstçe ne kadar etkinlik bekliyorsunuz? Ve bunu anlamlı bir şekilde nasıl sunabilirsiniz?.

1
WernerCD

Bu, çözülmesi zor bir sorundur, bu da ilginç bir bulmaca yapar. Yuvalama düzeylerini sınırlamıyorsanız, yuvalamayı bozmadan döngü yapacak bir şeye ihtiyacınız vardır. Döngüde konumlandırma (girinti), hiyerarşi bağlamını bozar.

Renkleri denedim ve bence orada bir çözüm bulunmalı belki.

Bu zor, çünkü döngü çözümü herhangi bir hiyerarşi durumuna sahip olamaz, çünkü döngü yapıldığında 'sıfırlanacak' ve içeriği kaybedeceksiniz. Bu nedenle çözümün geçici olarak hiyerarşik bir duruma sahip olması gerekecektir.

Arayan var mı?

1
Løvskogen

NP zor bir sorundur.

Bu sorunu çözebilirsiniz, ancak etkili olup olmadığını asla bilemez (veya söyleyemezsiniz).

0
kmonsoor