Cập nhật 20:06, 31/08/2023
1353 lượt xem
Admin
Các UI/UX designer tay mơ đã nhớ thiết kế các hạng mục này chưa? Thiết kế một sản phẩm digital khá phức tạp và bao gồm nhiều công đoạn, đôi khi điều này sẽ khiến các designer quên đi các yếu tố kém quan trọng khác. Tuy nhiên, đây lại chính là những yếu tố giúp nâng cao trải nghiệm người dùng. Các designer hãy luôn nhớ 6 thành phần UI/UX nêu dưới đây nhé!
Đây là 6 hạng mục UI/UX mà các designer tay mơ thường hay bỏ quên trong quá trình thiết kế:
Mục lục [Ẩn]
Khi chúng ta mở một ứng dụng mới tải về máy, Onboarding screen sẽ là thành phần giao diện hiện lên đầu tiên. Onboarding screen là hướng dẫn ngắn gọn về ứng dụng, các chức năng chính cũng như cách sử dụng.
Tóm lại, mục đích chính của Onboarding screen là để:
Skeleton loader được hiểu một cách đơn giản là khung nền tạo nên trang web. Loại khung này thay thế cho nội dung chính sắp được hiển thị, chúng xuất hiện trong quá trình tải dữ liệu.
Không cần dùng skeleton loader khi:
Những điều cần lưu ý khi dùng skeleton loader:
Empty state là trạng thái hiển thị khi người dùng truy cập vào trang web không có dữ liệu. Lúc này, designer cần thiết kế hình ảnh minh hoạ cho việc trang không có dữ liệu, từ đó gợi ý hành động tiếp theo cho người dùng. Ví dụ: Khi To-do list trống, designer có thể thêm nút “Tạo việc cần làm”.
Splash screen là phần giao diện xuất hiện đầu tiên khi người dùng khởi chạy ứng dụng hoặc trang web. Đây là cơ hội để tạo sự nhận thức về thương hiệu đối với người dùng, vì mắt họ sẽ có xu hướng tập trung vào màn hình trong lúc chờ đợi ứng dụng tải dữ liệu.
Splash screen có thể là ảnh tĩnh, đồ hoạ, logo hoặc ảnh động đi kèm với thanh hiển thị phần trăm loading (Progress bar). Thông thường, splash screen được áp dụng cho các thiết bị chạy chậm hoặc trong điều kiện internet yếu nhằm giảm cảm giác chờ đợi của người dùng.
Lỗi 404 xuất hiện khi người dùng truy cập vào trang web không tồn tại, liên kết bị sai hoặc liên kết không có thật, v.v. Điều này làm gián đoạn trải nghiệm của người dùng, tạo ra cảm giác khó chịu khi họ phải tìm cách quay lại trang chính. Vì vậy, designer nên thiết kế thông báo lỗi 404 để người dùng mất hứng thú với trang web.
Việc người dùng rời khỏi trang web không chỉ cho thấy UX có vấn đề, mà còn làm cho xếp hạng SEO của trang web đi xuống (Google đánh giá lỗi 404 là một yếu tố để xếp hạng SEO).
No internet state là trạng thái hiển thị khi thiết bị gặp vấn đề về kết nối internet, chẳng hạn như việc rớt mạng đột ngột hoặc mất kết nốt wifi trên máy bay. Cũng giống như mục empty state đã nêu bên trên, việc không có hình ảnh biểu đạt trạng thái ngoại tuyến sẽ làm gián đoạn trải nghiệm người dùng.
Thiết kế một sản phẩm digital khá phức tạp và bao gồm nhiều công đoạn, đôi khi điều này sẽ khiến các designer quên đi các yếu tố kém quan trọng khác. Tuy nhiên, đây lại chính là những yếu tố giúp nâng cao trải nghiệm người dùng. Các designer hãy luôn nhớ 6 thành phần UI/UX đã nêu nhé!
Nguồn: tổng hợp từ series UI/UX của Techie.
Riêng đối với PO business và PO toàn diện, trước khi chuyển đổi từ BA qua phải Brainwashing lại bản thân (Tẩy não toàn bộ tư duy gia công) vì các bạn làm BA 1 thời gian sẽ "bị" cái này vào lối mòn tư duy mà ko biết. Mục tiêu lúc nào cũng là tìm hiểu business problem, nghĩ giải pháp rồi bàn giao
Bài viết này được viết hoàn toàn dựa trên trải nghiệm thực tế của bản thân và áp dụng hiệu quả trong cuộc sống của mình, hi vọng nó cũng giúp ích cho các bạn.
Trong bài viết dưới đây, True Skill sẽ giới thiệu cho bạn cách sử dụng phương pháp MoSCoW để ưu tiên các nhiệm vụ của dự án hiệu quả hơn và đảm bảo mọi người đều mong đợi những điều tương tự
“INSPIRED is the authority on how to build a product that customers actually want. It’s not about hiring product managers - it’s about estab- lishing a culture that puts the user first, and builds the organization and teams around that customer to ensure that you are building the best product possible. From CEOs to APMs, this is required reading.” Nguồn: Marty Cagan
Hãy nhập ngay email của bạn vào form bên dưới để được nhận tư vấn trực tiếp từ trung tâm.
True Skill Center ra đời với mong muốn trở thành nơi đào tạo những kĩ năng thực chiến cho thị
trường lao động tri thức chất lượng cao.
Trụ sở chính: 220/66 Xô Viết Nghệ Tĩnh, phường 21, Bình Thạnh, Thành phố Hồ Chí Minh
0374 567 558
quynguyen@trueskillcenter.com
