Dọn chỗ cho những điều sắp tới trên giao diện GitLab

Dọn chỗ cho những điều sắp tới trên giao diện GitLab

Trong suốt năm nay, giao diện sản phẩm đã trải qua một mùa thu gọn. Tiếp nối chế độ tối, thủy triều đang rút với viền ứng dụng yên lặng hơn, giảm màu sắc tổng thể và các điều khiển mang tính trung tính. Điều này có thể tạo cảm giác mất mát — thủy triều rút thường vậy. Nhưng chính khi thủy triều rút, bạn có thể nhìn rõ hình dạng bờ biển đủ để xây dựng điều gì đó mới trên đó.

Điều đến là một giao diện người dùng được thiết kế cho một kiểu công việc khác: nơi bạn không phải tìm nút phù hợp, mà nút sẽ xuất hiện đúng lúc bạn cần. Đây là một chuyển đổi khái niệm cần không gian để phát triển, và chúng tôi đang dọn đường cho điều đó.

Công nghệ trải qua những chu kỳ như vậy. Màn hình cảm ứng thay thế nút vật lý ban đầu có thể khiến ta cảm thấy mất mát, cho đến khi cử chỉ, giọng nói và phản hồi xúc giác mở ra một cách tương tác và biểu đạt sâu hơn. Dây cáp nhường chỗ cho không dây và mỗi bước chuyển thế hệ đều tạo ra ma sát trong một thời gian. Việc thủy triều rút không phải là điểm mấu chốt — điều quan trọng là khả năng của những gì kéo vào cùng với nó.

Những thay đổi trong giao diện GitLab bao gồm:

  • Trung tính hóa các hành động và điều khiển (nút, điều khiển biểu mẫu, công tắc, tab) đồng thời tăng cường độ tương phản
  • Mở rộng khả năng tùy chỉnh giao diện instance, phủ nhiều bề mặt hơn
  • Cập nhật bảng màu trung tính và áp sắc cho màu trung tính trong các chủ đề
  • Yếu tố thị giác mới theo phong cách ánh sáng “bloom” thu hút chú ý tới tương tác với GitLab Duo và những khoảnh khắc cần người dùng nhập liệu

Before and after showing component color changesCác thành phần trước (trái) và sau (phải)

Before and after showing theme color changesChủ đề giao diện trước (trên) và sau (dưới)

Crop of GitLab screen with new bloom asset positioned behind AI panelBloom xuất hiện phía dưới bảng GitLab Duo

Hành trình đến thiết kế mới

Phiên bản chu kỳ của chúng tôi bắt đầu từ nhiều năm trước khi chúng tôi loại bỏ nhiều biến thể Bootstrap cũ và tiếp tục khi chuyển sang tokens thiết kế. Thay vì chia sẻ một bảng màu lộn xộn, chúng tôi thu hẹp phạm vi các hạng mục như hành động, phản hồi và điều khiển. Màu sắc trong sản phẩm từng gặp vấn đề khi cố gắng thực hiện quá nhiều vai trò cùng lúc và dẫn đến một số màn hình trông “sáng rực như cây thông Giáng Sinh.” Nói chung, phần mềm doanh nghiệp giới hạn màu sắc để khi nó xuất hiện thì có ý nghĩa. Đó là hướng mà chúng tôi đã lặp lại trong nhiều năm.

Những thay đổi như vậy hiếm khi hoàn hảo ngay từ lần thử đầu. Có điều gì đó trông ổn trong đánh giá và thử nghiệm ban đầu, nhưng vấn đề chỉ hiện ra khi sử dụng rộng rãi trên diện tích sản phẩm lớn hơn. Người dùng có thể gặp khó khăn khi phân biệt hai trạng thái hoặc tìm một điều khiển, điều này cũng có thể gợi ý về những vấn đề UX hoặc bố cục lớn hơn cần sửa. Điều đó không riêng gì đợt triển khai này, đó là cách mà việc lặp lại hoạt động. Chúng tôi duy trì một issue phản hồi giao diện người dùng và xử lý các góp ý.

Chúng tôi đã đi được đến chỗ này mà chưa nhắc tới AI, nhưng bây giờ thì có. Một giao diện yên tĩnh hơn, mang tính khử bớt không phải là mục tiêu cuối cùng. Làn sóng giao diện tiếp theo sẽ không chỉ tồn tại trong những phần tử chờ được nhấp, mà sẽ hiện diện trong những khoảnh khắc thông minh, tự xuất hiện. Một giao diện vốn đã ồn ào sẽ lấn át kiểu tương tác như vậy.

Chúng tôi hiểu rằng không phải tất cả thay đổi đều được đón nhận theo cùng một cách — đôi khi vì lý do chủ quan, đôi khi vì những lý do rất khách quan. Sự phân biệt đó có ý nghĩa với chúng tôi và chúng tôi muốn nghe cả hai loại phản hồi. Hãy để lại ghi chú trong issue phản hồi.

Nếu bạn muốn thảo luận chi tiết hơn, nhận tư vấn chuyên môn về ảnh hưởng của thay đổi giao diện tới quy trình làm việc, hoặc cân nhắc triển khai các giải pháp tương tự cho tổ chức mình, hãy liên hệ với Softribution để được tư vấn chuyên sâu và mua các giải pháp phù hợp với nhu cầu doanh nghiệp của bạn.

Share this post