Ways of working on Figma-DesignOps
Các vấn đề của DesignOps
Khi đặt dưới môi trường làm việc đội nhóm đòi hỏi tính tương tác cao, các phương pháp hay kĩ thuật cần có tính Khả thi cho mọi người, đặc biệt là outcome đem lại phải đáp ứng yêu cầu về thời gian, tính chính xác hay đồng nhất, kế thừa và khơi gợi được cảm hứng khi làm việc với nhau.
2 phương châm khi cộng tác:
- 🎯Collaboration for the common goal
- 💰Doing Things right and doing the Right things
👉 Tổ chức/sắp xếp các công việc theo cách nhằm cải thiện khả năng và năng lực cộng tác giữa các designer với nhau, đồng thời tăng được tốc độ và chất lượng khi hand-off các nguyên liệu thiết kế đến các developers.
5 collaboration principles
Tôi đã vận dụng phương pháp của Spotify giải quyết những vấn đề này. 5 nguyên lý cộng tác để cân bằng SPEED và VISIBILITY nhằm giúp tăng tốc workflow của designers và “show-off” với những designer/stakeholder khác trong các cross-projects.
- Thiết kế này đã bám theo design guideline chưa? Có đồng nhất với các thiết kế khác trong hoàn cảnh tương tự không?
- Quy hoạch/Quản lý file thiết kế như nào để dễ truy cập/dễ tìm khi cần
- Thiết kế tốt là thiết kế được tái sử dụng được nhiều và có sự liên quan đến các thiết kế khác. (Sự phát triển thiết kế là sự kế thừa từ thiết kế có sẵn, không phải là sự bùng nổ về “nguyên liệu” hay component)
- Ở cấp độ “địa phương-local component”, mỗi team sẽ chủ động và tự động hoá phân chia, tuy nhiên khi giao tiếp ở cấp độ “global-toàn cục” thì cần thoả mãn 4 cấp độ bên trên.
Design Collaboration Levels
3 cấp độ giao tiếp thiết kế:
Framework:
- Teams: Giao tiếp ở cấp độ Global gồm các file library dùng chung ở layer Foundation và OS version (mobile/web)
- Projects: Giao tiếp local nội bộ của mỗi team
- Specs: Giao tiếp chi tiết và tài liệu hoá để hand-off cho Dev
Single source of True
- Cung cấp các tài nguyên design, code, and documentation
- Xây dựng cho các hệ thống sản phẩm/dịch vụ khác nhau
- Được bảo trì kĩ càng một cách chủ động bởi team
- Có một giao diện trực quan để các kĩ sữ phát triển dễ dàng làm việc
Vấn đề quản lý file thiết kế
- File tôi cần đâu nhỉ?
- Cái này đã có chưa để mình tạo mới nhỉ?
- Mình có vài ý tưởng và phát hiện mới, không biết nên tạo mới và để ở đâu nhỉ?
- Cái này đã được review và feedback chưa?
- Cái nào là cập nhật mới nhất như đã thống nhất nhỉ?
Teams
Ở Ready, chúng tôi phân chia thành các Teams theo mỗi chapter riêng biệt.
- Ready Mobile
- Ready Website
- Ready Swap
- Ready Community
Projects
Design process với 3 bước
Hỗ trợ các designer và developer có thể dễ dàng truy cập và tìm kiếm các thiết kế nhanh chóng và chính xác:
- Design Delivery (Specs): tài liệu cập nhật chi tiết và đầy đủ thiết kế dành cho Dev.
- Các project khác được chia thành từng Feature, mỗi feature có thể nhiều Customer journey khác nhau (tương đương 1 file).
Specs
Từng team nên có một project để lưu trữ tất cả thông số kĩ thuật (specs), có nghĩa là “Nguồn sự thật” sẽ không nằm trong cùng một file dùng để khám phá hoặc phác thảo.
Có 3 động lực chính cho những quyết định như vậy:
- Giúp chúng tôi dễ dàng xác định các giải pháp và pattern hiện có trong sản phẩm
- Khuyến khích chúng tôi điều chỉnh và đồng nhất trải nghiệm các tính năng khác nhau với nhau trước khi được bắt đầu đưa vào xây dựng.
- Mọi người sẽ luôn biết nguồn gốc của sự thất ở chỗ nào khi cần.
