Oct 30, 2023

Sức mạnh của wireframes trong công việc Business Analyst (BA)

Trong quá trình làm việc của một Business Analyst (BA), wireframe đóng vai trò quan trọng trong việc hiểu và trình bày yêu cầu của khách hàng. Wireframe là một công cụ hữu ích giúp BA trực quan hóa các màn hình giao diện người dùng và tạo ra sự hiểu biết chung giữa BA và các bên liên quan. Chúng chính là vũ khí bí mật giúp tiết kiệm thời gian, cải thiện sự cộng tác và đảm bảo sự rõ ràng trong các yêu cầu phần mềm. Bài viết sau, cùng BAC tìm hiểu về sức mạnh của wireframes trong công việc Business Analyst (BA) và cách sử dụng wireframes để nâng cao hiệu suất công việc nhé.

1. Wireframes đại diện cho màn hình giao diện người dùng (GUI)

Về cơ bản, Wireframe là một biểu đồ đơn giản và hình thức của giao diện người dùng, đó là bất kỳ màn hình nào bạn nhìn thấy trên web, điện thoại hoặc hệ thống trên máy tính, hiển thị thông tin và cho phép bạn với tư cách là người dùng tương tác với hệ thống phần mềm.

Đối với một BA, wireframe giúp đại diện cho tập hợp các màn hình giao diện người dùng trong dự án. Nó cho phép BA và các bên liên quan nhìn thấy và hiểu cấu trúc, sự tương tác và hình dạng tổng thể của sản phẩm. Wireframe giúp xác định các yêu cầu chính và đảm bảo sự nhất quán trong GUI. Khi tạo wireframe, bạn đang tạo các bản trình bày về màn hình mới hoặc màn hình cập nhật sẽ trông như thế nào và chúng thường được bố trí ra sao khi phần mềm được xây dựng hoặc cập nhật.

2. Wireframes có các mức độ chi tiết khác nhau

Wireframe có thể có các mức độ chi tiết khác nhau với phần mềm được xây dựng, từ low-fidelity đến high-fidelity. Low-fidelity wireframes tập trung vào cấu trúc và sự sắp xếp chung của giao diện, medium-fidelity wireframe hiển thị chi tiết các thành phần UI trên màn hình nhưng có thể không thể hiện hoàn toàn giao diện thực tế, chẳng hạn như màu sắc, kiểu dáng và vị trí. Trong khi đó high-fidelity wireframe tạo ra một hình ảnh có độ chân thực cao về cách các yếu tố giao diện sẽ được hiển thị. BA có thể sử dụng từng loại wireframe tùy thuộc vào mục đích và giai đoạn của dự án để đảm bảo sự hiểu biết chính xác và sự nhất quán trong việc truyền đạt thông tin.

3. Cách tạo wireframe

Có nhiều cách để tạo wireframe, tùy thuộc vào sự lựa chọn và thích ứng của BA. Tuy nhiên, trước khi bắt đầu wireframing, BA cần phải nắm vững tổng thể của quy trình nghiệp vụ và hiểu rõ mục tiêu cụ thể mà người dùng cần có khi họ tương tác với hệ thống phần mềm.

Một số công cụ phổ biến để tạo wireframe bao gồm bút và giấy hay các công cụ vẽ trực tuyến như Sketch, Figma hoặc Adobe XD, cũng như các ứng dụng và phần mềm chuyên dụng. Quan trọng là tạo ra wireframe có thể truyền đạt ý tưởng và yêu cầu một cách rõ ràng và hiệu quả.

Khi bắt đầu thực hành vẽ wireframe, bạn có thể tham khảo sử dụng công cụ Balsamiq. Phần mềm này cho phép bạn tạo low-fidelity wireframes giống như được vẽ bằng tay. Điều này giúp bạn tránh bị sa vào các chi tiết về màn hình giao diện người dùng trông như thế nào về màu sắc, vị trí cũng như tất cả các sắc thái của thiết kế đồ họa ngay từ ban đầu. Hãy thực hành bằng cách:

Suy nghĩ và liệt kê những màn hình chính mà người dùng sẽ cần để hoàn thành bất kỳ mục tiêu nào.
Bắt đầu với màn hình đầu tiên với việc vẽ một khung đại diện cho màn hình đó.
Sau đó xác định bất kỳ không gian và khu vực trên màn hình, điều hướng màn hình và bố cục của nó.
Trả lời các câu hỏi “Team đang điều hướng giữa các màn hình bằng cách nào?”, “Bố cục chính của màn hình là gì?”
Sau đó, hãy nghĩ xem trên màn hình này có thông tin gì mà hệ thống cần hiển thị cho người dùng và tương tự người dùng sẽ cần cung cấp thông tin gì. Ngoài ra, bạn cần tưởng tượng và theo sát tất cả hành động mà user có thể thực hiện để đảm bảo các yếu tố như nút hoặc tra cứu, text box,... được cung cấp đầy đủ.
Các màn hình tiếp theo bạn có thể áp dụng các bước tương tự như trên. Tuy vậy, điều quan trọng trên hết là bạn phải khai thác triệt để sức mạnh của use case. Chúng đóng vai trò như một công cụ phân tích yêu cầu nhằm phát hiện ra các yêu cầu tiềm ẩn bị bỏ sót và đảm bảo thiết kế được toàn diện.

Nhờ việc tận dụng và kết hợp các use case vào quy trình wireframing, BA có thể đảm bảo rằng wireframe phản ánh chính xác các tương tác hệ thống mà người dùng mong muốn. Đồng thời góp phần đem lại sự thành công của các giải pháp phần mềm trực quan khi lấy người dùng làm trung tâm.

4. Lấy phản hồi từ các bên liên quan

Khi bạn wireframing, hãy đảm bảo việc thu thập sớm các đánh giá từ người dùng cuối và các bên liên quan trong doanh nghiệp thông qua các cuộc họp. Wireframe thực sự giúp người dùng của doanh nghiệp biết hệ thống trông như thế nào và cung cấp phản hồi chất lượng hơn so với việc họ cố đọc use case dưới dạng tài liệu.

Wireframe cung cấp một cơ hội quan trọng để lấy phản hồi từ các bên liên quan, bao gồm khách hàng, nhóm phát triển và các thành viên quan trọng khác. BA có thể sử dụng wireframe để bàn bạc, thảo luận và hiểu rõ các yêu cầu và mong muốn của các bên liên quan. Phản hồi này giúp cải thiện và điều chỉnh wireframe để đáp ứng đúng yêu cầu của dự án.

5. Một số thách thức cần chú ý khi tạo wireframe

Đầu tiên, đừng đầu tư quá mức vào việc tạo ra “wireframe hoàn hảo”. Điều bạn cần là tập trung vào việc làm cho chúng hữu ích hơn, chính xác hơn trong giai đoạn đầu của quá trình phân tích yêu cầu.

Thứ hai, nếu bạn đang làm việc với nhà thiết kế UX, PM hoặc nhà thiết kế đồ họa, có thể bạn sẽ kỳ vọng rằng họ đang tạo wireframe hoặc họ có thể lấy wireframe có độ trực quan thấp của bạn và chuyển chúng sang bản chi tiết nhất trước khi triển khai. Do đó, hãy luôn đảm bảo làm rõ vai trò của mình.

Thứ ba, khi liên lạc với nhóm technical, cần đảm bảo rằng wireframe không được sử dụng làm nguồn yêu cầu duy nhất vì điều này có thể dẫn đến những giả định sai lầm cũng như bỏ sót các yêu cầu tiềm năng. Wireframe cần luôn được hiệu chỉnh nhờ vào việc bổ sung các use cases, user stories, hoặc user interface specification.

Wireframe thực sự là một công cụ mạnh mẽ trong quá trình làm việc của một Business Analyst. Tận dụng sức mạnh của wireframe giúp bạn đạt được sự rõ ràng về chức năng phần mềm và tạo ra sự hiểu biết chung giữa BA và các bên liên quan. Hiểu và khai thác sức mạnh của wireframe sẽ giúp BA trở thành một người chuyên nghiệp và hiệu quả trong công việc của mình. Đừng quên ủng hộ và tiếp tục đón chờ các bài viết mới tại BAC's Blog nhé.

Nguồn tham khảo:
https://www.bridging-the-gap.com/

Nhu cầu đào tạo doanh nghiệp

BAC là đơn vị đào tạo BA đầu tiên tại Việt Nam. Đối tác chính thức của IIBA quốc tế. Ngoài các khóa học public, BAC còn có các khóa học in house dành riêng cho từng doanh nghiệp. Chương trình được thiết kế riêng theo yêu cầu của doanh nghiệp, giúp doanh nghiệp giải quyết những khó khăn và tư vấn phát triển.

CÁC KHOÁ HỌC BUSINESS ANALYST BACs.VN DÀNH CHO BẠN

Khoá học Online:

Khoá học Offline:

Tại Tp.HCM:

Tại Hà Nội:

Tham khảo lịch khai giảng TẤT CẢ các khóa học mới nhất

Ban biên tập nội dung - BAC

Click để đọc tiếp

Các Business Analyst cần trau dồi những công nghệ gì trong năm 2025

Đối với sự phát triển nhanh chóng của công nghệ ngày này, việc không ngừng trau dồi và học hỏi là điều bắt buộc mà các Business Analyst phải làm để phát triển hơn trong lĩnh vực phân tích nghiệp vụ. Trong bài viết này, các bạn hãy cùng BAC tìm hiểu các xu hướng và các kỹ năng mới để làm hành trang trên sự nghiệp Business Analyst nhé!
Sự khác biệt giữa UAT và Usability Testing Business Analyst cần lưu ý

UAT và Usability Testing thường được mang lên bàn cân để so sánh nhưng, đây là 2 phương pháp kiểm thử khác nhau. Trong khi Usability Testing đảm bảo sự hài lòng của người dùng thì UAT lại giúp các Business Analyst xác thực chức năng. Cả hai đều là một phần không thể thiếu để cung cấp một sản phẩm chất lượng cao. Hãy cùng BAC tìm hiểu ngay nhé!
API là gì? Khám phá cầu nối giữa các ứng dụng

API là nền tảng quan trọng kết nối các ứng dụng và dịch vụ trong kỷ nguyên số, tạo ra sự linh hoạt, hiệu quả và mở rộng cho các hệ thống. Bài viết sau giới thiệu API, cách hoạt động, các kiểu kiến trúc phổ biến cùng các công cụ kiểm thử API như Postman.
Meta AI là gì và cách sử dụng Meta AI hiệu quả 2025

Meta AI là một công cụ Trí Tuệ Nhân Tạo do chính công ty mẹ của Facebook, Instagram, WhatsApp ra mắt. Đây được xem là một cuộc cách mạng sẽ làm thay đổi cách mà các doanh nghiệp và người dùng sử dụng mạng xã hội.

Bình luận

Nguyễn Thị Mai Bình

Business Analyst

Với một người ngoại đạo như mình thì những chuyên đề về "kỹ thuật" của BA hết sức quan trọng. Ví dụ như sử dụng các diagram để mô hình hóa requirement, viết User Story/Use case, v...v..

Đến với khóa học Fundamental Business Analysis, mình đã được gặp thầy Lộc, một người người rất nhiệt tình và có tâm. Ngoài việc chia sẻ các kinh nghiệm thực tế trên lớp thì thầy còn dành thời gian ra để tư vấn, hỗ trợ, góp ý CV cho mình. Bên cạnh đó trung tâm và anh Phụng cũng hỗ trợ gửi CV, kết nối học viên tới mạng lưới các công ty đối tác chất lượng, điều này giúp học viên như mình tìm được công việc phù hợp nhất. Cảm ơn BAC.
Xem chi tiết +
Phạm Quế

Business Analyst

Khoá học Product Design của BAC đã cung cấp cho tôi nhiều kiến thức và nền tảng vô cùng hữu ích. Giảng viên giảng dạy rất nhiệt tình, truyền cho chúng tôi ngọn lửa đam mê và nhiệt huyết trong ngành. Đồng thời chia sẻ các kiến thức và kỹ năng cần thiết trong bài giảng một cách dễ hiểu hơn. Số lượng học viên không quá nhiều nên chất lượng giảng giạy vô cùng tốt. Giảng viên sửa bài tập 1-1 nên bài giảng sẽ chuyên sâu hơn.
Xem chi tiết +
Nguyễn Văn Long

Chuyên viên về chế độ kế toán & Giải pháp nghiệp vụ Tài chính kế toán trong ứng dụng CNTT - Tập đoàn Điện lực Việt Nam (EVN)

Tôi đã tham gia khóa Phân tích nghiệp vụ phần mềm cơ bản 3.0 tại BAC. Ở đây, tài liệu đào tạo cung cấp nhiều nội dung bổ ích và trình bày dễ hiểu. Giảng viên rất nhiệt tình, ngoài nội dung giảng dạy theo giáo trình còn chia sẻ nhiều kinh nghiệm thực tiễn, các câu hỏi của học viên đều được giải đáp ngay trên lớp và có minh họa từ các dự án trong thực tế. Sau tất cả, tôi cảm ơn BAC và Thầy giáo Thái Sơn.
Xem chi tiết +