Distill

Khi nào nên sử dụng

/impeccable distill loại bỏ những gì không nên có. Nút cạnh tranh, thông tin dư thừa, viền trang trí, ba font nơi một hoạt động, sáu mục điều hướng nơi ba phù hợp. Sử dụng khi giao diện cảm thấy lộn xộn, bận rộn hoặc như đang cố làm quá nhiều cùng lúc.

Sử dụng sau khi /impeccable critique gắn cờ “tải nhận thức” hoặc “nhiễu trực quan”, hoặc bất cứ khi nào một trang đã phát triển theo cách tích lũy và chưa ai biên tập.

Cách hoạt động

Kỹ năng bắt đầu từ một câu hỏi: công việc duy nhất mà giao diện này đang cố làm là gì? Mọi thứ không giúp ích cho công việc đó đều nằm trong diện cắt bỏ.

Nó hoạt động trong hai lần:

1. Đánh giá nguồn phức tạp. Quá nhiều phần tử, biến thể quá mức, quá tải thông tin, nhiễu trực quan, phân cấp gây nhầm lẫn, feature creep. Đặt tên cho từng cái.
2. Biên tập không thương tiếc. Loại bỏ những gì không cần thiết. Kết hợp những gì có thể kết hợp. Ẩn những gì có thể chờ. Hợp nhất biến thể thành một cách xử lý duy nhất. Cam kết với một ngôn ngữ trực quan duy nhất.

Nguyên tắc: mọi phần tử trên trang phải biện minh cho sự tồn tại của nó. Ít trở ngại hơn, không phải ít tính năng hơn.

Thử ngay

/impeccable distill this dashboard

Trước: bốn kiểu thẻ, ba biến thể nút, hai cách xử lý header, một sidebar với 14 mục nhóm thành 5 phần.

Sau một lần /distill, thay đổi điển hình:

• Thu gọn bốn kiểu thẻ thành một
• Chọn một biến thể nút, giảm các biến thể khác thành liên kết văn bản
• Thống nhất các header
• Nhóm sidebar thành 3 phần, không phải 5
• Ẩn tùy chọn nâng cao sau một disclosure

Ít thứ hơn. Mỗi thứ rõ ràng hơn.

Những cạm bẫy cần tránh

• Nhầm lẫn distill với xóa. Distill loại bỏ trở ngại. Nó không loại bỏ tính năng người dùng cần. Nếu người dùng dựa vào thứ gì đó hàng ngày, tìm cách giữ lại nó một cách tinh tế, không phải cách cắt bỏ.
• Chạy quá sớm. Nếu tính năng vẫn đang phát triển, chắt lọc bây giờ có nghĩa là chắt lọc lại cùng thứ vào tuần sau. Đợi cho đến khi hình dạng ổn định.
• Kỳ vọng nó thay thế công tác phân cấp. Đôi khi sửa đúng không phải là loại bỏ thứ gì, mà là sắp xếp chúng. Sử dụng /impeccable layout khi vấn đề là bố cục, không phải số lượng.