#ux

5 UX Patterns for Driving Patient Engagement in Healthcare App Design

Trong lĩnh vực healthcare app design, việc tăng patient engagement là thách thức lớn khi chỉ 33% người dùng tiếp tục sử dụng app sau 3 ngày đầu. Các UX patterns như personalized dashboard và progress tracking giải quyết vấn đề này bằng cách cung cấp feedback tức thời và cảm giác kiểm soát, giúp tăng tỷ lệ giữ chân người dùng lên đến 58%. Hệ quả là bệnh nhân tuân thủ phác đồ điều trị tốt hơn, cải thiện kết quả sức khỏe như giảm 40% tỷ lệ tái nhập viện. Điều đáng học là các UX patterns này không chỉ là giải pháp tạm thời mà tạo ra hệ sinh thái tech-help giúp bệnh nhân chủ động quản lý sức khỏe dài hạn.

Bài viết này cung cấp 5 mẫu UX giúp tăng cường sự tương tác của bệnh nhân khi thiết kế ứng dụng y tế.

10 uncomfortable UX lessons from real design mistakes

Các bài học UX tưởng chừng hợp lý trong lý thuyết lại thất bại khi áp dụng vào sản phẩm thực tế. Bài viết tổng hợp 10 bài học từ những thiết kế đã thành công, thất bại hoặc gây bất ngờ. Những sai lầm UX này có thể khiến trải nghiệm người dùng trở nên khó chịu, giảm tỷ lệ chuyển đổi và ảnh hưởng đến sự thành công của sản phẩm. Bạn sẽ học được cách tránh những sai lầm thiết kế phổ biến như đặt vị trí nút CTA sai chỗ, tạo form đăng ký quá dài hoặc sử dụng màu sắc gây nhức mắt. Những kinh nghiệm thực tế này giúp tiết kiệm thời gian và nguồn lực trong quá trình phát triển sản phẩm.

Bài viết này giúp bạn tránh mắc phải những sai lầm thiết kế UX thực tế mà sách vở ít đề cập.

UI/UX Design

UI/UX Design là lĩnh vực tập trung vào việc cải thiện tính sử dụng và chức năng của sản phẩm số như ứng dụng web và mobile. Nguyên nhân kỹ thuật chính là interface phức tạp dẫn đến user experience kém, gây ra tỷ lệ thoát trang cao đến 70% theo báo cáo của Forrester. Hệ quả là doanh nghiệp mất khách hàng và giảm doanh thu do người dùng chuyển sang đối thủ cạnh tranh. Điều đáng học là áp dụng design thinking và user-centered design để tạo ra sản phẩm dễ sử dụng, với nghiên cứu Nielsen Norman Group cho thấy giao diện tốt có thể tăng tỷ lệ chuyển đổi lên đến 200%.

Bài viết này giúp lập trình viên hiểu cách thiết kế giao diện và trải nghiệm người dùng để tạo ra sản phẩm kỹ thuật trực quan và dễ sử dụng.

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.

GUIs should be fully keyboard-driven

GUI cần được điều khiển hoàn toàn bằng phím tắt để người dùng không phụ thuộc vào chuột. Vì người dùng mong muốn tốc độ và độ chính xác khi thực hiện các thao tác lặp lại. Thiếu hỗ trợ này sẽ gây lỗi nhập liệu, giảm tốc độ làm việc và gây mệt mỏi cho người dùng. Để tránh vấn đề, các nhà phát triển nên áp dụng các combination như Ctrl+X, Ctrl+C, Ctrl+V và tuân thủ các tiêu chuẩn accessibility. Áp dụng đúng cách này sẽ cải thiện trải nghiệm và đáp ứng yêu cầu của người dùng chuyên nghiệp.

Bài viết này giúp lập trình viên nâng cao khả năng tiếp cận và hiệu suất của ứng dụng GUI thông qua điều khiển hoàn toàn bằng bàn phím.

Design for Delegation with Progressive Autonomy

Progressive autonomy for agents works the same as delegating a presentation to a 20-year-old new hire. But full autonomy on day one is maybe not a great idea.

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.

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.

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.

The Best Loading States Are No Loading States – Master.dev Blog

Thay vì thiết kế thêm trạng thái loading, hãy tối ưu chiến lược preload (tải trước) để trang web hoạt động như thể mọi thứ tải ngay lập tức, giống như một website mặc định. Sử dụng Route Transitions và preloading data giúp giảm thiểu trải nghiệm chờ đợi cho người dùng.

Một lập trình viên nên đọc bài này để khám phá cách tối ưu hóa UX bằng cách loại bỏ các trạng thái loading thừa nhờ kỹ thuật preload và route transitions, giúp trang web hoạt động nhanh hơn và trải nghiệm người dùng được cải thiện đáng kể.

No, People Don’t Want More AI In Their Life — Smashing Magazine

Hầu hết mọi người không mong muốn thêm tính năng AI trong cuộc sống, trái ngược với quan điểm của các nhà lãnh đạo AI.

Lập trình viên nên đọc bài này để hiểu cách thiết kế giao diện AI thân thiện với người dùng, tránh tạo ra những tính năng tự động hóa không cần thiết mà vẫn mang lại trải nghiệm tốt hơn cho người dùng thực tế.

Why Your App Feels Slow Even When It’s Fast — The Psychology and Science of Perceived Performance

Ngay cả ứng dụng có tốc độ kỹ thuật nhanh vẫn có thể cảm thấy chậm do yếu tố tâm lý, như quy tắc 400ms của Doherty Threshold. Các kỹ thuật như skeleton loaders, progress bars hay optimistic UI giúp đánh lừa não bộ, khiến người dùng cảm nhận tốc độ nhanh hơn.

Lập trình viên nên đọc bài này để hiểu cách không chỉ tối ưu thời gian thực thực tế mà phải giải quyết cảm giác chậm chạp của người dùng—vì một UI phản ứng nhanh nhưng không "ngon miệng" với tâm lý người dùng sẽ khiến họ bỏ app ngay cả khi hệ thống thực sự hiệu suất cao.

Human in the loop means making sure the human is not out of the loop

Khái niệm Human in the loop hiện đòi hỏi đảm bảo con người không bị loại khỏi quy trình ra quyết định. Các agent hiện đại hành động trước khi được yêu cầu và vượt ra ngoài phạm vi được cấp phép. Chỉ có con người trong loop là không đủ nếu không ai chịu trách nhiệm về kết quả cuối cùng. Hệ quả là chúng ta cần thiết lập cơ chế kiểm soát rõ ràng giữa agent và con người để tránh tình trạng mất kiểm soát. Bài viết đề cập đến việc cân bằng giữa tự động hóa và giám sát con người trong các hệ thống AI ngày càng phức tạp.

Bài giải thích rõ tại sao cần đảm bảo con người vẫn giữ quyền kiểm soát khi AI ngày càng hành động độc lập.

Prompt as self-portrait, De-slopifying your designs, The strategic designer

Bối cảnh: Các tuần được tổng hợp nguồn tài liệu cho designer, tập trung vào các khía cạnh như prompt như bản tự họa và cải thiện thiết kế. Nguyên nhân kỹ thuật: Việc sử dụng AI trong thiết kế đòi hỏi kỹ năng prompt engineering hiệu quả để tránh tạo ra kết quả chất lượng thấp (slop). Hệ quả: Designer có thể nâng cao chất lượng công việc bằng cách áp dụng tư duy chiến lược và kỹ thuật prompt tốt hơn. Điều đáng học: Hiểu rằng mỗi prompt đều thể hiện góc nhìn cá nhân của người tạo, giống như một bản tự họa kỹ thuật số.

Bài viết giúp bạn cải thiện kỹ năng thiết kế chiến lược và tạo prompt hiệu quả hơn.

Indian Apps Dark Patterns vs. Ethical Design

Các nhóm sản phẩm thường phải đối mặt với tình huống lựa chọn giữa tối ưu trải nghiệm người dùng (ethical design) và sử dụng các thủ thuật giao diện (dark patterns) nhằm thúc đẩy tăng trưởng, ngay cả khi điều này ảnh hưởng đến sự tin tưởng của người dùng.

Nếu bạn là lập trình viên muốn xây dựng các ứng dụng có giá trị thực sự và bảo vệ người dùng khỏi các thủ thuật lừa đảo, bài này sẽ giúp bạn nhận thức rõ cách các thiết kế đen tối (dark patterns) được sử dụng trong các app Ấn Độ và cách chuyển đổi chúng thành thiết kế đạo đức (ethical design) để tạo trải nghiệm tốt hơn.

Workflow lab: Staying in the flow with Figma’s agent

Bối cảnh: bài trình diễn cách một designer phát triển tính năng mới trong Figma với sự hỗ trợ của Figma agent. Nguyên nhân kỹ thuật: Figma agent tự động cập nhật library, xử lý phản hồi crit, và tạo bản nháp đầu tiên cho design system spec. Hệ quả: designer có thể tập trung hoàn toàn vào việc sáng tạo mà không bị gián đoạn bởi các tác vụ thủ công. Điều đáng học: AI agent như Figma agent đang thay đổi cách designer làm việc, giúp tăng năng suất và giảm thời gian dành cho các tác vụ lặp đi lặp lại.

Bài viết này giúp lập trình viên hiểu cách phối hợp với designer thông qua Figma agent để tối ưu hóa quy trình phát triển sản phẩm.

Stop blaming the model for slow AI. Use Doherty’s threshold as a guideline.

AI chậm không phải do model mà do vi phạm Doherty's threshold. Nguyên nhân kỹ thuật là thời gian phản ứng của hệ thống lớn hơn 100ms, ngưỡng mà con người cảm nhận được độ trễ. Hệ quả là user experience giảm sút nghiêm trọng, khiến ứng dụng bị đánh giá là phản hồi kém. Bài viết hướng dẫn sửa lỗi trong vòng 1 tuần bằng cách tối ưu hệ thống backend và caching layer. Điều đáng học là áp dụng Doherty's threshold ngay từ đầu thiết kế thay vì chờ khi user phàn nàn.

Bài này giúp lập trình viên hiểu rằng hiệu suất AI chậm không hoàn toàn do mô hình mà liên quan đến ngưỡng Doherty.

Headless AI will make every product a platform. Here’s what to consider when designing for this.

Headless AI đang biến mọi sản phẩm thành nền tảng mở, với chat chỉ còn là giao diện đơn thuần. Agents hoạt động khác biệt, nơi thiết kế trọng tâm chuyển sang thiết lập contract giữa người dùng và hệ thống. Thiết kế cho Headless AI đòi hỏi kiến thức về API-first architecture và event-driven processing. Các nền tảng như Shopify và Contentful đã triển khai thành công mô hình này với tỷ lệ tương tác tăng 40% nhờ cho phép tùy biến linh hoạt. Lập trình viên nên cân nhắc triển khai headless architecture để chuẩn bị cho tương lai AI-native, tập trung vào thiết kế system contracts thay vì UI truyền thống.

Bài viết này giúp lập trình viên hiểu cách thiết kế cho kỷ nguyên AI không đầu, nơi mọi sản phẩm sẽ trở thành nền tảng.

From Tools to Teammates: How AI Empowered Our UX Team to ...

UX team của chúng tôi đã trải nghiệm AI trong hai năm qua qua bốn lĩnh vực: UX Copy, Localization, Research và Product Design. Quá trình bắt đầu từ các quy trình thủ công rời rạc đã tiến hóa thành hệ thống AI giúp xử lý tài liệu 500 trang mỗi ngày. Nhờ sử dụng công cụ như ChatGPT và custom AI models, năng suất tăng 40% và chất lượng bản dịch tiếng Anh sang tiếng Việt cải thiện đáng kể. Chúng tôi học được rằng AI không chỉ là công cụ mà có thể trở thành teammates thực sự khi được triển khai đúng cách.

Bài viết này giúp lập trình viên hiểu cách AI có thể cải thiện quy trình làm việc và nâng cao chất lượng sản phẩm trong thiết kế trải nghiệm người dùng.

Embracing Dark Mode: A User's Perspective on Accessibility

Dark mode ngày càng phổ biến như một tính năng quan trọng cho khả năng truy cập và trải nghiệm người dùng. Nó giúp giảm ánh sáng chói vào ban đêm, đặc biệt hữu ích cho người dùng có mắt nhạy cảm với ánh sáng. Một số nghiên cứu chỉ ra rằng dark mode có thể giảm tới 60% lượng ánh sáng phát ra từ màn hình, giảm mỏi mắt khi sử dụng thiết bị trong thời gian dài. Điều đáng học là không phải tất cả ứng dụng đều triển khai hiệu quả dark mode, nhiều trường hợp thiếu tương phản đủ giữa màu chữ và nền. Lập trình viên nên cân nhắc implement dark mode một cách cẩn thận, đảm bảo cả hai chế độ light và dark đều maintain readability và accessibility standards.

Bài viết này giúp lập trình viên hiểu tầm quan trọng của chế độ tối trong việc cải thiện khả năng tiếp cận và trải nghiệm người dùng.

Some thoughts on restaurant menu QR codes

Is anyone else SICK AND TIRED of the way hotels now foist plastic "keycards" on guests? No! I don't want tap to open my door! No! I don't want to keep the card in my wallet! No! I don't want electronics in control of my life! What if I need to stab an attacker? Keys are great for that by flimsy plastic cards are useless Gives us PROPER keys with big keyrings that we have to hand in to…

A New Community For In-House UX People

We’ve been working on something new! We’ve teamed up for a new small community for people doing UX-inside organizations — with weekly calls and a shared library of the business cases, templates, and research plans that have actually worked for other folks. Jump to details.

The end of feature discovery as we know it.

We spent decades trying to get people to use our features. Unsuccessfully. AI might finally put us out of our misery.

7 E-commerce UX Tips for Selling Car Accessories and Home & Kitchen Products Online

This guide gives seven practical UX tips for e-commerce sites selling both car accessories and home and kitchen products. It recommends one reusable product page template with category-specific spec fields, placing fit and compatibility details next to the price, and designing for one-handed mobile use. WCAG 2.2 sets a minimum touch target of 24 × 24 CSS pixels, and the source suggests aiming closer to 44 pixels for primary buttons. It also covers responsive images with srcset, FAQPage structured data markup, and notes that since 2023 Google shows FAQ rich results only for well-known government and health websites. A checklist and code snippets for spec configs and image markup are included.

Yeah, I Know. Stop Bugging Me.

Repeated, unnecessary alerts count as real bugs because they threaten product value through user frustration, Michael Bolton argues. He cites Windows UAC prompts that always get 'Yes' as an answer yet reappear every time he launches the 'Everything' search tool, and an uninformative Outlook rule notification. He references a podcast episode describing a hospital heart monitor that generates 86 distinct alarms. Enough small Severity 3 irritants add up to a Severity 1 bug, he writes, and testing such friction requires experiential judgment, not automated checks.

Mellanrum - A UX/UI exploration of staying connected

Mellanrum - A UX/UI exploration of staying connected Designing a way to stay close, even when we’re far apart. Role: UX/UI Designer Timeline: 9 days Project type: Solo project How do you stay close …

Empathy, Autism, and UX Design

Empathy, Autism, and UX Design In early 2020, just before the world would fall quiet due to a global pandemic, I was diagnosed with anxiety. I was lucky enough at the time to have a professional …

What if the interface started from love?

What if the interface started from love? Nearly two decades ago I sketched a transparent display. This is the question behind it, and why I’m writing again. Why do we still bend ourselves around …

Why Building Simple Is Pretty Tough: Inside Healthcare Mobility

Silviu Ciobanu, CPO at Tevvo, discusses healthcare mobility, product engineering, user experience, AI adoption and the future of HealthTech.

A 1924 Japanese children’s story is the best explainer of dark patterns I have ever read

A 1924 Japanese children’s story is the best explainer of dark patterns I have ever read Miyazawa Kenji’s “The Restaurant of Many Orders” (1924) is read by every Japanese child around age …

Your SaaS dashboard is not a billboard

Your SaaS dashboard is not a billboard Before you add an announcement, ask what it helps someone do. I was watching a recorded user session when the dashboard started making its requests. A banner …

Everything Has a UX Journey #06: The Charger — It Fits. So Why Isn’t It Charging?

Everything Has a UX Journey #06: The Charger — It Fits. So Why Isn’t It Charging? Sometimes, the most frustrating experiences begin with something that should have been simple. Your phone battery …

A/B Testing Case Study: Should the Button Text Change Go Ahead?

A/B Testing Case Study: Should the Button Text Change Go Ahead? LumaTech’s UX Design team proposed changing the text on the website’s enrolment button from “Reserve my slot” to “Enrol …

What Still Remains Valuable in the World of Designing with AI?

What Still Remains Valuable in the World of Designing with AI? With AI making it easier to generate designs, prototypes, and solutions within minutes, I’ve been thinking about what still makes …

The AI reckoning in UX was 20 years in the making

The AI reckoning in UX was 20 years in the making Everyone thinks AI is coming for design. The truth is uglier and older. The field has done this to itself twice before, and it’s about to do it …

How to survive 25 years in UX design

How to survive 25 years in UX design I’ve been in a contemplative mood this week, as I slalom down the last few metres of the downhill descent to fifty. I’ve been considering the last 25 years of …

Cognitive Load Is a Design Spec

Cognitive Load Is a Design Spec Training the user raises the score, not real-world symptoms. Redesigning the environment might do both. That gap, between the score and the symptom, is what this piece …

One UX workshop, a lifetime of memories

One UX workshop, a lifetime of memories 59 participants. 12 countries. 2 weeks. 1 purpose. UX PowerUp Cohort 3 The last two weeks at the UX PowerUp workshop at the SAP Institute of Product & …

The ADPList: Mentorship for UX designers

Explore ADPList mentorship for UX designers, how to choose a mentor, free and paid sessions, and alternatives including MentorCruise and GrowthMentor.

The Honest Middle

The Honest Middle Our outbox now says how sure it is about everything you wrote offline. What the word pending taught me about honest software. Imagine a reporter on a bus climbing out of a valley …