Tôi không thể nghĩ ra bất kỳ sơ đồ kiến trúc phần mềm đặc biệt tốt nào không có dữ liệu mà chúng hiển thị bị đơn giản hóa và cắt giảm, nhưng chúng ta có thể tìm thấy một số nội dung có liên quan bằng cách trước tiên phá vỡ sơ đồ kiến trúc phần mềm.
Sau đó, chúng ta sẽ xem xét một số ví dụ về thiết kế đối phó với những thách thức tương tự.
Đây là một loại biểu đồ luồng / sơ đồ quy trình, tập trung vào các loại phần tử / nút. Đến lượt nó là một loại sơ đồ mạng liên kết nút, với tính định hướng được thêm vào: về cơ bản, các nút, có thể có các danh mục và kết nối, có thể có hướng.
Bất cứ điều gì dựa trên các liên kết nút có thể biến thành một 'cục tóc' lộn xộn khi độ phức tạp của những gì nó cố gắng thể hiện tăng lên. Nếu không có gì được đề xuất dưới đây dựa trên các liên kết nút hoạt động - nếu vấn đề đang quá phức tạp - thì đây là một bài viết của một học giả trực quan hóa dữ liệu được tôn trọng về một số lựa chọn thay thế cho khái niệm "liên kết nút" làm cơ sở cho bản đồ mạng mà các nhà nghiên cứu trực quan hóa dữ liệu đã đưa ra. Nếu bạn có thể tìm ra cách điều chỉnh một số thứ này thành thứ gì đó thân thiện và có định hướng, bạn có thể trở thành người chiến thắng. Nhưng đó là cách thực sự khó khăn , chỉ thử nếu bạn phải làm thế.
Vì vậy, sơ đồ luồng phức tạp và sơ đồ mạng với sự nhấn mạnh vào hướng / luồng và các loại nút / phần tử. Nguyên tắc cơ bản đầu tiên:
- Giữ mọi nút / phần tử đơn giản
- Làm cho sự khác biệt giữa các loại phần tử rõ ràng và đơn giản với sự phân cấp rõ ràng giữa chúng
- Tạo luồng và kết nối càng nhiều yếu tố nền càng tốt
Hãy nghĩ về tỷ lệ nhiễu tín hiệu (đôi khi được gọi là tỷ lệ mực dữ liệu trong ngữ cảnh đồ họa thông tin): các kết nối là hướng dẫn trực quan, không phải dữ liệu, vì vậy hãy làm cho chúng tinh tế nhất có thể mà không làm cho chúng dễ theo dõi hơn. Cũng nghĩ về hình nền : dữ liệu nên là thứ được chú ý ở phía trước, các tín hiệu thị giác hiển thị dòng chảy và thể loại phải là nền tảng mà mọi người nhận thức được nhưng không bị phân tâm.
Ví dụ đầu tiên, một poster sơ đồ quyết định kiểu chữ (tôi chắc chắn một số người sẽ không đồng ý với nội dung ...). Chỉ sử dụng màu đen và trắng, nó làm cho một sơ đồ phức tạp có thể sử dụng được với sự phân cấp rõ ràng giữa các yếu tố:
Thật rõ ràng từng yếu tố là gì, sử dụng ánh sáng và biến thể rõ ràng nhưng tinh tế làm tăng thêm tiếng ồn tối thiểu. Toàn bộ là phức tạp nhưng mỗi phần là rõ ràng.
Những cải tiến có thể có - không có hướng tổng thể, với hướng đi từ giữa ra - các dòng có thể có thông tin định hướng mà không cần thêm nhiễu bằng các chevron chấm nhỏ rất tinh tế (như >>>>>) thay vì dấu chấm, vì vậy bạn có thể bắt đầu ở bất cứ đâu và xem nơi để đi tiếp theo mà không có những dấu hiệu hướng.
Đây là một ví dụ tương tự khác, nơi dòng chảy đang di chuyển qua một hệ thống phân cấp (chung nhất> cụ thể nhất). Nó biến rất nhiều danh mục thành hai loại nút: sản phẩm và loại và kích thước của nút cho bạn biết tính đặc hiệu của loại. (đường viền vòng tròn và đường kết nối có thể tinh tế hơn nhiều, nhưng dường như chúng đã được cân để bổ sung cho loại và cung cấp cho tất cả mọi thứ ngoại trừ kính pint trung tâm có kết cấu đồng đều hơn). Kích thước vòng tròn cũng tăng gấp đôi như một dấu hiệu của vị trí và dòng chảy - bạn đi từ vòng tròn lớn hơn đến vòng tròn nhỏ hơn, vì vậy họ không cần bất kỳ tín hiệu hình ảnh phức tạp nào khác như đầu mũi tên.
Rất nhiều loại bia
Rất nhiều công việc được thực hiện bởi PopChartLab có liên quan. Họ chuyên về các áp phích lớn cho thấy nhiều thứ liên kết với nhau và đôi khi họ viết lên quy trình của họ. Đây là bài viết của họ về một dự án nơi họ thực sự vật lộn với số lượng những thứ họ muốn thể hiện . Cá nhân tôi không thích kết quả cuối cùng (họ đã làm việc chăm chỉ để chế ngự quả bóng tóc, nhưng kết quả cuối cùng vẫn là một quả bóng tóc), nhưng đọc những gì họ đã thử và những gì hiệu quả và những gì không thể giúp được.
Dưới đây là một ví dụ giúp sử dụng gọn gàng vị trí trên trang để hiển thị các danh mục và thứ tự theo luồng. Nó không cần phối màu sặc sỡ (liên quan đến chủ đề, logo màu cầu vồng cũ của Apple). Sử dụng trục trang x và y như thế này có nghĩa là nó có thể lưu các đường kết nối cho các loại thông tin khác.
Cuối cùng, như tôi đã đề cập khi bắt đầu, sơ đồ kiến trúc phần mềm là một ví dụ về bản đồ mạng, là một loại bản đồ. Vì vậy, bạn có thể lấy ý tưởng từ các bản đồ (bản đồ) thông thường, cũng có một vấn đề tương tự với nhiều loại thông tin dày đặc, phức tạp thường có kết nối và hướng - liên tục cố gắng ngăn chặn nhiều tín hiệu của bạn biến thành nhiễu.
Bản đồ Trục tạo ra các bản đồ typographic tuyệt vời có một số tỷ lệ nhiễu tín hiệu tốt nhất của bất kỳ đồ họa thông tin nào tôi từng thấy, chỉ bằng cách sử dụng nhãn của chúng làm những thứ mà nhãn nhãn - sau đó tô màu và một vài nét tinh tế của typograohy và khoảng cách để chỉ ra thể loại.
Nếu bạn không bận tâm đến một số kiểu chữ cực đoan, điều này có thể được sử dụng để chế ngự một biểu đồ dòng chảy ngoài tầm kiểm soát. Trông giống như công việc khó khăn, nhưng kết quả thật tuyệt vời.
