24/03/2024
Khám Phá Các Thuật Ngữ Cơ Bản UI-UX (Phần 1)
UI - USER INTERFACE/ GIAO DIỆN NGƯỜI DÙNG
UI, hay Giao Diện Người Dùng, là những thứ mà bạn thấy và chạm vào khi bạn sử dụng một trang web hoặc ứng dụng. Đó có thể là nút, văn bản, hình ảnh, hay bất cứ thứ gì mà bạn tương tác được trên màn hình.
Thiết kế UI không chỉ làm cho mọi thứ trông đẹp mắt, mà còn đảm bảo rằng bạn có thể nhìn thấy và sử dụng mọi thứ một cách dễ dàng trên điện thoại, máy tính bảng, hoặc máy tính.
Mục tiêu của Thiết Kế UI không chỉ là làm cho giao diện trông đẹp, mà còn là để bạn có trải nghiệm tốt khi sử dụng ứng dụng hay trang web. Nó còn bao gồm việc tạo những chuyển động và hiệu ứng thú vị để làm cho mọi thứ trở nên sống động hơn. Đó là cách để khiến bạn thấy thoải mái và thú vị khi sử dụng các sản phẩm số!
UX - USER EXPERIENCE/ TRẢI NGHIỆM NGƯỜI DÙNG
UX, hay Trải Nghiệm Người Dùng, là cảm nhận và hài lòng của người dùng khi họ sử dụng sản phẩm. Nó liên quan đến việc làm cho ứng dụng dễ sử dụng, hấp dẫn và đáp ứng nhu cầu người dùng.
UX tham gia vào việc nghiên cứu, thử nghiệm, phát triển, và tạo nội dung để đảm bảo chất lượng sản phẩm.
Trong thực tế, UX thường áp dụng cho sản phẩm kỹ thuật số. Công việc của UX designer là kết hợp marketing, thiết kế và quản lý dự án để tạo ra trải nghiệm tốt nhất cho người dùng.
UX designer đảm bảo rằng quy trình phát triển sản phẩm được tối ưu hóa, từ việc phân tích đến thử nghiệm, để đáp ứng đồng thời cả nhu cầu doanh nghiệp và mong muốn của người dùng.
Flat design
Flat Design, hay còn gọi là thiết kế phẳng, là xu hướng thiết kế web/app độc đáo, bắt đầu nổi bật từ Window 8 của Microsoft và giao diện iOS 7. Phong cách này không sử dụng hiệu ứng như đổ bóng hay độ dốc, tạo ra những hình ảnh đơn giản và tối giản. Flat Design liên quan chặt chẽ đến xu hướng Minimalist, với sự tập trung vào sự dễ sử dụng và tính ứng dụng.
WIREFRAME
Wireframe là bản phác thảo quan trọng của giao diện người dùng (UI), giúp khách hàng và đội ngũ phát triển có cái nhìn tổng quan về website hoặc ứng dụng. Bước vẽ Wireframe không thể thiếu trong quá trình thiết kế UI UX, và có thể thực hiện bằng giấy hoặc các công cụ như Photoshop, Illustrator, InDesign. Wireframe tập trung vào bố cục, không chứa chi tiết về màu sắc hay nội dung, là cơ sở để tất cả các bên liên quan, từ designer đến developer, tham gia chỉnh sửa và đưa ra bản wireframe tối ưu nhất.
MOCK-UP - BƯỚC CUỐI CÙNG TRONG THIẾT KẾ UI.
Đơn giản, Mock-up là phiên bản chi tiết hóa của Wireframe với màu sắc, kích cỡ, font chữ, hình ảnh và các chi tiết nhỏ khác như đường kẻ, phân luồng. Nếu Wireframe chỉ là bản phác thảo về bố cục màn hình, thì Mock-up là bước làm rõ bên trong chiếc màn hình đó có gì, với mọi chi tiết rõ ràng đến những dấu câu nhỏ.
PROTOTYPE
Prototype là bản thử nghiệm đầu tiên của sản phẩm hoặc một phần của nó. Nó giúp designer và người dùng kiểm tra tính hợp lý, hiệu quả và sự dễ sử dụng của sản phẩm thiết kế trước khi đưa ra thị trường. Đây là cầu nối giữa ý tưởng và hiện thực, là bước quan trọng để đảm bảo sản phẩm cuối cùng đáp ứng đúng mong đợi của mọi người.