Good Time

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.

The terrible menu bar in the Windows 11 Notepad

Decades of consistency, lost in an update.

Improving File Explorer & Context Menu: faster, simpler, and more customizable

Microsoft đang cải thiện hiệu suất và độ tin cậy của File Explorer với thời gian khởi động nhanh hơn và ít bị đơ hơn khi đổi tên, duyệt và chọn nhiều tệp. thanh Address Bar nay ho tro dau ngoi dau va backslash doi, va mo tab bang click trung duoc mo rong. menu noi dung duoc thiet lai moi mo nhanh hon do it noi bot va co trang Settings moi de tùy chinh lenh nội bộ, ứng dụng mở rộng và bố cục. người dùng có thể khôi phục cảm giác quen thuộc kiểu Windows 10, giúp cải thiện trải nghiệm sử dụng và hiệu quả công việc.

Bài viết này giúp lập trình viên nâng cao hiệu suất công việc hàng ngày với File Explorer và tùy chỉnh menu ngữ cảnh để tối ưu hóa quy trình làm việc.

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 […]

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

Rach and Chris jump on the podcast to talk about the brand-new in-app notification system we built and shipped. We're actively trying to balance a system that isn't annoying, but allows us to show targetting information to targetted users when we think that's valuable for both you and us. It started with "We launched 2.0!"…

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.