Thiết kế tối thiểu 3 giao diện người dùng chính: Ứng dụng nhắn tin, gọi điện Online

Thiết kế giao diện người dùng tối thiểu: Khám phá 3+ mẫu thiết kế giao diện chính giúp tối ưu trải nghiệm người dùng và tăng tính tương tác. Tìm hiểu ngay!

• Tác giả: Nguyễn Doãn Thông
• Trường học: Học Viện Công Nghệ Bưu Chính Viễn Thông Cơ Sở Tại Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Ứng Dụng Nhắn Tin Và Gọi Điện Online
• Loại tài liệu: Đồ Án Và Tích Lũy Cuối Kỳ
• Năm xuất bản: 2022
• Địa điểm: Thành Phố Hồ Chí Minh

Mục lục chi tiết

• I. XÁC ĐỊNH YÊU CẦU HỆ THỐNG
• 1. Vẽ sơ đồ mô hình hoạt động, workflow của hệ thống
• 2. Mô tả yêu cầu hệ thống
• II. PHÂN TÍCH HỆ THỐNG
• 1. Phân tích tĩnh
• 2. Phân tích động
• III. THIẾT KẾ HỆ THỐNG
• 1. Thiết kế kiến trúc hệ thống. Lựa chọn CSDL, các công nghệ ứng dụng trong hệ thống. Có giải thích lý do lựa chọn. Vẽ biểu đồ thiết kế cơ sở dữ liệu. Thiết kế một số giao diện người dùng chính (tối thiểu 3 giao diện)

Tóm tắt

I. Khám phá thiết kế giao diện người dùng tối thiểu là gì

Thiết kế giao diện người dùng tối thiểu (Minimalist User Interface Design) là một triết lý và phương pháp tiếp cận trong lĩnh vực thiết kế. Nó nhấn mạnh vào sự đơn giản, rõ ràng và tập trung vào chức năng cốt lõi. Nguyên tắc nền tảng của phong cách này là loại bỏ mọi yếu tố không cần thiết, từ chi tiết trang trí rườm rà đến các tính năng phức tạp, nhằm mang lại một giao diện người dùng sạch sẽ và trực quan. Mục tiêu cuối cùng không chỉ là thẩm mỹ, mà là cải thiện trải nghiệm người dùng (UX) bằng cách giảm tải nhận thức (cognitive load). Người dùng không phải mất thời gian để xử lý thông tin thừa thãi. Thay vào đó, họ có thể tương tác với sản phẩm một cách nhanh chóng và hiệu quả. Chủ nghĩa tối giản trong thiết kế không đồng nghĩa với việc thiếu thốn hay nhàm chán. Ngược lại, nó đòi hỏi sự tinh tế trong việc sử dụng các yếu tố cơ bản như không gian trắng (white space), typography trong thiết kế, và một bảng màu tối giản để tạo ra sự hài hòa và định hướng cho người dùng. Mọi thành phần xuất hiện trên màn hình đều phải có mục đích rõ ràng, góp phần vào việc hoàn thành nhiệm vụ của người dùng. Cách tiếp cận này giúp sản phẩm trở nên dễ tiếp cận hơn, tốc độ tải trang nhanh hơn và dễ dàng bảo trì, cập nhật hơn trong dài hạn. Đây là lý do tại sao minimalist UI design đã trở thành một xu hướng bền vững trong phát triển sản phẩm số hiện đại.

1.1. Định nghĩa về chủ nghĩa tối giản trong thiết kế UI UX

Trong bối cảnh UI/UX, chủ nghĩa tối giản trong thiết kế là việc áp dụng nguyên tắc 'càng ít càng tốt' (Less is More) vào quá trình xây dựng giao diện. Nó không chỉ là một phong cách trực quan mà là một chiến lược giải quyết vấn đề. Triết lý này ưu tiên sự rõ ràng và hiệu quả. Mỗi pixel, mỗi dòng chữ, mỗi icon đều được cân nhắc kỹ lưỡng về mục đích và giá trị mà nó mang lại. Các yếu tố cốt lõi bao gồm: việc sử dụng có chủ đích không gian trắng để tạo sự cân bằng và phân cấp thông tin; hệ thống typography trong thiết kế được lựa chọn cẩn thận để đảm bảo tính dễ đọc; và một bảng màu tối giản nhưng có độ tương phản cao để làm nổi bật các yếu tố tương tác quan trọng. Kết quả là một giao diện trực quan, nơi người dùng có thể dễ dàng xác định các hành động cần thực hiện mà không bị phân tâm bởi các chi tiết không liên quan. Điều này trực tiếp giúp tối ưu hóa giao diện cho mục đích sử dụng.

1.2. Lợi ích cốt lõi của một giao diện người dùng sạch sẽ

Một giao diện người dùng sạch sẽ mang lại nhiều lợi ích có thể đo lường được. Đầu tiên, nó giúp cải thiện trải nghiệm người dùng rõ rệt bằng cách giảm thời gian cần thiết để học và sử dụng sản phẩm. Khi các yếu tố không cần thiết bị loại bỏ, người dùng có thể tập trung vào các chức năng chính, dẫn đến tỷ lệ hoàn thành tác vụ cao hơn. Thứ hai, giao diện đơn giản thường có dung lượng nhẹ hơn, giúp cải thiện đáng kể tốc độ tải trang và ứng dụng, một yếu-tố-quan-trọng trong việc giữ chân người dùng. Thứ ba, việc phát triển và bảo trì trở nên dễ dàng hơn. Ít thành phần hơn đồng nghĩa với mã nguồn gọn gàng hơn, ít lỗi tiềm ẩn hơn và quá trình cập nhật cũng nhanh chóng hơn. Cuối cùng, một UI tối giản thường mang lại vẻ ngoài hiện đại, chuyên nghiệp và đáng tin cậy, góp phần xây dựng hình ảnh thương hiệu tích cực trong mắt người dùng.

II. Thách thức thường gặp khi áp dụng thiết kế giao diện tối giản

Mặc dù mang lại nhiều lợi ích, việc triển khai một thiết kế giao diện người dùng tối thiểu không phải lúc nào cũng đơn giản. Thách thức lớn nhất nằm ở việc tìm ra điểm cân bằng hoàn hảo giữa sự đơn giản và chức năng. Nếu loại bỏ quá nhiều yếu tố, giao diện có thể trở nên khó hiểu, thiếu các chỉ dẫn cần thiết và làm giảm khả năng sử dụng của sản phẩm. Người dùng có thể cảm thấy bối rối khi không tìm thấy các tính năng quen thuộc hoặc các nút điều hướng quan trọng. Một rủi ro khác là thiết kế trở nên quá đơn điệu, thiếu cá tính và không tạo được sự khác biệt so với đối thủ. Việc chỉ tập trung vào thiết kế phẳng (flat design) mà không có sự đầu tư vào typography hay iconography tối giản có thể dẫn đến một sản phẩm nhàm chán. Hơn nữa, việc truyền tải một lượng lớn thông tin phức tạp trên một giao diện tối giản là một bài toán khó. Các nhà thiết kế phải tìm cách cấu trúc thông tin một cách thông minh, sử dụng các kỹ thuật như phân cấp trực quan và tiết lộ dần dần (progressive disclosure) để không làm người dùng bị quá tải. Việc đạt được một UI tối giản hiệu quả đòi hỏi sự hiểu biết sâu sắc về hành vi người dùng, mục tiêu kinh doanh và các nguyên tắc thiết kế cơ bản, thay vì chỉ đơn thuần là loại bỏ các thành phần một cách máy móc.

2.1. Nguy cơ giao diện quá đơn điệu thiếu điểm nhấn

Một trong những cái bẫy lớn nhất của thiết kế tối giản là sự nhầm lẫn giữa 'tối giản' và 'trống rỗng'. Nếu không được thực hiện một cách khéo léo, việc loại bỏ các yếu tố có thể dẫn đến một giao diện thiếu sức sống và không có điểm nhấn. Để khắc phục điều này, nhà thiết kế cần tập trung vào chất lượng của các yếu tố còn lại. Một hệ thống typography trong thiết kế độc đáo, một bảng màu tối giản nhưng ấn tượng, hoặc một bộ iconography tối giản được thiết kế riêng có thể tạo ra sự khác biệt lớn. Việc sử dụng các hoạt ảnh tinh tế (microinteractions) cũng có thể thêm vào sự thú vị và phản hồi cho người dùng mà không phá vỡ sự sạch sẽ của giao diện. Mấu chốt là làm cho sự đơn giản trở nên có chủ đích và tinh xảo, chứ không phải là kết quả của việc thiếu đầu tư.

2.2. Cân bằng giữa thẩm mỹ và trải nghiệm người dùng tối ưu

Mục tiêu cuối cùng của minimalist UI design là cải thiện trải nghiệm người dùng, không phải chỉ để tạo ra một giao diện đẹp mắt. Sự cân bằng này là cực kỳ quan trọng. Một thiết kế có thể rất đẹp về mặt thẩm mỹ nhưng lại gây khó khăn cho người dùng trong việc tìm kiếm thông tin hoặc thực hiện hành động. Ví dụ, việc ẩn các menu điều hướng quan trọng sau một icon hamburger chỉ để giữ cho giao diện 'sạch' có thể làm giảm khả năng khám phá tính năng. Do đó, mọi quyết định thiết kế phải dựa trên dữ liệu và sự hiểu biết về người dùng. Các phương pháp như thử nghiệm A/B, phỏng vấn người dùng, và phân tích hành trình người dùng (user journey) là cần thiết để đảm bảo rằng các lựa chọn thiết kế tối giản thực sự giúp tối ưu hóa giao diện cho hiệu quả sử dụng, chứ không chỉ phục vụ cho mục đích thẩm mỹ đơn thuần.

III. Top 3 nguyên tắc vàng của thiết kế giao diện người dùng tối thiểu

Để xây dựng một thiết kế giao diện người dùng tối thiểu thành công, cần tuân thủ các nguyên tắc cốt lõi. Những nguyên tắc này không phải là các quy tắc cứng nhắc, mà là những định hướng giúp nhà thiết kế đưa ra quyết định đúng đắn trong suốt quá trình làm việc. Nguyên tắc quan trọng nhất chính là nguyên tắc 'Less is More'. Đây là kim chỉ nam cho việc loại bỏ mọi thứ không cần thiết để làm nổi bật những gì thực sự quan trọng. Nguyên tắc thứ hai là sự tôn trọng và tận dụng không gian trắng (white space). Không gian trắng không phải là 'không gian lãng phí', mà là một công cụ thiết kế mạnh mẽ giúp tạo ra sự cân bằng, phân cấp và cải thiện khả năng đọc. Cuối cùng, việc tập trung vào các chi tiết cơ bản như typography trong thiết kế và màu sắc là yếu tố quyết định. Một phông chữ được lựa chọn tốt và một bảng màu giới hạn nhưng hài hòa có thể truyền tải thông điệp và cảm xúc của thương hiệu một cách hiệu quả hơn bất kỳ hình ảnh trang trí phức tạp nào. Việc áp dụng thành thạo ba nguyên tắc này sẽ giúp tạo ra một giao diện trực quan, thanh lịch và tập trung vào việc phục vụ người dùng một cách tốt nhất.

3.1. Nguyên tắc Less is More Loại bỏ yếu tố không cần thiết

Nguyên tắc 'Less is More' là linh hồn của chủ nghĩa tối giản trong thiết kế. Nó đòi hỏi một quá trình biên tập không ngừng: liên tục đặt câu hỏi 'Thành phần này có thực sự cần thiết không?'. Mục tiêu là giảm thiểu số lượng các yếu tố trên màn hình, bao gồm các nút, văn bản, hình ảnh, và đường kẻ. Ví dụ, thay vì sử dụng các đường viền để phân chia các khu vực, có thể sử dụng không gian trắng để tạo ra sự tách biệt một cách tự nhiên. Mỗi quyết định loại bỏ phải được cân nhắc cẩn thận để đảm bảo không làm mất đi chức năng quan trọng. Áp dụng nguyên tắc này giúp hướng sự chú ý của người dùng vào nội dung chính và các lời kêu gọi hành động (CTA), từ đó cải thiện trải nghiệm người dùng và tăng tỷ lệ chuyển đổi.

3.2. Sức mạnh của không gian trắng và typography trong thiết kế

Không gian trắng, hay còn gọi là không gian âm, là khoảng trống giữa các yếu tố trong một thiết kế. Trong UI tối giản, nó đóng vai trò trung tâm. Không gian trắng giúp giảm bớt sự lộn xộn, tạo ra một cảm giác bình tĩnh và có tổ chức. Nó giúp mắt người dùng nghỉ ngơi và dễ dàng quét qua thông tin. Bên cạnh đó, typography trong thiết kế trở thành một yếu tố trang trí chính. Việc lựa chọn phông chữ, kích thước, trọng lượng và khoảng cách giữa các chữ cái (kerning) có thể tạo ra sự phân cấp thông tin rõ ràng mà không cần đến các yếu tố đồ họa khác. Một hệ thống typography nhất quán và dễ đọc là nền tảng của một giao diện người dùng sạch sẽ và chuyên nghiệp.

IV. Cách thiết kế UI tối giản qua ví dụ ứng dụng thực tế

Lý thuyết về thiết kế giao diện người dùng tối thiểu chỉ thực sự có giá trị khi được áp dụng vào thực tế. Việc phân tích một sản phẩm cụ thể giúp hiểu rõ cách các nguyên tắc được triển khai. Dựa trên tài liệu nghiên cứu về 'Ứng dụng nhắn tin và gọi điện online' của nhóm sinh viên Học viện Công nghệ Bưu chính Viễn thông (2022), chúng ta có thể hình dung cách tối ưu hóa giao diện cho các tính năng cốt lõi. Tài liệu này mô tả chi tiết các use case như 'Nhắn tin', 'Gọi điện thoại/video call', và 'Quản lý danh bạ'. Đây là những chức năng cơ bản mà một thiết kế tối giản cần tập trung làm nổi bật. Thay vì thêm các tính năng phụ rườm rà, một UI tối giản hiệu quả sẽ tập trung vào việc làm cho các luồng công việc này trở nên mượt mà và không có ma sát. Ví dụ, màn hình chat sẽ loại bỏ mọi yếu tố gây nhiễu, chỉ để lại nội dung cuộc trò chuyện. Màn hình danh bạ sẽ sử dụng không gian trắng để danh sách bạn bè trở nên thoáng đãng và dễ tìm kiếm. Cách tiếp cận này không chỉ giúp cải thiện trải nghiệm người dùng mà còn phản ánh sự hiểu biết sâu sắc về nhu cầu thực sự của họ, đúng như mục tiêu phân tích hệ thống trong tài liệu đã đề ra.

4.1. Tối ưu hóa giao diện nhắn tin Tập trung vào nội dung

Theo tài liệu nghiên cứu (PTIT, 2022), use case 'Nhắn tin' là chức năng trung tâm. Để áp dụng thiết kế tối giản, giao diện nhắn tin cần được lược bỏ tối đa. Loại bỏ các đường viền không cần thiết giữa các tin nhắn, sử dụng màu nền tinh tế để phân biệt tin nhắn của người gửi và người nhận. Khu vực nhập liệu chỉ nên bao gồm một trường văn bản và một nút gửi rõ ràng. Các chức năng phụ như gửi tệp, hình ảnh có thể được ẩn sau một biểu tượng dấu cộng (+) đơn giản, tuân thủ theo phong cách iconography tối giản. Cách làm này giúp toàn bộ sự chú ý của người dùng được dồn vào nội dung cuộc hội thoại, tạo ra một giao diện người dùng sạch sẽ và không gây xao lãng, đáp ứng trực tiếp yêu cầu 'Người dùng có thể gửi tin nhắn văn bản, hình ảnh, tệp đính kèm' một cách hiệu quả nhất.

4.2. Thiết kế tính năng gọi điện trực quan không gây nhiễu

Đối với use case 'Gọi điện thoại/video call', một giao diện trực quan là yếu tố sống còn. Khi người dùng thực hiện cuộc gọi, màn hình nên hiển thị rõ ràng ảnh đại diện, tên người nhận và các nút điều khiển cơ bản (tắt tiếng, bật video, kết thúc cuộc gọi) với kích thước lớn và khoảng cách hợp lý để dễ dàng thao tác. Tài liệu gốc mô tả chuỗi sự kiện: 'Người dùng click vào button gọi'. Trong một UI tối giản, button này phải nổi bật và dễ nhận biết. Trong quá trình gọi, các thông tin không cần thiết nên được ẩn đi để không gian màn hình tập trung vào video call. Việc sử dụng thiết kế phẳng (flat design) cho các icon điều khiển giúp giao diện trông hiện đại và gọn gàng. Sự đơn giản này giúp người dùng tập trung vào cuộc trò chuyện, đúng với bản chất của tính năng.

V. Phân tích xu hướng Minimalist UI Design và tương lai

Xu hướng thiết kế giao diện người dùng tối thiểu không ngừng phát triển. Nó không còn chỉ là việc sử dụng màu trắng và đen. Các nhà thiết kế hiện đang khám phá những cách tiếp cận mới để làm cho sự tối giản trở nên phong phú và hấp dẫn hơn. Một trong những xu hướng nổi bật là sự phát triển của thiết kế phẳng (flat design) lên phiên bản 2.0, hay còn gọi là 'almost flat', với việc bổ sung các hiệu ứng đổ bóng tinh tế, gradient nhẹ nhàng để tạo chiều sâu và phân cấp mà không làm mất đi sự sạch sẽ. Thêm vào đó, vi tương tác (microinteractions) đang trở thành một phần không thể thiếu. Những hoạt ảnh nhỏ khi người dùng nhấn nút hay tải dữ liệu cung cấp phản hồi trực quan, làm cho trải nghiệm người dùng trở nên sống động và thú vị hơn. Tương lai của minimalist UI design sẽ hướng đến sự cá nhân hóa và thông minh hơn, nơi giao diện có thể tự điều chỉnh để hiển thị thông tin phù hợp nhất với ngữ cảnh của người dùng, tiếp tục theo đuổi mục tiêu cao nhất: loại bỏ mọi rào cản giữa người dùng và mục tiêu của họ.

5.1. Sự trỗi dậy của thiết kế phẳng Flat Design 2.0

Thiết kế phẳng (Flat Design) là một nhánh quan trọng của chủ nghĩa tối giản. Ban đầu, nó tập trung vào các yếu tố hai chiều, loại bỏ hoàn toàn các hiệu ứng 3D. Tuy nhiên, xu hướng hiện tại là Flat Design 2.0, một phiên bản cải tiến. Nó vẫn giữ sự đơn giản của thiết kế phẳng nhưng thêm vào các lớp, bóng đổ và gradient một cách tinh tế để tạo ra chiều sâu và làm rõ các yếu tố có thể tương tác. Điều này giúp giải quyết một trong những chỉ trích ban đầu của thiết kế phẳng là khó phân biệt đâu là nút bấm, đâu là văn bản tĩnh. Sự kết hợp này tạo ra một giao diện trực quan hơn, dễ sử dụng hơn trong khi vẫn duy trì được thẩm mỹ của UI tối giản.

5.2. Tích hợp vi tương tác microinteractions một cách tinh tế

Vi tương tác là những chi tiết nhỏ, thường là hoạt ảnh, xảy ra khi người dùng tương tác với một phần tử trên giao diện. Trong thiết kế tối giản, chúng đóng vai trò quan trọng trong việc cung cấp phản hồi và hướng dẫn. Ví dụ, một nút có thể thay đổi màu sắc nhẹ nhàng khi di chuột qua, hoặc một biểu tượng có thể hoạt hình khi quá trình tải hoàn tất. Những chi tiết này làm cho trải nghiệm người dùng trở nên mượt mà và nhân văn hơn. Chúng thêm cá tính vào một giao diện người dùng sạch sẽ mà không cần thêm bất kỳ yếu tố đồ họa nào, chứng minh rằng sự tối giản có thể sống động và hấp dẫn.

Trích đoạn nội dung tài liệu

BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG CƠ SỞ TẠI THÀNH PHỐ HỒ CHÍ MINH KHOA CÔNG NGHỆ THÔNG TIN II TP. HCM, THÁNG 12/2022 MỤC LỤC I. XÁC ĐỊNH YÊU CẦU HỆ THỐNG 3 1. Vẽ sơ đồ mô hình hoạt động, workflow của hệ PHÂNĐỒ ÁN VÀ TÍCH CUỐI KỲ KẾ THIẾT HỆ THỐNG THÔNG TIN Đề tài: ỨNG DỤNG NHẮN TIN VÀ GỌI ĐIỆN ONLINE Sinh viên thực hiện: NGUYỄN DOÃN THÔNG - N19DCCN200 NGUYỄN THANH thống DŨNG - N19DCCN030 NGUYỄN THÁI TƯỜNG - 3 N19DCCN184 2.

Mô NGUYỄN MINH KHANG tả yêu - N19DCCN086 cầu VÕ ĐÔNG DUY - N19DCCN032 hệ TRỊNH QUỐC PHONG - thống N19DCCN141 Lớp: D19CQCNPM02-N 3 3. Vẽ các biểu đồ tuần tự tương ứng (tối thiểu 5 biểu đồ) 25 4. Vẽ các biểu đồ hoạt động tương ứng (tối thiểu 5 biểu đồ) 29 II. PHÂN TÍCH HỆ THỐNG 31 1.

Phân tích tĩnh 31 2. Phân tích động 35 III. THIẾT KẾ HỆ THỐNG 37 1. Thiết kế kiến trúc hệ thống.

Lựa chọn CSDL, các công nghệ ứng dụng trong hệ thống. Có giải thích lý do lựa chọn. Vẽ biểu đồ thiết kế cơ sở dữ liệu. Thiết kế một số giao diện người dùng chính (tối thiểu 3 giao diện) 42 I.

XÁC ĐỊNH YÊU CẦU HỆ THỐNG 1. Vẽ sơ đồ mô hình hoạt động, workflow của hệ thống 2. Mô tả yêu cầu hệ thống - 2. Yêu cầu nghiệp vụ Stakeholder cần một ứng dụng mobile nhắn tin gọi điện online, gồm các tính năng : - Quản lý người dùng, profile - Nhắn tin, upload hình ảnh, file - Gọi điện online - Tạo nhóm chat - Quản lý các cuộc gọi tin nhắn 2.

Xác định và mô tả các tác nhân - Người dùng(User) : Một người sử dụng được lưu trữ thông tin trong CSDL hệ thống. Mỗi người dùng được sử dụng email và mật khẩu để đăng nhập vào hệ thống. Thực hiện các chức năng nhắn tin, gọi điện online - Người quản lý(Admin) : Một người có thể truy cập vào CSDL hệ thống, quản lý và xem thông tin user trên hệ thống. Mỗi admin sử dụng email và mật khẩu để đăng nhập vào quản lý hệ thống 2.

Xây dựng bảng thuật ngữ STT Tiếng anh Tiếng việt Giải thích nội dung 1 User Người dùng Là người sử dụng ứng dụng với các chức năng của hệ thống 2 Admin Người quản trị Là người quản trị hệ thống, quản lý các người dùng có trên hệ thống 3 Video call cuộc gọi bằng Người dụng gọi điện video thoại video tới bạn bè có trên hệ thống 2. Xác định và xây dựng các use case User - Nhắn tin: Người dùng có thể nhắn tin đến những người khác có trên hệ thống - Gọi điện thoại/video call : người dùng có thể gọi điện hoặc video call với những người khác có trên hệ thống - Tạo group chat : người dùng có thể tạo nhóm chat để thêm những thành viên khác vào nhóm - Quản lý cuộc gọi, tin nhắn : Người dùng xem lịch sử các cuộc trò chuyện, gọi điện - Tìm bạn bè : Người dùng có thể tìm kiếm bạn bè trên ứng dụng bằng email/số điện thoại/tên người dung - Danh bạ : người dùng xem danh sách bạn bè - Cài đặt : người dùng có thể cài đặt ứng dụng về ngôn ngữ, thông báo, chỉnh sửa thông tin người dùng Admin 1. Đăng nhập tài khoản : Admin sử dụng tài khoản admin để đăng nhập trang quản lý người dùng trên ứng dụng. Quản lý thông tin người dùng : Admin quản lý thông tin người dùng trên ứng dụng, admin có thể xóa hoặc chặn tài khoản người dùng bất kì 2.

Xây dựng kịch bản Use Case : Nhắn tin 1. Người dùng đăng nhập vào ứng dụng 2. Người dùng tìm kiếm người nhắn tin 3. Người dùng chọn người để nhắn tin 4.

Người dùng soạn tin nhắn 5. Người dùng gửi tin nhắn Use Case : gọi điện thoại/video call 1. Người dùng đăng nhập vào ứng dụng 2. Người dùng tìm kiếm người để goi điện 3.

Người dùng chọn người để gọi điện 4. Người dùng tiến hành chọn phương thức gọi điện a. Gọi thoại : chỉ có âm thanh, không có video b. Gọi video : gọi âm thanh và video 5.

Người dùng bắt đầu thực hiện cuộc gọi Use Case : Tạo nhóm trò chuyện 1. Người dùng đăng nhập vào ứng dụng 2. Người dùng tạo mới cuộc trò chuyện 3. Người dùng thêm bạn bè vào nhóm trò chuyện 4.

Người dùng hoàn tất tạo nhóm trò chuyện Use Case : Quản lý cuộc gọi, tin nhắn 1. Người dùng đăng nhập vào ứng dụng 2. Người dùng vào xem danh sách lịch sử cuộc gọi Use Case : Tìm bạn bè 1. Người dùng đăng nhập vào ứng dụng 2.

Người dùng vào tìm kiếm bạn bè 3. Hệ thống trả kết quả theo thông tin người dùng tìm kiếm Use Case : Cài đặt 1. Người dùng đăng nhập vào hệ thống 2. Người dùng muốn thiết lập cài đặt cho ứng dụng a.

Thông tin người dùng Use Case : Xem danh bạ 1. Người dùng đăng nhập vào hệ thống 2. Người dùng xem danh bạ: những người đã kết bạn trên ứng dụng 2. Yêu cầu hệ thống 2.

Xác định và mô tả các tác nhân - Người dùng (User) : là người có tài khoản trên hệ thống, sử dụng các tính năng của hệ thông - Người quản lý Admin: Là người quản lý người dùng trên hệ thống, admin có thể xóa, chặn người dùng. Xác định và mô tả các ca sử dụng User 1. UC-1 Đăng ký : người dùng đăng ký tài khoản trên hệ thống 2. UC-2 Đăng nhập : các tác nhân đăng nhập vào hệ thống để sử dụng các tính năng 3.

UC-3 Quên mật khẩu : người dùng không nhớ mật khẩu, muốn cập nhật lại mật khẩu 4. UC-4 Nhắn tin: Người dùng có thể nhắn tin đến những người khác trên hệ thống. Người dùng có thể gửi tin nhắn văn bản, hình ảnh, tệp đính kèm. UC-5 Xem thông tin cá nhân người nhắn: người dùng xem thông tin cá nhân của người nhắn tin 6.

UC-6 Gọi điện thoại/video call : người dùng có thể gọi điện hoặc video call với những người khác có trên hệ thống 7. Tạo group chat : người dùng có thể tạo nhóm chat để thêm những thành viên khác vào nhóm 8. Thêm thành viên vào nhóm : người dùng thêm thành viên vào nhóm 9. Xóa thành viên khỏi nhóm: người dùng xóa thành viên ra khỏi nhóm 10.Xem thành viên nhóm : người dùng xem danh sách thành viên trong nhóm chat.Xóa bạn: người dùng có thể xóa bạn bè để người này không nằm trong danh sách bạn bè.Chặn bạn: Người dùng có thể chặn những người làm phiền, những người bị chặn không thể nhắn tin cho người dùng.Xóa tin nhắn: Người dùng có thể xóa các đoạn chat 14.Rời khỏi nhóm: Người dùng rời khỏi nhóm chat.Xem file phương tiện đã chia sẻ : Người dùng có thể xem lại các file phương tiện : Hình ảnh, tài liệu, link đã chia sẻ trong đoạn chat 16.Cài đặt thông báo cuộc trò chuyện: người dùng thiết lập bật/tắt thông báo cho đoạn chat.Quản lý cuộc gọi, tin nhắn : Người dùng xem lịch sử các cuộc trò chuyện, gọi điện 18.Tìm bạn bè : Người dùng có thể tìm kiếm bạn bè trên ứng dụng bằng email/số điện thoại/tên người dung 19.Tìm kiếm tin nhắn : Người dùng có thể tìm kiếm tin nhắn đã gửi trong ứng dụng 20.Danh bạ : người dùng xem danh sách bạn bè 21.Lời mời kết bạn: Người dùng xem danh sách những lời mời kết bạn.Xem danh sách bạn bè đang hoạt động: Hệ thống hiển thị danh sách bạn bè đang có mặt ở trên ứng dụng 23.Cài đặt : người dùng có thể cài đặt ứng dụng về ngôn ngữ, thông báo, chỉnh sửa thông tin người dùng 24.Đổi mật khẩu : người dùng đổi mật khẩu tài khoản 25.Đăng xuất : người dùng đăng xuất ra khỏi hệ thống Admin 1.

Đăng nhập tài khoản : Admin sử dụng tài khoản admin để đăng nhập trang quản lý người dùng trên ứng dụng. Quản lý thông tin người dùng : Admin quản lý thông tin người dùng trên ứng dụng, admin có thể xóa hoặc chặn 2. Xây dựng kịch bản 2. Yêu cầu chức năng Tên Use Case Đăng ký Tác nhân chính Người dùng hệ thống Điều kiện trước Người dùng đã tải về ứng dụng Đảm bảo tối thiểu Hệ thống cho phép người dùng đăng ký tài khoản Điều kiện sau Người dùng đăng ký được tài khoản vào hệ thống Chuỗi sự kiện 1.

Người dùng mở ứng dụng chính 2. Nếu người dùng chưa có tài khoản trên hệ thống, người dùng tiến hành đăng ký tài khoản 3. Hệ thống hiển thị màn hình hiển thị thông tin để người dùng nhập thông tin tài khoản 4. Xác thực tài khoản 5.

Sau khi đăng ký tài khoản thành công, quay về màn hình đăng nhập để người dùng đăng nhập vào hệ thống Ngoại lệ 1. Người dùng điền không đầy đủ thông tin vào các trường bắt buộc ➢ Hệ thống báo lỗi và yêu cầu nhập đầy đủ thông tin 2. Người dùng nhập thông tin sai định dạng của các field ➢ Hệ thống báo lỗi và yêu cầu nhập đúng định dạng Tên Use Case Đăng nhập Tác nhân chính Người dùng hệ thống Điều kiện trước Người dùng đã có tài khoản Đảm bảo tối thiểu Hệ thống cho phép người dùng đăng nhập lại Điều kiện sau Người dùng đăng nhập được tài khoản vào ứng dụng Chuỗi sự kiện 1. Người dùng chọn chức năng đăng nhập chính trên ứng dụng 2.

Hệ thống hiển thị form đăng nhập 3. Người dùng nhập tài khoản và mật khẩu của mình 4. Hệ thống kiếm tra tính hợp lý của tài khoản và mật khẩu 5. Hệ thống hiển thị giao diện tương ứng với tác nhân Ngoại lệ ❖ Người dùng nhập tài khoản và mật khẩu sai ➢ Hệ thống thông báo lỗi và yêu cầu nhập lại Tên Use Case Quên mật khẩu Tác nhân chính Người dùng hệ thống Điều kiện trước Người dùng đã có tài khoản Đảm bảo tối thiểu Hệ thống cho phép người dùng đăng nhập lại Điều kiện sau Người dùng cập nhật mật khẩu mới Chuỗi sự kiện 1.

Người dụng chọn chức năng quên mật chính khẩu 2. Hệ thống hiển thị form yêu cầu nhập thông tin email/số điện thoại 3. Hệ thống gửi mã xác nhận về email/sđt người dùng 4. Người dùng nhập mã xác nhận 5.

Sau khi nhập mã xác nhận thành công, người dùng cập nhật mật khẩu mới Ngoại lệ 1. Người dùng nhập sai định dạng email/số điện thoại a. Hiển thị thông báo lỗi yêu cầu nhập lại 2. Người dùng nhập sai mã xác nhận a.