paint-brush
Hệ thống thiết kế: Chìa khóa để mở rộng ứng dụng của bạn một cách hiệu quảtừ tác giả@elevenspace
413 lượt đọc
413 lượt đọc

Hệ thống thiết kế: Chìa khóa để mở rộng ứng dụng của bạn một cách hiệu quả

từ tác giả Eleven Space8m2023/04/27
Read on Terminal Reader

dài quá đọc không nổi

Hệ thống thiết kế là tập hợp các quy tắc thiết kế, mẫu tương tác, hướng dẫn, thành phần có thể tái sử dụng và tài liệu. Nó là một tài liệu sống cung cấp nền tảng cho việc thiết kế và xây dựng các tính năng mới, cũng như duy trì các tính năng hiện có. Nó thúc đẩy giao tiếp tốt hơn giữa các nhà thiết kế và nhà phát triển, đảm bảo thời gian lặp lại nhanh hơn, giảm chi phí và tính nhất quán của thiết kế.
featured image - Hệ thống thiết kế: Chìa khóa để mở rộng ứng dụng của bạn một cách hiệu quả
Eleven Space HackerNoon profile picture
0-item
1-item


Mở rộng chức năng ứng dụng của bạn là những phần thú vị và thách thức không kém. Nó đòi hỏi rất nhiều sự chuẩn bị, nghiên cứu, tuyển dụng thành viên nhóm mới, quản lý sự hợp tác giữa các bộ phận và đầu tư nguồn tài chính đáng kể để xây dựng một kiến trúc mới có thể đáp ứng cơ sở người dùng lớn và các tính năng mới.


Trước khi quyết định bắt tay vào cuộc hành trình này, hãy đảm bảo rằng bạn đã sử dụng hết tất cả các cơ hội mở rộng quy mô.

Phát triển trong khi vẫn giữ chi phí ở mức tối thiểu

Nhiều doanh nhân nhầm lẫn giữa "mở rộng quy mô" với "phát triển" và sử dụng các thuật ngữ này thay thế cho nhau, bỏ qua tiềm năng kinh doanh to lớn nằm ở việc tiếp cận nhiều người dùng hơn và tăng doanh thu trong khi vẫn giữ chi phí và tài nguyên ở mức tối thiểu. Một cách để đạt được điều này là tích hợp một hệ thống thiết kế vào chu trình phát triển ứng dụng của bạn.


Ngay cả khi các hệ thống thiết kế đã trở nên phổ biến trong những năm qua, dường như vẫn còn một số nhầm lẫn xung quanh khái niệm này, đặc biệt đối với những người không phải là chuyên gia trong lĩnh vực này.


Vì vậy, hãy bắt đầu với những điều cơ bản.

Hệ thống thiết kế là gì?

Hệ thống thiết kế là tập hợp các quy tắc thiết kế, mẫu tương tác, nguyên tắc, thành phần có thể tái sử dụng và tài liệu có thể được sử dụng khi tạo sản phẩm kỹ thuật số. Nó là một tài liệu sống cung cấp nền tảng cho việc thiết kế và xây dựng các tính năng mới, cũng như duy trì các tính năng hiện có.


Kết quả là, nó thúc đẩy giao tiếp tốt hơn giữa các nhà thiết kế và nhà phát triển, đảm bảo thời gian lặp lại nhanh hơn, giảm chi phí và tính nhất quán của thiết kế. Những thứ đó sẽ góp phần tạo nên trải nghiệm người dùng liền mạch.

Thiết kế các thành phần hệ thống

Mỗi hệ thống thiết kế đều khác nhau nhưng nhìn chung đều có 4 trụ cột chính:


  • Mã thông báo thiết kế là tất cả các yếu tố trực quan sẽ xác định các thành phần của hệ thống như màu sắc, kiểu chữ và hệ thống lưới. Chúng được nhóm sản phẩm sử dụng để duy trì thiết kế nhất quán và đóng vai trò là cơ sở để tạo các thuộc tính của thư viện thành phần.


  • Thư viện thành phần hợp nhất các phần tử tương tác sẽ được sử dụng để xây dựng giao diện ứng dụng như hình đại diện, nút, huy hiệu, hộp kiểm, bộ chọn ngày, phần tử đầu vào, nút radio và thanh tiến trình, v.v. Như đã đề cập ở trên, chúng được thiết kế với các thuộc tính cụ thể dựa trên các yếu tố ngôn ngữ thiết kế khiến chúng trở nên năng động. Chúng đặc biệt quan trọng đối với các lập trình viên trong giai đoạn phát triển.


  • Thư viện mẫu bao gồm các thành phần và mã thông báo thiết kế được sử dụng trong các đường dẫn chung bên trong ứng dụng, chẳng hạn như menu điều hướng và biểu mẫu. Thường được triển khai với phương pháp thiết kế nguyên tử , điều này cho biết thời điểm và cách thức các thành phần nên được sử dụng cũng như trạng thái khác nhau của chúng (di chuột, nhấp, chuyển tiếp, v.v.). Điều này đảm bảo trải nghiệm nhất quán cho người dùng cuối ứng dụng.


  • Nguyên tắc là tất cả các quy tắc và nguyên tắc mà người dùng hệ thống thiết kế phải tính đến khi làm việc với hệ thống. Nó phục vụ như một sổ tay hướng dẫn hiển thị hành vi và tương tác của thành phần đồng thời giúp việc giới thiệu thành viên mới hiệu quả hơn.


Giờ chúng ta đã tìm hiểu xong phần cơ bản, hãy xem cách hệ thống thiết kế có thể được tận dụng để mở rộng quy mô ứng dụng mà không phải đầu tư nhiều tài nguyên.

Chi phí mở rộng chức năng ứng dụng

Hãy xem xét ví dụ về một công ty B2C công nghệ giai đoạn đầu đối mặt với thách thức không đáp ứng thời hạn phát triển tính năng sản phẩm của họ và cần tìm giải pháp để đáp ứng kỳ vọng của các bên liên quan và nhà đầu tư.


Nhóm sản phẩm của họ bao gồm 1 x Chủ sở hữu sản phẩm, 1 x Nhà thiết kế, 5 x Nhà phát triển (Front và Back end) và 1 x Đảm bảo chất lượng.


Chúng ta sẽ khám phá thêm các kịch bản tiềm năng mà những người ra quyết định thường xem xét để thực hiện điều này, bao gồm chi phí và phân bổ nguồn lực cho mỗi tùy chọn. ‍

Tùy chọn A : trong trường hợp này, họ có thể chỉ định các thành viên hiện có trong nhóm hỗ trợ chức năng mới ngoài nhiệm vụ hàng ngày của họ và thuê các chuyên gia dựa trên dự án để xử lý khối lượng công việc bổ sung. Điều này đòi hỏi nguồn tài chính đáng kể để hỗ trợ chi phí lao động bổ sung, bên cạnh thời gian dài cần thiết để giới thiệu các thành viên mới.


Giải pháp thay thế cho tất cả những điều này là đầu tư vào một hệ thống thiết kế.


Tùy chọn B: thuê một công ty thiết kế chuyên dụng phát triển hệ thống thiết kế bên ngoài và tự thiết kế đường dẫn đăng ký sau khi hệ thống được đưa vào sử dụng.


Lựa chọn A

Lựa chọn B

Lực lượng lao động bổ sung

1 x Nhà thiết kế UX ( trung bình lương/giờ: 49$ )
2 x Nhà phát triển ( trung bình lương/giờ: 57$ Nhà phát triển front-end )

Cơ quan thiết kế / freelancer ( tối thiểu $60/giờ nhưng lệ phí phụ thuộc vào vị trí đại lý và chuyên môn)

Khung thời gian thực hiện dự án

- Tuyển dụng: tối thiểu. 1 tháng (do thám, phỏng vấn, giấy tờ)
- Lên tàu: 2 tuần
Thiết kế đường dẫn đăng ký: 1 tháng (nghiên cứu, wireframes, thiết kế, thử nghiệm, vòng phản hồi và cập nhật)
- Lộ trình phát triển đăng ký: 2 tháng
- Kiểm thử và tối ưu: 2 tuần

- Thiết lập cộng tác và tuyển dụng đại lý UI/UX: 2 tuần
- Phát triển hệ thống thiết kế: ±2 tháng
- Thiết kế đường dẫn đăng ký: 1 tuần
- Phát triển lộ trình đăng ký: 2 tuần
- Kiểm thử và tối ưu: 3 ngày

Tổng thời gian

5 tháng

4 tháng

Chi phí bổ sung

$40k
(1 x Nhà thiết kế $8k + 2 x Nhà phát triển $32k)

±20 nghìn đô la
(đối với mức trung bình ±60 đô la/giờ cho hệ thống thiết kế, bản thân đường dẫn đăng ký do nhóm hiện có phát triển nên không được coi là chi phí bổ sung)

Dựa trên các kịch bản trên, không chỉ hiệu quả hơn nhiều khi bắt đầu nghĩ đến việc triển khai một hệ thống thiết kế để khởi chạy đường dẫn đăng ký nhanh hơn mà đây thực sự là một khoản đầu tư sẽ mang lại kết quả trong ít nhất 5 năm.


Với mục đích của bài tập này, chúng tôi đã đưa ra một phân tích cơ bản về thời gian và nguồn lực cần thiết để triển khai mô hình dựa trên đăng ký, mô hình này yêu cầu thiết kế và phát triển một lộ trình mới cho các khoản thanh toán của người dùng cuối.


Chúng tôi đã quyết định thực hiện một cách tiếp cận tối giản, dễ hiểu để thay đổi sự hiểu lầm phổ biến rằng việc triển khai một hệ thống thiết kế là công việc tẻ nhạt, đòi hỏi quá nhiều thời gian và nguồn lực. Vì lý do này, nhiều doanh nhân có xu hướng trì hoãn việc áp dụng, đánh mất cơ hội thực sự tự động hóa và tối ưu hóa hoạt động kinh doanh của họ.


Tất nhiên, cách tính này sẽ khác nhau dựa trên từng trường hợp cụ thể của doanh nghiệp và chúng tôi khuyến khích các doanh nhân xem xét chi phí thực tế của họ trong từng trường hợp.

Bây giờ, hãy đi sâu hơn để xem tại sao các công ty khởi nghiệp đang phát triển nên xem xét một hệ thống thiết kế.

Lợi ích của một hệ thống thiết kế

Dựa trên kinh nghiệm của chúng tôi, việc triển khai một hệ thống thiết kế đã tăng tốc độ thiết kế và triển khai lên 65% trong một nhóm toàn chu kỳ, giảm công việc từ giai đoạn nước rút hai tuần, từ 10 ngày xuống còn 3,5 ngày. Phải mất vài tháng để xây dựng và thiết lập nó, nhưng mỗi khi một nhóm chọn cách tiếp cận này, họ đã thấy kết quả tuyệt vời.

  1. Giảm khối lượng công việc và chi phí Một trong những lợi ích chính của hệ thống thiết kế là khả năng mở rộng. Khi tất cả các thành phần đã được thiết kế, thật dễ dàng sao chép chúng và thực hiện các điều chỉnh nhỏ dựa trên nhu cầu cụ thể.


    Bằng cách này, thay vì phải bắt đầu lại từ đầu mỗi khi ứng dụng của bạn cần một tính năng mới, nhóm của bạn có thể chọn các phần của hệ thống thiết kế và xây dựng trên chúng. Thay vì lãng phí thời gian vào việc quyết định xem nút sẽ trông như thế nào, họ có thể tập trung vào các khía cạnh quan trọng hơn của doanh nghiệp, chẳng hạn như cải thiện luồng người dùng hoặc giải quyết các vấn đề không chỉ giảm chi phí mà còn thực sự tạo ra dòng tiền bổ sung.


  2. Cải thiện sự cộng tác giữa các nhóm

    Với một hệ thống thiết kế sẵn có, các nhà thiết kế và nhà phát triển có thể cộng tác hiệu quả hơn vì họ có quyền truy cập vào cùng một thông tin — như các mẫu và thành phần giao diện người dùng — trên các dự án. Nó làm giảm các vòng phản hồi và vô số thời gian lãng phí cho các cuộc họp và loại bỏ phỏng đoán. Quá trình trở nên dễ đoán hơn và quá trình giới thiệu trở nên dễ dàng hơn. Bất cứ khi nào một thành viên mới tham gia nhóm, tài liệu hệ thống thiết kế sẽ cho phép liên kết nhóm.


  3. Triển khai sản phẩm nhanh

    Các hệ thống thiết kế có thể giảm thời gian tiếp nhận các nhà thiết kế mới bằng cách cung cấp cho họ các ví dụ và hướng dẫn. Điều này có nghĩa là họ có thể bắt đầu đóng góp nhanh hơn và kết quả là nhóm của bạn sẽ gắn kết hơn. Nó cho phép bạn mở rộng quy mô nhóm của mình bằng cách sử dụng lặp đi lặp lại các mẫu giống nhau. Điều này có nghĩa là dành ít thời gian hơn cho việc đào tạo nhân viên mới và dành nhiều thời gian hơn cho việc tạo ra những sản phẩm tuyệt vời.


    Các hệ thống cũng giúp các nhà phát triển hiểu mọi thứ sẽ trông như thế nào và cảm nhận như thế nào. Họ có thể tham khảo hướng dẫn về phong cách trong khi xây dựng các tính năng mới hoặc thực hiện các thay đổi đối với các tính năng hiện có và không lãng phí thời gian vào tính thẩm mỹ. Điều này đảm bảo rằng mọi thứ trông nhất quán trên tất cả các nền tảng và thiết bị.


  4. Tăng tỷ lệ giữ chân khách hàng

    Trải nghiệm trực quan và được cân nhắc kỹ lưỡng có khả năng tăng chuyển đổi và xây dựng lòng trung thành của khách hàng, điều này tạo ra hiệu ứng tổng hợp về lâu dài.


    Như Nielsen Norman Group lưu ý : “Nếu một nhiệm vụ đặc biệt dễ hoàn thành so với mong đợi của người dùng, thì trải nghiệm đó có thể có tác động tích cực đến sản phẩm — người dùng có thể sẽ giới thiệu sản phẩm cho bạn bè và trở thành người dùng cũ” .

    Tính nhất quán, cộng tác nhóm tốt hơn và phân bổ tài nguyên thông minh góp phần tạo ra trải nghiệm liền mạch cho khách hàng của bạn trên các nền tảng và trong ứng dụng, tạo tiền đề cho sự phát triển lâu dài một cách hiệu quả.

Tùy chọn áp dụng hệ thống thiết kế

Nếu bạn đã bắt đầu nghĩ về cách tích hợp những lợi ích đó vào doanh nghiệp của mình, thì bạn phải chọn giữa hai tùy chọn áp dụng:


  • Tạo một hệ thống thiết kế tùy chỉnh

  • Điều chỉnh một cái hiện có, như một mã nguồn mở


Điều cần thiết là phải hiểu rõ nhu cầu của tổ chức bạn trước khi thiết lập một dự án hệ thống thiết kế và đánh giá cẩn thận sự cân bằng.


Nếu một tổ chức có các yêu cầu cụ thể mà hệ thống thiết kế nguồn mở không thể đáp ứng được, thì việc tạo ra một hệ thống thiết kế tùy chỉnh sẽ là một khoản đầu tư khôn ngoan.


Để thử nghiệm một hệ thống thiết kế, bạn có thể kiểm tra một số hệ thống mã nguồn mở phổ biến nhất:

Tỷ lệ lựa chọn hệ thống thiết kế mã nguồn mở được sử dụng hoặc dùng thử trong giai đoạn 2019-2021 | Nguồn


Suy nghĩ cuối cùng

Có nhiều cách để tiếp cận việc mở rộng ứng dụng, nhưng các hệ thống thiết kế cung cấp một nền tảng vững chắc cho khả năng mở rộng hiệu quả, do đó đại diện cho một giải pháp để chứng minh toàn bộ hệ thống trong tương lai. Nó không chỉ mang lại lợi ích lâu dài, mà tính toán nhanh chóng của chúng tôi thậm chí còn chứng tỏ một sự lựa chọn tài chính thông minh hơn cho các kế hoạch trước mắt.


Bằng cách sử dụng các hệ thống thiết kế, chúng tôi có thể giảm lượng thời gian dành cho việc phát minh lại bánh xe, cải thiện tính nhất quán giữa các sản phẩm và giảm chi phí bằng cách tái sử dụng các thành phần thay vì xây dựng chúng từ đầu mỗi lần.


Ban đầu được xuất bản ở đây