it-swarm-vi.com

Tại sao thiết kế này được coi là lộn xộn hoặc áp đảo?

Tôi đang phát triển một ứng dụng web cho trình duyệt Máy tính để bàn và Máy tính bảng. Tất cả kiến ​​thức về UX của tôi bắt nguồn từ kinh nghiệm cá nhân và lặp đi lặp lại - Tôi chưa bao giờ được đào tạo chính thức. Tôi đã rất cẩn thận trong việc trình bày thông tin trên trang web này để giữ cho nó có tổ chức nhất có thể, nhưng nhiều người đã cho tôi thông tin phản hồi mô tả nó là "lộn xộn" và "quá sức". Tôi đang vật lộn để tìm cách làm thế nào tôi có thể trình bày thông tin tương tự trong khi cải thiện nó.

my website

Những yếu tố nào của thiết kế thanh kép, dựa trên thẻ này đang kích hoạt phản hồi này?

167
Jack Guy

Đây là lúc UX gặp khó khăn

Không có gì sai với giao diện của bạn. Nó dường như đang xử lý một lượng lớn thông tin theo cách hợp lý và rõ ràng hợp lý.
[.__.] Nhưng có điều gì đó không đúng với giao diện của bạn: Người dùng không cảm thấy thoải mái trong đó.

Đó là một vấn đề phức tạp cần giải quyết, nhưng nó là trái tim của mọi dự án thiết kế UX. Điều đó hoàn toàn phụ thuộc vào đối tượng bạn phục vụ và bối cảnh họ sẽ sử dụng ứng dụng của bạn.

Bắt đầu từ đâu

  1. Hãy chắc chắn rằng bạn không đánh giá quá cao ý kiến ​​của một nhóm nhỏ người dùng. Đó là toàn bộ vấn đề "bánh xe chói tai". Họ có thể có một số mối quan tâm hợp lệ, nhưng bạn cần chắc chắn rằng họ là đại diện cho số lượng người dùng lớn hơn.
  2. Ngồi xuống với người dùng thực sự làm những điều thực sự với ứng dụng của bạn. Xem những gì xảy ra, những nhiệm vụ họ cố gắng hoàn thành, nơi họ bị mắc kẹt hoặc bối rối hoặc thất vọng.
  3. Kiểm tra một giải pháp tại một thời điểm. Các thay đổi của bạn càng nguyên tử càng hợp lý, bạn càng có thể lấy đi chính xác từ bài kiểm tra.
  4. Vòng lại với người dùng của bạn khi bạn nghĩ rằng bạn đã sửa một cái gì đó. Thu thập nhiều phản hồi và đảm bảo bạn đã giải quyết những gì bạn nghĩ bạn đã giải quyết.

tl; dr

  1. Hiểu chính xác những gì người dùng của bạn muốn thực hiện.
  2. Loại bỏ mọi
    [.__.] [hành động, Word, hình ảnh, biểu tượng, màu sắc, hình dạng, pixel]
    [.__.] Điều đó không làm cho họ tốt hơn ở # 1.

Quan sát chung

Tuyên bố miễn trừ trách nhiệm: Tôi không phải là người dùng của bạn và tôi có thể không bao giờ. Hãy quan sát của tôi để biết những phỏng đoán không đủ tiêu chuẩn mà chúng là.

Hệ thống cấp bậc

Các tiêu đề thẻ chắc chắn thu hút mắt tôi đầu tiên, nhờ vào tam giác góc nhỏ. Đó dường như là một yếu tố quan trọng. Vậy tôi sẽ đi đâu tiếp theo?

Các Create Game nút âm thanh quan trọng khi tôi tìm thấy nó. Định vị có vẻ như quá nhiều công việc vì nó ẩn trên Cạnh màn hình và sử dụng màu nổi bật duy nhất bạn có, đã được sử dụng ở nơi khác.

Làm thế nào về GamesUsers mọi thứ về phía trên trông giống như điều hướng? Hiện tại, tôi không chắc ai đang hoạt động hay họ sẽ làm gì.

Nói chung, có rất nhiều yêu cầu sự chú ý của tôi. Điều đó dẫn tôi đến ...

Tiếng ồn thị giác

Hãy thử cắt giảm số lượng những thứ rời rạc bằng cách tinh chỉnh những thứ đang có. Chẳng hạn, chỉ báo Online của bạn có thể bị mất vòng tròn và được đơn giản hóa như vậy:
[.__.] Online indicator in text only.

Một cơ hội khác là trong các chi tiết thẻ. Bao nhiêu thông tin này là cần thiết ở cấp độ tổng quan? Bạn có thể mở rộng một số của nó trên hover/tap? Và các biểu tượng chi tiết không thêm bất kỳ thông tin hữu ích nào, nhưng làm tăng thêm nhiễu hình ảnh cho trang do tần số của chúng. Tại sao không chỉ là nhãn văn bản:
[.__.] Details table without icons.

Ngoài ra trong các thẻ trò chơi, tôi không có ngữ cảnh cho dòng màu vàng cam. Thoạt nhìn, nó trông giống như một chỉ báo tab dưới biểu tượng người và có thể có một tab khác cho Private. Ngay khi tôi nghĩ vậy, tôi nhận ra rằng điều đó không có nghĩa gì cả. Lãng phí hơn chú ý.

Đơn điệu

Mặc dù có những lo ngại phức tạp, có thể có chỗ để thêm một cái gì đó để phá vỡ sự đơn điệu. Sẽ có ý nghĩa để cho phép hình ảnh bìa cho các trò chơi? Hoặc có thể sử dụng góc L màu xanh lam đó làm màu tiêu đề đầy đủ (giả sử chúng không thực sự giống nhau)?

165
plainclothes

Lặp lại các nhãn hàng của bảng cho mỗi hộp trò chơi đang đóng góp rất nhiều cho IMO lộn xộn. Ngoài ra là tất cả những thông tin cần thiết? Bạn có thể thử đơn giản hóa, nhưng thêm khả năng mở rộng nếu cần thiết.

enter image description here

72
Paul LeBeau

Bạn có một giao diện người dùng tốt nhưng một vài điều gây ấn tượng với tôi rằng có lẽ có thể cải thiện:

  • Quá nhiều dòng (bạn có thể loại bỏ hầu hết chúng tôi tin)
  • Quá ít độ tương phản giữa các phần khác nhau trong thiết kế của bạn (thử làm mờ mắt và xem liệu bạn vẫn có thể nhận ra các phần khác nhau trong thiết kế của mình không). Các thẻ đặc biệt có vấn đề. Làm cho chúng bật.

Tôi đã loại bỏ một số dòng và làm cho các thẻ nổi bật hơn một chút và tôi nghĩ rằng điều này làm cho thiết kế của bạn bớt lộn xộn hơn một chút. Phán xét cho chính mình.

enter image description here

33
filip

Dữ liệu được hiển thị bởi các thẻ sẽ có ý nghĩa hơn rất nhiều trong danh sách hoặc bảng. Mỗi thẻ có cùng các trường chính xác với các giá trị khác nhau và bạn đang hiển thị nhãn cho các trường mỗi lần. Một bảng có các tiêu đề sẽ chỉ hiển thị nhãn "Thời gian", "Ngôn ngữ", v.v. một lần.

Là một lưu ý trên thẻ, chúng có vẻ phù hợp hơn cho nội dung hỗn hợp hoặc dạng tự do, trong đó mỗi thẻ trình bày một giao diện người dùng duy nhất được điều chỉnh cho nội dung độc đáo của nó. Nội dung của bạn là một danh sách các trò chơi có sẵn, do đó, đại diện cho điều đó trong UI với một danh sách có ý nghĩa.

17
Harrison Paine

cá nhân, tôi không nghĩ rằng nó lộn xộn, nhưng vâng, nó hơi quá.

Về cơ bản, tôi thấy màn hình của bạn và không biết phải nhìn vào đâu và làm gì. Các khía cạnh quan trọng nhất dường như là một chữ L trong một góc và thực tế là ai đó đang trực tuyến (điều này là do bạn sử dụng màu sắc), sau đó bạn trộn thông tin cho mọi thứ cùng một mức phân cấp. CTA s có màu xám (!!!!), mẩu bánh mì của bạn kỳ lạ dựa trên màn hình nhất định (bạn đang hiển thị các trò chơi nhưng màn hình hiển thị bánh mì của bạn Người dùng và đây là cấp độ trong Trò chơi , cũng lạ, trừ khi bạn có ý Người chơi ), bạn có một thanh bên tin nhắn/trò chuyện mà dường như có liên quan đến nội dung chính, nhưng thực sự rất khó để tìm thấy kết nối ... tốt, nó hơi khó hiểu Tin tốt là tất cả các khía cạnh này có thể dễ dàng thay đổi, vấn đề chính của bạn dường như là tập trung vào thứ bậc, điều gì quan trọng và điều gì không. Chỉ cần thay đổi một vài màu (chủ yếu là CTA) và thử nghiệm. Tôi chắc chắn bạn sẽ thấy kết quả ngay lập tức

Dù sao, tôi nghĩ bạn nên thực hiện một số thử nghiệm TUYỆT VỜI, nghiên cứu hành vi và tương tác và đặt câu hỏi cho người dùng thực sự, không phải bạn bè, không phải đồng nghiệp

11
Devin

Các câu trả lời được cung cấp ở đây rất hay, nhưng một vài quan sát:

  1. Đặt hình đại diện của người dùng vào một vòng tròn màu xám (nhiều vòng tròn màu xám trông lộn xộn), giống như cách đưa thông tin có ý nghĩa vào tất cả các thẻ trò chơi.

  2. Chỉ giữ vòng tròn màu xanh lá cây làm khái niệm cho người dùng trực tuyến, xóa văn bản tức là 'Trực tuyến' khỏi danh sách bạn bè, nhưng giữ văn bản trong trạng thái người dùng đã đăng nhập vì nó sẽ giúp họ hiểu ý nghĩa của các vòng tròn màu khác nhau như green = online , đỏ = ngoại tuyến, cam = nhàn rỗi, v.v.

  3. Xóa biểu tượng thư khỏi 'Bạn bè | Tất cả 'tiêu đề như đã được đặt trong tiêu đề ứng dụng của bạn. Tham khảo hình ảnh sau cho 3 điểm này.

  4. Đặt menu Trò chơi và Người dùng của bạn trong tab điều hướng như thế này.

  5. Tăng kích thước của góc trên bên phải và chữ cái như thế này.

8
IT ppl

Tôi có một số hướng dẫn cơ bản để cung cấp, nên áp dụng cho tất cả các UX, và đặc biệt quan trọng ở đây:

Thuận tiện không phải cạnh tranh với sự rõ ràng.

Một nhà thiết kế được cho là tận dụng tối đa không gian màn hình trong khi trình bày thông tin không gây nhầm lẫn hoặc áp đảo người dùng. Nhưng điều này không có nghĩa là các nhà thiết kế của chúng tôi cần trao đổi lượng thông tin có sẵn cho sự rõ ràng trong đó nó được trình bày. Tận dụng thiết kế năng động, với sự tương tác của người dùng.

Bằng cách trở nên thoải mái với một phương tiện thiết kế chất lỏng ...

Chúng tôi thường thiết kế các giao diện trong một trình soạn thảo bố cục vector, nơi chúng tôi không tạo ra một loạt các hình ảnh động, chuyển tiếp và biến đổi. Đây là điều hạn chế nhiều người trong chúng ta trong khả năng thiết kế bố cục sáng tạo phơi bày (và ẩn) thông tin thông qua tương tác người dùng. Vì vậy, trước tiên hãy học cách thiết kế trong một môi trường nơi bạn có thể xây dựng các giao diện chuyển động, hoạt hình, biến đổi. Cá nhân tôi chỉ thiết kế giao diện của mình với HTML, JS và CSS - sau một thời gian, nó trở thành phương tiện thiết kế tự nhiên.

... Chúng ta có thể tạo các môi trường phơi bày và ẩn thông tin, đồng thời thu hút sự chú ý của người dùng.

Sau đó, hãy tận dụng sự tự do trôi chảy mà bạn có trong việc thiết kế giao diện của mình để hiển thị gợi ý thông tin "kéo" sự tập trung của người dùng từ yếu tố này sang yếu tố khác theo thứ tự bạn muốn hoặc thứ tự họ cần và tương tác với giao diện để truy cập các nhóm thông tin khác nhau.

Bằng cách tập trung vào tương tác người dùng động, chúng ta có thể sử dụng hệ thống phân cấp giao diện đơn giản để hướng dẫn người dùng đến thông tin họ cần, khi họ muốn.

Bạn muốn tiết lộ nhiều thông tin cho người dùng, nhưng có giới hạn về số lượng mọi người cảm thấy thoải mái cùng một lúc. Hạn chế số lượng chi tiết được hiển thị bằng cách dựa vào tương tác của người dùng được liên kết với hình ảnh động mượt mà và đơn giản, đặc biệt là khi xử lý các bảng thông tin trùng lặp như trường hợp này.

Ví dụ: trong trường hợp của bạn, thay vì hiển thị tất cả các khối trò chơi đó với thông tin trùng lặp, hãy thử hiển thị các khối chỉ có nhãn xác định trò chơi và sau đó khi người dùng tương tác với nó (ví dụ như chạm hoặc di chuột), hãy hiển thị chi tiết của trò chơi. Thay đổi đó một mình sẽ đơn giản hóa đáng kể giao diện của bạn và làm cho người dùng cảm thấy bớt áp lực hơn để tiếp thu quá nhiều thông tin tiếp xúc cùng một lúc.

7
Viziionary

Vâng, câu trả lời tốt nhưng không giúp bạn với nguyên nhân khác ngoài "Đơn điệu" - đó không phải là một thuật ngữ tuyệt vời, nhưng gần gũi.

Thiết kế tuyệt vời trong Tạp chí, Áp phích và Giao diện người dùng là sản phẩm của font, cỡ chữ khoảng trắng, được cải thiện thêm với màu, và không bị hại với line.

Các thuộc tính này: Phông chữ, Kích thước phông chữ, Khoảng trắng và Màu train người dùng hiểu (a) điều gì là quan trọng, (b) cách quét thông tin và (c) cách xem các mẫu trong dữ liệu trong nháy mắt thay vì nghĩ về chúng trực tiếp.

Đọc là một nỗ lực rất tốn kém cho mọi người, vì vậy quét để xác định "những thứ này không giống với những thứ khác" hoặc một số biến thể của nguyên tắc là những gì bạn muốn tìm.

Vị trí không gian phát triển theo thời gian với chuyên môn, một khi người dùng đã ghi nhớ tiềm thức giao diện người dùng. (Người dùng có kinh nghiệm thích giao diện kiểu Excel và người dùng mới thì không.)

Nói cách khác bạn không thể dựa vào hướng nội khi thiết kế giao diện trừ khi bạn biết liệu bạn đang 'thử nghiệm' thiết kế cho cấp nhập cảnh hay người dùng có kinh nghiệm.

Bạn 'đào tạo' người dùng cách xem qua thông tin bằng cách sử dụng kích thước phông chữ (mức độ ưu tiên), kiểu phông chữ (phông chữ truyền đạt ý nghĩa tương đối). Sau khi phông chữ sử dụng hình (chẳng hạn như tab góc mà người khác khuyên). Sau khi hình dạng sử dụng màu. Màu sắc nên là cuối cùng.

Màu sắc phải biểu thị type hoặc màu sắc sẽ cho biết 'thứ này giống như những thứ khác'. Nếu bạn phải 'trang trí' bằng màu sắc, (một thanh hoặc nền màu), điều này thường đại diện cho một thất bại, vì nó không có 'ý nghĩa'.

Kiểm tra thiết kế của bạn bằng cách thực hiện các phần tử riêng biệt trong 'lớp' và sau đó bật và tắt lớp. Mắt của bạn sẽ cho bạn biết.

Giao diện thẻ

Bây giờ, bạn đã kết hợp 'thẻ' (bố cục không gian), nhưng sử dụng phông chữ và màu của 'bảng'.

Chắc chắn là thẻ không phải là một mô hình UI tốt cho giải pháp của bạn, vì vậy trước tiên hãy đảm bảo rằng bạn đang giúp người dùng. Thẻ hoạt động chủ yếu nếu chúng giữ hình ảnh và phải được sắp xếp lại liên tục. Mặt khác, bảng thường tốt hơn, vì chúng dễ quét hơn.

Ví dụ, nếu bạn lấy một gói thẻ chơi và ném chúng xuống sàn, bạn vẫn có thể phân biệt chúng bất kể hướng của chúng. Nếu bạn ném 'thẻ' của bạn xuống sàn, thì tất cả chúng sẽ trông giống nhau.

Vì vậy, bạn đang dựa vào việc lập chỉ mục vị trí bởi người dùng của mình, khi đó bạn đang sử dụng mô hình sai hoặc phải giải quyết ẩn dụ về thẻ chơi.

Gợi ý hữu ích

Tôi cố gắng khuyên mọi người tìm một bố cục trang tạp chí để làm việc. Tất nhiên, tiêu chuẩn vàng là trang web và giấy NYT. Tất cả các loại và khoảng trắng.

Nhưng bắt đầu với một mô hình trực quan (ví dụ như trò chơi hội đồng quản trị độc quyền) sẽ giúp các nhà thiết kế tránh được 'vấn đề hộp' gây ra tai họa cho tài tử.

6
Curt Doolittle

Khi con người chúng ta nhìn vào một cái gì đó có cấu trúc, như UI, chúng ta có xu hướng xây dựng một mô hình tinh thần.
[.___.] Để đạt được mục tiêu đó, chúng tôi quét giao diện người dùng ngay lập tức, một cách vô thức và ghi chú lại từng mục trong giao diện người dùng nói trên.
[.___.] Trong quá trình này, chúng tôi tiêu thụ "sức mạnh tinh thần", một lượng tùy thuộc vào số lượng phần tử trong giao diện người dùng. Điều này có liên quan đến tải nhận thức.
[.__.] Sau khi làm điều đó một số lần chúng ta "mệt mỏi", tùy thuộc vào tải nhận thức tiêu thụ.

Chà, UI của bạn có khá nhiều mục và điều người dùng của bạn phàn nàn là lượng tải nhận thức cần thiết cho mỗi lần quét.
[.__.] Số lượng phần tử không phải là bảng "Hey guys", mà là số lượng biểu tượng, đoạn văn bản, dòng, mọi thứ!
[.__.] Đây là tin tốt vì có rất nhiều khoảng trống để cải thiện.

Tôi sẽ liệt kê một vài ví dụ để bạn hiểu đề xuất của tôi:

  • mỗi "Hey guys ..." có một số dòng bên trong, nếu được gỡ bỏ, sẽ làm giảm tải nhận thức mà không cản trở sự hiểu biết của người dùng
  • dòng dưới "Tạo bởi Jack"
  • các ranh giới ô của bảng trong "CHI TIẾT"
  • bản thân từ "CHI TIẾT"
  • các dòng tạo tác "Bạn bè | Tất cả | 5" (hiển thị như một nút trên di chuột)
  • sọc ngựa vằn dưới những người bạn | Tất cả tạo tác
  • "Trực tuyến ●" có thể chỉ là phần màu nhưng thay vào đó là màu xanh lá cây và chữ thập đỏ khác
  • trong Sắp xếp/Bộ lọc/Tất cả các trò chơi hãy thử đặt mũi tên thả xuống gần văn bản hơn để chúng trở thành một thứ duy nhất
  • thay vì hình tròn sử dụng hình vuông đạt cả ba đường viền
  • vân vân ...

Thử nghiệm đầu tiên, hãy thử mở rộng bảng "CHI TIẾT" để nó chạm vào tất cả bốn ranh giới của nó (mất các góc tròn đẹp và tiêu đề "CHI TIẾT") và bạn sẽ thấy.
[.__.] Nó sẽ trở nên đơn giản hơn và do đó dễ dàng hơn để tìm kiếm.
[.__.] Sau đó, bạn có thể tin tưởng và bắt tay vào một yếu tố hình ảnh xóa điên cuồng.

5
Juan Lanus

Ý tưởng:

Tạo trò chơi

Có lẽ thẻ đầu tiên có thể là nút tạo trò chơi lớn của bạn! Tôi thực sự muốn nó có những kiểu đầu vào mà bạn chỉ cần nhấp vào văn bản bạn muốn chỉnh sửa và điền nó vào đó. Tôi cũng nghĩ về việc làm cho nó phản hồi nhanh, vì vậy có thể khi bạn nhìn thấy nó, nó rất đơn giản, chỉ cần có "+" và "Tạo trò chơi" và sau đó nhấp vào nó hoạt hình trơn tru trong các trường nhập tự động đó. (Giả sử thẻ thực hiện lật 3d. Có nhiều lựa chọn vô tận cho sự sáng tạo ở đây!)

Thẻ trò chơi

Ý tưởng tương tự cho khả năng phản hồi: loại bỏ nút tham gia trò chơi và để nó xuất hiện trên di chuột như một trong những hiệu ứng lớp phủ bán trong suốt đó. Tôi thích ý tưởng chụp ảnh màn hình/trò chơi nghệ thuật làm hình nền.

Đây là những gì tôi vừa nhận ra về các thẻ này, mặc dù: Nó thực sự không nhất thiết là cách tiếp cận tốt nhất cho loại dữ liệu này. Mỗi thẻ có cùng chi tiết và thông tin được trình bày. Tại sao không chỉ là một bảng của một số loại? Sau đó, người chơi có thể sắp xếp chúng theo lĩnh vực.

Bạn có thể sáng tạo và có các nhãn trường ở bên trái hoặc bên phải, và sau đó vẫn có hướng giống như thẻ với hình nền. Ý tưởng vô tận ở đây cũng vậy! Có lẽ sau đó họ có thể cuộn từ trái sang phải, VÀ cuộn lên xuống có thể thay đổi nhóm thẻ theo phân loại, có thể là loại trò chơi. (Phím mũi tên bây giờ có thể tham gia!)

Danh sách người chơi

Điều này (và có thể là tiêu đề) là phần có vẻ hơi lộn xộn. Tôi nghĩ những gì nó chỉ là rất nhiều thông tin hình ảnh ở ngoại vi. Vì vậy, làm thế nào chúng ta có thể khắc phục điều này? Một lần nữa, có rất nhiều lựa chọn, chúng ta chỉ cần sáng tạo! Một lần nữa, hãy bắt đầu bằng cách đi với hình nền. Và sau đó có thể là một giao diện accordian? Có thể thay vì "o trực tuyến", bạn có thể có một vòng tròn được điền đầy đủ so với vòng tròn nửa đầy hoặc trống. Hoặc bất kỳ chỉ số chủ đề khác, như một dải ruy băng! (hoặc sử dụng một gradient bán trong suốt với biểu tượng rỗng.)

Một ý tưởng là thậm chí có thể chỉ bao gồm những người trực tuyến trong đó, trong khi ngoại tuyến chỉ được liệt kê bên dưới dưới dạng liên kết được phân tách bằng dấu phẩy, giống như những gì bạn thấy trong các diễn đàn:

Qwerty Uiop , Plok Min Juhby , Wes X Qwaz , Kip HG Jolumny , Ferd thứ 3 , Chasbyn Q Jon Klimp-Werdguft ZCXV , Guy T. Fred , Ty Hug

(BTW, mẹ tôi và tôi đã nghĩ ra những cái tên này khi chơi một trò chơi để xem những gì chúng ta có thể làm với các vùng trên bàn phím.)


Những đề nghị chỉ là để bắt đầu nó. Hy vọng nó giúp!

4
HTDE
  • Thêm thêm độ tương phản để làm cho nội dung quan trọng nổi bật hơn (các trò chơi bài), bằng cách thêm màu nền tối hơn chẳng hạn.

  • Tạo nét màu vàng có ý nghĩa hơn bằng cách tăng kích thước theo tỷ lệ phần trăm người chơi hiện đang ở trong phòng. Một phòng đầy đủ sẽ có một đột quỵ đỏ chẳng hạn.

  • Phông chữ "L" màu xanh có vẻ như là một phông chữ khác, khiến nó thực sự kỳ quặc.

  • Có thể cho phép : Xóa các biểu tượng trước "Vòng", "Thời gian", "Ngôn ngữ" và "Từ". Chúng vui nhưng cũng gây mất tập trung và dường như không thêm bất kỳ logic nào vì bản thân văn bản là đủ.


Lưu ý rằng tôi chỉ thay đổi 2 hộp đầu tiên 100% (hộp thứ 2 vẫn có chữ L cũ, nó chỉ hiển thị dưới dạng chỉ dẫn).

New design

3
Daan

Theo Jonathan Ive của Apple, một giao diện tốt chỉ trình bày thông tin NGAY LẬP TỨC có liên quan đến người dùng . Hãy xem https://www.youtube.com/watch?v=3q6ULOT9Q4M

Đây có thể là một chút của một điểm nhỏ, tôi đã có cùng một vấn đề. Với khách hàng của tôi, vấn đề là có quá nhiều KHÔNG GIAN TRẮNG trong giao diện. Đối với bố cục dựa trên CARD như của bạn, hãy thử:

  1. Thêm màu nền như #EEE đến phần nội dung chính

  2. Đối với trò chuyện bên, hãy xóa dòng bổ sung màu xám

  3. Có tùy chọn để làm cho các thẻ có thể thu gọn được, nếu bạn phải trình bày dữ liệu số dưới dạng so sánh, hãy thử biểu đồ/đồ thị

2
William

Thiếu phân cấp và định nghĩa các yếu tố trên trang là vấn đề chính. Sử dụng màu sắc nổi bật, tỷ lệ và sự hiểu biết về cách bạn muốn người dùng diễn giải và tiêu hóa thông tin bạn trình bày với họ sẽ giúp ích cho nó

2
David Sheridan