6 thuật ngữ thường gặp trong thiết kế UX/UI

Độ phổ biến của thiết kế UX/UI khiến cho các thuật ngữ chuyên ngành dần được sử dụng rộng rãi. Điều này cũng tạo nên khó khăn khi mà các UI Design không sử dụng chính xác được thuật ngữ và gây nhầm lẫn trong việc thiết kế của bản thân. Hãy cùng Capi Demy tìm hiểu những thuật ngữ thường gặp trong thiết kế UX/UI nhé!

1. Breadcrumbs

Breadcrumbs là một yếu tố đắc lực trong việc hỗ trợ người dùng, điều này dẫn đến việc UI Designer cần phải tập trung để phát triển nó. Nó cho phép người dùng chủ động về phương hướng và duy trì sự nhận dạng vị trí của họ ở website đó, đặc biệt là với website lớn có chứa nhiều nội dung. Việc này giúp thông tin tiếp cận được tối đa đến người truy cập. Sử dụng breadcrumb giúp người dùng dễ dàng di chuyển đến các phần khác mà hạn chế các thao tác hay việc “click back” về trang chủ.

Việc điều hướng website là phương pháp hữu hiệu để kích thích người dùng truy cập nhiều thông tin khác nhau của trang web và lựa chọn di chuyển đến các phần trang có thông tin liên quan. Điều này giúp giảm bớt tỷ lệ thoát trang và cải thiện chất lượng website.

2. 60 - 30 - 10 rule

Thuật ngữ này không chỉ giới hạn trong UI Design, nhưng lại được áp dụng triệt để nhất dành cho các thiết kế website. Bởi lẽ màu sắc có sự ảnh hưởng nhất định đến tâm lý và hành vi người dùng, và luật “60 - 30 - 10” cũng dần trở thành luật cơ bản mà mọi UI Designer đều nắm vững.

Cụ thể, giao diện của bạn sẽ có 60% màu chủ đạo (nên là màu trung hòa), 30% màu phụ và 10% là màu nhấn.

3. Vertical Rhythm

Vertical Rhythm đơn giản là khi đề mục văn bản được căn chỉnh thành các dòng ngang theo một nhịp nhất quán, làm cho văn bản gắn kết hơn và dễ đọc hơn.

Giống như trong âm nhạc, nhịp điệu là điều cần thiết. Một nhịp điệu hài hòa sẽ tạo cảm giác thoải mái và chuyên nghiệp, trong khi nhịp điệu tồi có thể khiến mọi thứ trở nên kì quặc. Các UI Designers nên áp dụng đúng vào thiết kế để tối ưu hóa sự thuận tiện dành cho người dùng.

4. Padding

Padding là khoảng trống tạo ra bởi khoảng cách của nội dung và viền bao quanh nó. Có 4 loại padding thông dụng bao gồm: padding-top, padding-bottom, padding-left, padding-right.

Tuy nhiên, nhiều người có thể dễ nhầm lẫn giữa padding và margin. Khác với Padding, Margin là khoảng cách giữa các yếu tố trong cùng một giao diện website. Cách phân biệt đơn giản nhất là Padding là khoảng trống bên trong viền, còn Margin là khoảng trống nằm ngoài viền.

5. Wizard

Là một đường thẳng nối tiếp diễn tả các bước cần thực hiện để hoàn thành công việc. Nó được sử dụng khi có nhiều hành động cần thực hiện hoặc form công việc quá dài. Wizard sẽ chia nhỏ chúng ra và hiện thành từng bước các bạn cần hoàn thành để nắm được tiến độ thực hiện.

6. Stepper

Stepper liên hệ trực tiếp đến Wizard, nó có chức năng giúp người dùng định hướng vị trí bản thân trên sơ đồ công việc. Ứng dụng của nó được sử dụng ở rất nhiều vị trí nhưng phổ biến nhất vẫn là kết hợp với Wizard.

Khi sử dụng Stepper, UI Design cần lưu ý những điều sau:

• Vị trí hiện tại của khách hàng
• Số các bước công việc
• Số bước đã hoàn thành
• Số bước cần được hoàn thành

Liên hệ tư vấn:

Inbox: m.me/CapiDemy.Edu

Email: capidemy@gmail.com

Address: Tầng 6, số 35 Tô Vĩnh Diện, Hà Nội

‍