Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions

Medium96 Hot7 min12 d agoAI

What software architecture unexpectedly taught me about enterprise design

Kiến trúc phần mềm đã vô tình dạy tôi những bài học bất ngờ về thiết kế doanh nghiệp thông qua các mô hình lặp đi lặp lại mà tôi không thể ngừng chú ý.

Lập trình viên nên đọc bài này để hiểu cách kiến trúc phần mềm có thể mang lại những nguyên tắc thiết kế doanh nghiệp hiệu quả, từ những mẫu mã không ngờ đến trong việc xây dựng hệ thống phức tạp.

#architecture #ux Source

Trendyol Tech1 Hot5 min1 d agoAI

Unlocking UX Secrets: How 1 Hour of Session Recordings Transformed Trendyol Seller Panel

Trendyol muốn nâng cấp trải nghiệm người bán trên Seller Panel nhưng cảm thấy các phương pháp nghiên cứu truyền thống như phỏng vấn hoặc khảo sát tốn thời gian và không nắm bắt được hành vi thực tế. Đội UX quyết định sử dụng công cụ ghi phiên (session recording) như Hotjar để thu lại và xem lại đúng 1 giờ bản ghi, tương đương khoảng 180 phiên làm việc của người bán trên hệ thống. Trong thời gian ngắn này họ phát hiện năm điểm cản trở UX rõ rệt, bao gồm menu lồng nhau khó truy cập, biểu mẫu nhập thông tin thiếu phản hồi ngay và quy trình xác thực sản phẩm bị gián đoạn bởi cửa sổ pop‑up không mong muốn. Sau khi sửa đổi những vấn đề này, tỷ lệ hoàn thành tác vụ của người bán tăng từ 68% lên 84% và số ticket hỗ trợ liên quan đến giao diện giảm khoảng 30%. Kinh nghiệm cho thấy chỉ cần một giờ tập trung phân tích dữ liệu ghi phiên có thể révéler nhiều vấn đề UX sâu hơn nhiều ngày nghiên cứu truyền thống, chứng tỏ giá trị của việc đầu tư vào công cụ ghi phiên và phân tích ngắn gọn để đạt được cải thiện đo lường được trong thời gian

Bài viết này cho thấy cách phân tích 1 giờ ghi phiên người dùng giúp cải thiện đáng kể trải nghiệm người bán trên Trendyol Seller Panel.

#ux Source

Lea Verou47 Hot12 min20 d agoAI

Dark mode toggles: two states are enough • Lea Verou

Mô hình ba trạng thái (sáng/tối/không xác định) là cần thiết về mặt kỹ thuật, nhưng người dùng chỉ quan tâm đến hai trạng thái (sáng/tối) vì họ không tìm kiếm giải pháp cho vấn đề chưa xảy ra. Nhiều chỉ trích về công tắc hai trạng thái xuất phát từ cách triển khai kém.

Lập trình viên nên đọc bài này để hiểu cách tối ưu hóa giao diện với toggles hai trạng thái (chẳng hạn dark/light mode) mà vẫn tránh những lỗi thường gặp, giúp cải thiện trải nghiệm người dùng mà không cần phức tạp thêm.

#ux #ui-design Source

Grafana Labs1 Hot14 min2 d agoAI

How to visualize workflows and business processes in Grafana: Introducing the Graphviz panel

Các đội DevOps và SRE thường dùng Grafana để theo dõi metrics nhưng thiếu cách trực quan hóa luồng công việc kinh doanh như thanh toán hoặc bản đồ mạng. Bài viết giới thiệu panel Graphviz mới, cho phép người dùng viết mô tả đồ thị bằng ngôn ngữ DOT của Graphviz và kết nối trực tiếp với các nguồn dữ liệu thời gian thực của Grafana (Prometheus, Loki, v.v.). Với panel này, bạn có thể vẽ biểu đồ luồng thanh toán, bản đồ thời tiết mạng và sơ đồ quy trình trên cùng dashboard, và các yếu tố trong biểu đồ sẽ tự động cập nhật khi dữ liệu nguồn thay đổi. Các thử nghiệm trong bài cho thấy panel hoạt động mượt mà với hàng nghìn nút và cạnh, không gây tải đáng kể cho backend Grafana. Điều đáng học là minh họa cách mở rộng khả năng của Grafana qua panel tùy chỉnh để xử lý nhu cầu trực quan hóa chuyên biệt, đồng thời nhấn mạnh lợi ích của việc sử dụng ngôn ngữ đồ thị chuẩn như Graphviz để tạo ra các biểu đồ động mà không cần xây dựng từ zero.

Bài viết này giúp bạn kết nối trực tiếp dữ liệu thời gian thực với biểu đồ quy trình và luồng thanh toán trong Grafana qua Graphviz panel.

#observability #data-visualization #grafana Source

Smashing Magazine23 Hot9 min15 d agoAI

Building Tactile UX: Honoring Intentional Design With Lottie — Smashing Magazine

Bài viết của Alexey Kopytin chia sẻ cách xây dựng trải nghiệm web tương tác, xúc giác bằng Lottie animations, DOM events và toán học dựa trên khoảng cách, nhằm kiểm soát chặt chẽ chuyển động theo ý đồ thiết kế.

Lập trình viên nên đọc bài này để hiểu cách kết hợp động tác tương tác người dùng (UX) với thiết kế ý thức (intentional design) thông qua các kỹ thuật như Lottie, DOM và toán học khoảng cách, giúp tạo trải nghiệm web cảm giác thực tế mà vẫn tuân thủ ý tưởng nghệ thuật.

#webdev #javascript #ux Source

LogRocket1 Hot11 min2 d agoAI

How much AI knowledge do product managers really need?

Product managers đang đối mặt với áp lực hiểu AI để hợp tác hiệu quả với các đội ngũ kỹ thuật và đưa ra quyết định sản phẩm dựa trên dữ liệu. Khi họ chỉ có kiến thức bề mặt về mô hình học sâu hoặc quy trình MLOps, dễ xảy ra hiểu lầm về khả năng và giới hạn của công nghệ, dẫn đến lộ trình không thực tế. kết quả là các tính năng AI thường bị trì hoãn, ngân sách bị vượt mức và đội ngũ cảm thấy thất vọng vì mục tiêu không rõ ràng. Điều này cho thấy việc nắm vững các khái niệm cơ bản như dữ liệu huấn luyện, độ đo hiệu suất và quy trình triển khai mô hình là yếu tố then chốt để giảm thiểu rủi ro. Do đó, thay vì trở thành chuyên gia AI, PM nên tập trung vào khả năng đánh giá trade‑off giữa giá trị kinh doanh và khả năng thực hiện kỹ thuật, đồng thời duy trì sự 판단 con người là lợi thế cạnh tranh duy nhất của họ.

Sản phẩm quản lý cần đọc bài này để biết mức độ thành thạo AI cần thiết và tận dụng lợi thế cạnh tranh từ phán đoán của con người.

#career #llm #prompt-engineering Source

LogRocket1 Hot12 min2 d agoAI

Where should AI go in your UI? A UX guide to AI feature placement

Thiết kế giao diện thường gặp khó khăn khi quyết định vị trí hiển thị tính năng AI vì thiếu hướng dẫn thống nhất, dẫn đến việc các nhóm phát triển đặt tính năng này một cách ngẫu nhiên như trong menu phụ, popup hoặc thanh công cụ riêng. Nguyên nhân kỹ thuật làabsence của một framework оценивания контекстуальной relevance и частоты использования, что заставляет дизайнеров полагаться только на интуицию. В результате пользователи сталкиваются с несогласованным опытом: иногда ИИ-подсказки появляются слишком рано и отвлекают, а иногда их трудно найти, что снижает коэффициент принятия и увеличивает когнитивную нагрузку. Из этого следует, что перед внедрением нужно оценить три фактора: насколько тесно функция связана с текущей задачей пользователя, как часто она будет использоваться и насколько она требует немедленного внимания. Применение такой простой матрицы помогает выбрать оптимальное место — будь то строка автодополнения, боковая панель или плавающая кнопка — и делает взаимодействие с ИИ предсказуемым и полезным.

Bài viết này cung cấp hướng dẫn UX thực tế về việc đặt tính năng AI vào UI đúng vị trí để tối ưu trải nghiệm người dùng.

#ai #ux #ui-design Source

Itamar Gilad11 Hot10 min14 d agoAI

The AI Competence/Judgement Gap

AI cho phép chúng ta thực hiện và đánh giá nhiều thứ hơn, tạo cơ hội lẫn thách thức. Các vai trò, chuyên môn và chuẩn mực đang bị đặt câu hỏi.

Lập trình viên nên đọc bài này để hiểu cách AI không chỉ thay đổi công việc lập trình mà còn làm thay đổi cách đánh giá năng lực, quyết định và thậm chí định nghĩa nghề nghiệp của họ trong tương lai kỹ thuật số.

#ai-coding #product-management #claude-code Source

Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions — Smashing Magazine

Recommended for you

Bình luận

What software architecture unexpectedly taught me about enterprise design

Unlocking UX Secrets: How 1 Hour of Session Recordings Transformed Trendyol Seller Panel

Dark mode toggles: two states are enough • Lea Verou

How to visualize workflows and business processes in Grafana: Introducing the Graphviz panel

Building Tactile UX: Honoring Intentional Design With Lottie — Smashing Magazine

How much AI knowledge do product managers really need?

Where should AI go in your UI? A UX guide to AI feature placement

The AI Competence/Judgement Gap

One account, the whole ecosystem

8syncdev.com

Courses

Coding practice

IELTS

ZUS — AI IDE

mind0

AcoLeads