it-swarm-vi.tech

Một cách tốt để hiển thị bình luận lồng nhau vô hạn là gì?

Có cách nào để thực hiện các luồng nhận xét lồng nhau vô hạn theo cách không có vẻ khủng khiếp không? Tôi nhận ra rằng người ta có thể đơn giản hạn chế các mức lồng nhau, nhưng có lẽ có một cách tốt hơn để chỉ ra một số bình luận là trả lời cho các bình luận khác thay vì chỉ thụt vào các bình luận. Sau một mức độ làm tổ nhất định, thụt lề thất bại.

Một số ý tưởng để chơi với: màu sắc, kích thước, tiết lộ lũy tiến, số (1.1, 1.2, 1.2.1, v.v.), cửa sổ phương thức, luồng trả lời nhận xét (như Facebook hoặc Twitter), đại loại như SeaDragon , Vân vân.

Đã có ai giải quyết được vấn đề này chưa? Bạn đã làm gì? Đề xuất ngoài luồng và ví dụ trực quan cũng được chào đón.

34
Virtuosi Media

Sẽ không quá khó nếu bạn coi "những bình luận lồng nhau vô hạn" như một khía cạnh khác trong thiết kế của bạn. Hầu hết các luồng nhận xét chỉ có hai chiều: bình luận (X = 1) và số lượng bình luận (Y = N). Nhưng bây giờ bạn đã có các bình luận lồng nhau, thêm Z = M vào hỗn hợp.

Từ quan điểm thiết kế giao diện người dùng, điều này không phải là một thách thức lớn vì có rất nhiều mô hình để xử lý các kích thước bổ sung, chẳng hạn như các mô hình mà Pam mô tả, cũng như các tab, bảng điều khiển, v.v. thế giới thực là không có không gian màn hình vô hạn hoặc sự phong phú vô hạn có sẵn. Đó là nơi mọi thứ trở nên phức tạp: người dùng web không muốn cuộn sang bên phải và hầu hết các hộp nhận xét đều phải tuân theo thanh cuộn của trang mẹ mà không được khép kín.

Twitter cho iPad

Twitter cho iPad gần đây đã cho tôi một số cảm hứng trong lĩnh vực này. Ở đó, thứ nguyên Z được trình bày tương tác dưới dạng khung được phủ lên trên X, Y:

Twitter for iPad

Vì bạn đang sử dụng iPad, bạn có toàn quyền kiểm soát xem có nên mang thêm khung đó để xem toàn bộ hay gạt nó đi. Vì vậy, đọc các tweet (danh sách X, Y 2 chiều) là tốt: chỉ cần cuộn lên và xuống. Hầu hết các ứng dụng Twitter vấp ngã khi cố gắng thêm chiều thứ 3, đang phóng to vào Tweet để xem ngữ cảnh của nó.

Chẳng hạn, một Tweet có thể là một câu trả lời cho người khác và trong những trường hợp đó bạn muốn xem toàn bộ cuộc hội thoại. Hầu hết các máy khách Twitter dựa trên web sẽ tải một trang mới. Hầu hết các ứng dụng sẽ không thực sự hỗ trợ nó. Nhưng Twitter cho iPad chỉ đưa ra khung bên phải một lần nữa và làm nổi bật Tweet đã chọn trong khung ban đầu. Bây giờ bạn có thể đọc qua một danh sách cuộn theo chiều dọc của bất cứ thứ gì trong ngữ cảnh. Tại thời điểm này, Z = 1. Nếu bạn nhấp vào một mục trong danh sách này, một khung khác sẽ xuất hiện ở bên phải và bạn đang ở trong Z = 2.

Về mặt lý thuyết, điều này có thể tiếp tục cho Z = M, mặc dù tôi không chắc chắn chính ứng dụng khách Twitter này làm gì (có thể gặp sự cố!). Mô hình này có vẻ mời, tuy nhiên.

15
Rahul

Bạn nói đúng, thụt lề không thành công sau một số cấp độ nhất định, nhưng bạn luôn có thể tìm giải pháp như những gì deviantArt thực hiện (sau khoảng 10 cấp độ, chúng chuyển hướng bạn đến một trang khác với toàn bộ trả lời luồng).

Tuy nhiên, tôi muốn thay đổi kích thước phông chữ hoặc nhóm bảng. Đây là một hình ảnh về những gì tôi đang nói về. Nó đơn giản hơn và tôi nghĩ rằng nó hoàn thành công việc. Facebook thực sự làm một hỗn hợp của cả hai trên trang News Feed. Ý tưởng chính là thể hiện chúng rõ ràng, đồng thời cho thấy đó là bình luận chính bắt đầu chuỗi trả lời. alt text

Mở rộng chủ đề của bảng điều khiển (vì tôi nghĩ bạn đúng về vấn đề kích thước phông chữ), bạn có thể phân biệt các nhóm nhận xét bằng màu sắc. Nó vẫn cần thụt lề, nhưng nó cần ít hơn rất nhiều, nó cung cấp cho bạn chỗ cho nhiều cấp độ lồng hơn và vẫn giữ cho nó rõ ràng. Tuy nhiên, bạn có thể muốn suy nghĩ lại về liên kết dẫn đến một trang khác sau 6 cấp độ.

alt text

14
Pam Rdz

UE trong tôi phải hỏi: Kiểu trò chuyện nào đòi hỏi những bình luận lồng nhau vô tận?

Chúng có thực sự cần được lồng vô hạn không? Xem xét chế độ hội thoại của Gmail - đơn giản là nhóm tất cả các câu trả lời cho cuộc hội thoại theo thứ tự thời gian. Có vẻ hoạt động khá tốt - nó đã không thay đổi trong nhiều năm. Khiếu nại duy nhất mọi người có là một số người muốn có một 'quan điểm chưa được đọc' nhưng điều này thậm chí còn xa hơn những gì bạn đề xuất.

8
Julian H

Tôi đã tiếp cận vấn đề này, bằng cách không thụt lề, trong một số tình huống và sử dụng mũi tên để cho biết bình luận nào trả lời bình luận nào.

Đây là một ví dụ, từ một hệ thống thảo luận nguồn mở Tôi đang phát triển:


Indicating which comment replies to which comment, via arrows


Đây là một liên kết đến ví dụ trên, trong cuộc sống thực: http://www.debiki.com/-71cs1#post-116979

(Tôi cũng đã viết một bài viết trên blog về điều này: http://www.debiki.com/-01jn7-solve-probols-nested-replies-indentation )

8
KajMagnus

Tôi đã nghĩ về một phần lấy cảm hứng từ MS Outlook 2010 - nhóm các cuộc hội thoại:

Chỉ hiển thị các bình luận "LEAF", mỗi bình luận chứa tất cả các bình luận trước đó trong dòng hội thoại đó.

Ví dụ, hãy xem xét cấu trúc "đời thực" sau đây:

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

Những gì người dùng sẽ thấy là:

Post
  - Comment1
  - Comment2.1
  - Comment2.2.1

Ví dụ, khi nhìn vào Comment2.2.1, người dùng sẽ thấy:

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?

(Trong khi Comment2.1 cũng sẽ chứa Comment2)

5
Dan Barak

Tôi nghĩ rằng đề nghị của @ Dan chỉ hiển thị một nhận xét và tổ tiên của nó có rất nhiều ý nghĩa. Nó cho phép một người nhìn thấy một thông điệp trong bối cảnh của cuộc trò chuyện dẫn đến nó mà không bị phân tâm bởi các nhánh không liên quan.

Ban đầu một bài viết có thể được hiển thị như thế này:

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

Nhấp vào [3 bình luận] hoặc nhấn phím mũi tên xuống sẽ mở bình luận đầu tiên bên dưới bài đăng.

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

Từ thời điểm này, bạn có thể chuyển qua tất cả các nhận xét được viết về bài đăng, sử dụng các nút mũi tên hoặc phím mũi tên phải và trái. (BTW, bất cứ khi nào tôi nói phím mũi tên, thật dễ dàng để tưởng tượng tương tự với thao tác vuốt màn hình cảm ứng, nghiêng gia tốc, cần điều khiển, bi xoay, v.v.)

Giả sử bạn đi đúng để đọc bình luận tiếp theo:

+-------------------------------+
| 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]|
+-------------------------------+  

Tại thời điểm này, bạn đang nhận xét rằng bản thân nó có tám bình luận. Bạn có thể đi xuống một cấp độ và đọc những bình luận đó.

+-------------------------------+
| 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]|
+-------------------------------+

Và như thế. Về lý thuyết, có thể dễ dàng theo dõi tất cả các nhánh (hoặc chỉ những nhánh thú vị) mà không cần hết không gian, phóng to và thu nhỏ như một yo-yo, cố gắng giữ chồng trò chuyện trong đầu hoặc quên đi những nhánh nào đã được truy cập.

Nó cũng sẽ là tầm thường để lưu, đánh dấu hoặc in một nhận xét cụ thể; bối cảnh của nó sẽ tự động được bao gồm.

5
Patrick McElhaney

Tại một số điểm bạn phải giới hạn người dùng ở mức lồng nhau. Nếu bạn cho phép người dùng lồng nhau vô hạn, tại một thời điểm nhất định (thường là khoảng 3-4 cấp độ), nội dung của nhận xét ban đầu không còn phù hợp với những gì đang diễn ra ở cấp độ lồng sâu hơn.

Cũng đáng lưu ý rằng nếu lồng được giới hạn thủ công ở một số cấp độ nhất định, mọi người vẫn sẽ tìm ra cách để làm tổ một cách giả tạo, chẳng hạn như sử dụng @replies và trích dẫn mọi người tiếp tục chuỗi hội thoại.

1
Jason

Nhìn vào slashdot.org. Reddit.com cũng vậy. Hệ thống bình luận của họ đi khá sâu (một khi bạn loại bỏ lọc).

Làm sao? Tôi giả sử, sẽ là một cái gì đó theo cùng một cách tiếp cận được thực hiện khi mở rộng hệ thống thư mục trong HĐH. Cha mẹ-> Mối quan hệ con cái. Tôi đã không chạy qua một giới hạn về việc cấu trúc thư mục trong các cửa sổ có thể đi sâu đến đâu, nhưng nó không thực sự phức tạp khi bạn nghĩ về nó.

Hiển thị "trả lời hàng đầu" (Đầu tiên, gần đây nhất, được đánh giá tốt nhất, bất cứ điều gì). Hiển thị trả lời lên trên. Trả lời hàng đầu có trả lời không?

Tôi cũng nghĩ Phonecoop.com (Ví dụ: nhấp vào trả lời) có một mô hình thú vị: Trả lời bị ẩn sau một điểm nhất định, nhưng bạn có thể tìm hiểu sâu hơn về các cuộc hội thoại và giữ thứ bậc.

Khi bạn so sánh Slashdot với Phonecoop, việc đánh mất hệ thống phân cấp trên Slashdot sẽ dễ dàng hơn, nhưng bạn phải nhấp nhiều hơn vào điện thoại điện thoại. Slashdot cũng sử dụng ít hơn và ít phòng hơn khi bạn vào sâu hơn (tôi chắc chắn rằng nó dừng lại ở một số điểm và tất cả chúng cùng nhau hoặc chỉ đơn giản là xếp hàng) ..

Một số trang web không cần làm tổ sâu. Trang web này chẳng hạn. Bố cục phủ nhận nó. Các trang web dựa vào nhận xét về các bình luận khác xin nó. Câu hỏi là, bạn thành thật nhìn thấy bao nhiêu hoạt động? Và làm thế nào bạn có thể làm cho nó được trình bày một cách có ý nghĩa.

1
WernerCD

Đây là một vấn đề khó giải quyết, cũng là một câu đố thú vị. Nếu bạn không giới hạn mức lồng nhau, bạn cần một cái gì đó sẽ lặp mà không phá vỡ lồng. Định vị (thụt lề) khi lặp sẽ làm rối loạn bối cảnh phân cấp.

Tôi đã thử nghiệm với màu sắc, và tôi nghĩ rằng có thể tìm thấy một giải pháp ở đó.

Thật khó, bởi vì giải pháp lặp không thể có bất kỳ trạng thái phân cấp nào, bởi vì khi được lặp, nó sẽ 'đặt lại' và bạn sẽ mất ngữ cảnh. Vì vậy, giải pháp sẽ cần phải có một trạng thái phân cấp tạm thời.

Có ai nhận không?

1
Løvskogen

Đây là một vấn đề khó NP.

Bạn có thể giải quyết vấn đề này, nhưng không bao giờ có thể biết (hoặc nói) chắc chắn rằng nó có hiệu quả hay không.

0
kmonsoor