Bên trong tâm trí của một nhà thiết kế UX & kỹ sư thiết kế

Inside the Mind of a UX Designer / Design Engineer

Trong thế giới sản phẩm kỹ thuật số, nơi mỗi cú nhấp chuột đều quan trọng và mỗi giây đều được tính toán, Nhà thiết kế UX và Kỹ sư thiết kế đóng vai trò là những người kể chuyện thầm lặng. Họ là những người đảm bảo rằng người dùng không chỉ sử dụng sản phẩm mà còn thích thú với nó.

Họ đang tạo ra các wireframe, xây dựng hệ thống thiết kế, hoặc thu hẹp khoảng cách giữa thiết kế và mã, những người này kết hợp sự sáng tạo với cấu trúc, trực giác với logic. Hãy cùng tìm hiểu sâu hơn về những gì thúc đẩy họ.

Ai là Nhà thiết kế UX và Kỹ sư thiết kế?

Hai vai trò này thường chồng chéo nhau trong các nhóm sản phẩm hiện đại:

Nhà thiết kế UX tập trung vào nghiên cứu người dùng, lập bản đồ hành trình, wireframe và nguyên mẫu. Mục tiêu của họ là làm cho sản phẩm trực quan, dễ tiếp cận và hiệu quả đối với người dùng thực.
Kỹ sư thiết kế (đôi khi được gọi là Kỹ sư UX hoặc Kỹ sư UI) chuyển đổi thiết kế thành các thành phần chức năng, tương tác, thường sử dụng mã cấp sản xuất. Họ đảm bảo những gì được xây dựng phù hợp với những gì đã được thiết kế—từng pixel, từng tương tác.

Cùng nhau, họ đảm bảo “cảm giác” của sản phẩm liền mạch như chức năng của nó.

Các đặc điểm chính của Nhà thiết kế UX / Kỹ sư thiết kế

1. Thấu cảm

Họ liên tục suy nghĩ về tư duy của người dùng: mục tiêu, sự thất vọng và kỳ vọng của họ. Họ hỏi, “Tương tác này có tự nhiên không?”

2. Tập trung vào chi tiết

Từ chiều rộng của một nút bấm đến tương tác nhỏ khi di chuột, họ ám ảnh về những điều nhỏ nhặt giúp cải thiện trải nghiệm người dùng.

3. Tư duy đa chức năng

Họ hợp tác với các nhà thiết kế, nhà phát triển, người quản lý sản phẩm và QA. Họ nói được cả Figma và mã.

4. Định hướng quy trình

Họ tin vào các hệ thống thiết kế, thư viện thành phần, tính nhất quán và khả năng truy cập như nền tảng, không phải là tính năng.

Công cụ & Stack phổ biến

Tùy thuộc vào trọng tâm của họ, bạn có thể thấy họ sử dụng:

Công cụ của Nhà thiết kế UX:

Figma, Sketch, Adobe XD
Miro, Whimsical (cho luồng người dùng và bản đồ hành trình), FigJam
Maze, UsabilityHub (để kiểm thử)
Notion hoặc Airtable (cho tài liệu UX)

Công cụ của Kỹ sư thiết kế:

HTML/CSS/JavaScript
React, Vue, hoặc Svelte (khung thành phần)
Storybook (cho tài liệu và kiểm thử thành phần)
Framer Motion, GSAP (cho hoạt ảnh)
Lighthouse, Axe, WAVE (cho khả năng truy cập và hiệu suất)

Điều gì khiến họ mất ngủ?

Một thiết kế đẹp nhưng không thể thực hiện được
Một thành phần không khớp với mockup - ư ư?
Các trạng thái di chuột không nhất quán trên các trang
Phản hồi như “Tôi không nhận thấy nút đó có thể nhấp được”
Việc chuyển giao thiết kế giống như việc vứt bỏ

Họ rất quan tâm đến sự tin tưởng của người dùng, tính rõ ràng và sự thích thú - khi nó không có, họ cảm nhận được điều đó.

UX + Cà phê = Cappuccino

Giống như cappuccino, chúng cân bằng, thanh lịch và được chế tạo với sự chủ ý.

Mịn (UX) ở trên, chắc chắn (logic) ở dưới
Làm hài lòng những người đánh giá cao sự tinh tế
Đồ uống của người coi trọng trải nghiệm, không chỉ là kết quả

Các nhà thiết kế UX và kỹ sư thiết kế không vội vàng. Họ tạo ra, lặp lại và đánh bóng cho đến khi tương tác cảm thấy vừa phải.

Nhiệm vụ hàng ngày

Xem xét phản hồi của người dùng và phân tích
Lặp lại nguyên mẫu Figma hoặc đánh bóng một thành phần trong Storybook
Đồng bộ với các nhà phát triển để đảm bảo việc thực hiện phù hợp với thiết kế
Thực hiện kiểm thử khả năng sử dụng hoặc sửa lỗi khả năng truy cập
Cập nhật hệ thống thiết kế với mẫu hoặc mã thông báo mới
Đọc nghiên cứu trường hợp UX hoặc chơi với thư viện hoạt ảnh mới

Đó là sự kết hợp của trực giác, phản hồi, độ chính xác và sự sáng tạo.

Tại sao họ quan trọng?

Đây là những người đảm bảo rằng phần mềm bạn sử dụng:

Không làm bạn bối rối
Không làm bạn thất vọng
Không làm bạn cảm thấy ngu ngốc

Họ ủng hộ người dùng trong mọi quyết định. Họ nhìn thấy những khoảng trống mà người khác bỏ lỡ và lấp đầy chúng bằng thiết kế chu đáo và sự tinh tế về chức năng.

Nếu không có họ, sản phẩm hoạt động nhưng hiếm khi cảm thấy đúng.

Kết luận

Nhà thiết kế UX và Kỹ sư thiết kế là chất kết dính giữa thiết kế và phát triển. Họ tạo ra dòng chảy, giảm thiểu ma sát và làm cho sản phẩm đáng nhớ—không chỉ dễ sử dụng.

Họ có thể không viết từng dòng mã, nhưng họ ảnh hưởng đến cảm giác của mỗi tương tác.

Vì vậy, lần sau khi bạn vuốt qua biểu mẫu thanh toán hoặc mỉm cười với hoạt ảnh nhỏ, hãy nhớ rằng: ai đó đã tạo ra khoảnh khắc đó với sự thấu cảm và mục đích (có thể gần đó có một tách cappuccino).