Chuyển đến nội dung chính

UI - User interface

I. Định nghĩa giao diện người dùng: 
   Giao diện người dùng hay viêt tắt là UI là giao diện tương tác giữa người dùng và hệ thống. Ở đó người người dùng có thể nhận thông tin, tương tác và nhận được các phản hồi từ hệ thống. Đơn giản hơn nữa là những gì bạn nhìn thấy và thao được khi vào một ứng dụng, hệ thống để thự hiện mục đích của mình.
   Giao diện bao gồm: Bố cục, văn bản, màu sắc, hình ảnh, hiệu ứng ....

II.Mục đích của giao hiện:
    Tất nhiên là dùng để giao tiếp ( tương tác) giữa người dùng và hệ thống.
    Ngoài ra giao diện phải thu hút được người dùng, tạo tâm lý thoải mái thân thiện và đơn giản các thao tác của người dùng nhưng vẫn đạt được yêu cầu và mục địch của người dùng.

III. Yêu cầu của giao diện:
1. Đơn giản: là giao diện có bố cục rõ ràng, thao tác đơn giản, hỗ trợ các control key.

2. Thống nhất: 
    - Các giao diện trong cùng hệ thống phải thống nhất về bố cục, màu sắc, kiểu chữ, và các thao tác phổ biến trong hệ thống.
    - Các giao diện cũng cần tuân theo các qui định chuẩn hoặc các hệ thống phổ biến mà đã gây ảnh hưởng đến thói quen người dùng...

3. Thân thiện, gần gũi và tiếp cận người dùng: Là giữ cho những tính năng điều khiển quan trọng và tùy chọn menu dễ dàng truy cập trên giao diện người dùng, các thông tin phải có điểm nhấn, màn hình đơn giản nhưng không đơn điệu tạo nên sự tin cậy và thaoir mái cho người dùng.


IV. Các lỗi thường gặp phải khi kiểm tra giao diện:
1. Các thao tác phức tạp, gây hiểu lầm cho người dùng.
2. Không hỗ trợ các Control key như: Enter, Ctrl+A, Ctrl+C, Ctrl+V, Tab, ...
3. Chất lượng hình ảnh
4. Một số tiêu chuẩn như:
    - Các button phổ biến: nút, closed, nút check xác nhận, nút submit
    - Chuyển trang đột ngột nhưng không thông báo cho người dùng.
    - Kích thước pup-up lúc lớn lúc nhỏ
    - Các message thông báo lỗi hiển thị không đúng: vị trí, nội dùng, kích thước ...
    - Các validate không hiểu quả gây nên sai lầm cho người dùng
    - Hình ảnh không hiển thị, gây nên các box rỗng
    - HÌnh ảnh hiển thị không rõ, nhòa ... không đúng vị trí và design yêu cầu.
    - Các button không thống nhất về text, chức năng, hình dáng và kích thước ...
    

Nhận xét

Bài đăng phổ biến từ blog này

3Q6S - Tiêu chuẩn chất lượng công ty nhật

+  Ý nghĩa của 3Q6S -          Quality company: công ty tốt -          Quality worker: nhân viên tốt -          Quality Products : sản phẩm tốt -          Seiri : sắp xếp gọn gàng -          Seiton: đặt ngăn nắp, đúng chỗ -          Seiketsu : tinh khiết, sáng sủa -          Seisou: quét dọn sạch sẽ -          Saho : tác phong, hành động đúng -          Shitsuke : kỷ luật, nề nếp     – Lấy các chữ đầu của các mục trên để gọi là 3Q6S.        * Sắp xếp gọn gàng bao gồm ý nghĩa “Phân chia những vật cần thiết và không cần thiết, những vật không cần thiết không đặt ở nơi làm việc...

Tổng quan về solfware testing

Chương 1: Tổng quan về test phần mềm         1.1 Các giai đoạn test         1.2 Định nghĩa về test         1.3 Mục tiêu của test         1.4 Vai trò và nhiệm vụ của Tester. Chương 2: Những yêu cầu cần thiết khi thực hiện test        2.1 Ý nghĩa những tài liệu tester cần hiểu trước khi bắt đầu test        2.2 Hướng test cụ thể trong phần mềm Chương 3: Quy trình test       Sơ đồ tổng quát. Chương 4: Phương pháp test và kỹ thuật thiết kế testcase       4.1 Phương pháp test       4.2 Loại test       4.3 Test case Chương 5: Lỗi phổ biến trong phần mềm và cách Report Bug       5.1 13 lỗi phổ biến trong phần mềm (Bug type).       5.2 Report Bug Template. Chương 6: Test Plan và thế nào là Tester tốt A. TEST PLAN       I. Definitions:   ...

Các testcase cho màn hình login

I. Các thành phần thường có của màn hình login:     1. Logo     2. Username     3. Password     4. Remember Login     5. Submit button      ....... II. Các testcase: Check display when url is wrong Check validate of the code of url Check display of the login page when user enter url is true Check support Enter key for login button Check dislay when group is false Check login with correct username and password Check login with wrong username and password Check login with correct username and wrong password Check login with wrong username and correct password Check login with all empty fields Check login with correct username and empty password Check loginwith empty username and correct password Check when user checked [Remeber password] checkbox Check don't checked [Remeber password] checkbox Check unchecked [Remeber password] checkbox after checked [Remeber password] Check when user checked [Remebe...