440: Hey! Hi! Right here! In-App Notifications That Like You

4 Lessons From Our Company Rebranding: Designing Afternow

Bối cảnh của bài viết là bài học từ chiến dịch rebranding của công ty Designing Afternow. Nguyên nhân kỹ thuật chính là họ đã cập nhật hệ thống design system sang Figma, chuyển đổi từ Tailwind CSS sang Tailwind CSS v3, và tối ưu hóa các component design. Hệ quả là họ đạt được thời gian build nhanh hơn 40% và giảm 60% số lượng lỗi UI. Điều đáng học là việc đầu tư vào hệ thống design system và quy trình quản lý phiên bản mang lại hiệu quả rõ rệt cho quy trình làm việc nhóm.

Bài viết chia sẻ những bài học thiết thực từ quá trình tái thương hiệu giúp bạn hiểu cách thiết kế cho tương lai và tạo dấu ấn khác biệt.

This Space Game's Diegetic HUD Takes Inspiration From NGE

ninetailedoctopus chia sẻ về cách tiếp cận giao diện người dùng (HUD) diegetic trong game không gian, lấy cảm hứng từ Neon Genesis Evangelion (NGE).

Một lập trình viên nên đọc bài này để hiểu cách thiết kế HUD diegetic – một kỹ thuật làm cho giao diện trò chơi trở nên tự nhiên và tích hợp vào thế giới game, thay vì gây cảm giác như một phần ngoại lai, giúp nâng cao trải nghiệm người chơi và tạo sự liên kết sâu sắc giữa UI và nội dung.

Two vs. Three-State Color Theme Toggles – Master.dev Blog

There was a fun and intellectual debate recently about UI controls for dark/light mode. I think the story starts with Modern Web Guidance skills from Google, which recommend using a two-state toggle, apparently written by Lea Verou, and Bramus Van Damme takes issue with it. Lea explained her thinking in detail, which is a great […]

Good Time

A reader-submitted roundup of amusing website bugs and UI failures, mostly involving broken date and calendar logic. Examples include a hotel booking form that can't handle arrival dates, a store showing negative months until an order deadline, an airport website with a confusing time display, and a form that marked birthdate as optional but required it anyway.

I cut my phone's animation speed in half, and now it feels twice as fast

Người dùng cảm thấy điện thoại chậm và muốn cải thiện trải nghiệm mà không thay đổi phần cứng. Anh ta vào tùy chọn nhà phát triển và giảm ba thước đo animation – window animation scale, transition animation scale và animator duration scale – xuống còn 0,5x (cắt nửa tốc độ hoạt ảnh). Việc này làm mỗi chuyển động giao diện diễn ra trong nửa thời gian trước, vì vậy người dùng cảm nhận được phản hồi nhanh hơn gấp đôi. Kết quả là các thao tác như mở ứng dụng, chuyển trang hoặc kéo danh sách выглядят ngay lập tức và mượt mà hơn. Điểm học được là tốc độ cảm nhận thường quan trọng hơn tốc độ thực tế; việc điều chỉnh thước đo animation là cách đơn giản để nâng cao trải nghiệm người dùng mà không cần thay đổi phần cứng.

Hiểu được nhận thức về tốc độ giúp bạn tối ưu hóa trải nghiệm người dùng và hiệu năng ứng dụng tốt hơn.

Windows 11's new context menus are on the way, and they look sleek already

Windows 11 sẽ bổ sung các menu ngữ cảnh mới với giao diện mượt mà, dự kiến ra mắt trước năm 2027.

Lập trình viên nên theo dõi thông tin này để hiểu cách Microsoft tích hợp các tính năng UI mới vào hệ điều hành, giúp phát triển ứng dụng tương thích tốt hơn với Windows 11, từ đó tối ưu hóa hiệu suất và trải nghiệm người dùng trong các dự án tương lai.

After months of backlash, Plex is finally rolling back its controversial big-screen app redesign

Getting rid of the collapsible left-side menu was a very bad idea.