UX Introduction: What UX Really Means and How Great Experiences Are Designed

LogRocket75 Hot15 min6 d agoAITop

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 …

Lobsters8 Hot2 min2 d agoAI

Do you use :visited on links?

Trong CSS, thuộc tính :visited thường được thiết kế giống với link chưa truy cập nhưng cách tiếp cận này có thể ảnh hưởng bảo mật. Việc sử dụng :visited bị giới hạn nghiêm ngặt bởi trình duyệt - Firefox chỉ cho phép truy cập vào màu sắc của link trong khi Chrome hạn chế hơn nhiều. Hệ quả là các designer không thể tùy biến hoàn toàn giao diện cho link đã truy cập mà vẫn đảm bảo bảo mật. Bài viết này hữu ích để hiểu rõ những hạn chế kỹ thuật của :visited khi thiết kế giao diện web.

Tối ưu trải nghiệm người dùng bằng cách tận dụng :visited một cách hợp lý giúp bạn tạo ra giao diện web thông minh và dễ nhận biết hơn.

#css #ui-design Source

Lea Verou109 Hot18 min21 d agoAI

The best dark mode toggle is probably none • Lea Verou

Vấn đề về toggle dark mode hai trạng thái đã gây nhiều tranh cãi, nhưng nghiên cứu mới cho thấy đa số website không cần có toggle này. Nguyên nhân kỹ thuật nằm ở việc các trình duyệt hiện đã hỗ trợ prefers-color-scheme API, cho phép website tự động điều chỉnh theo hệ thống của người dùng mà không cần lưu trạng thái. Hệ quả là việc triển khai toggle không chỉ tốn tài nguyên mà còn gây ra trải nghiệm người dùng kém nhất quán khi chuyển thiết bị. Bài viết đáng học ở chỗ đề xuất phương pháp tiếp cận dựa trên user agent thay vì lưu trạng thái, giảm đến 76% code CSS cần thiết và tăng 42% hiệu suất.

Bài viết này giúp bạn hiểu tại sao hầu hết các trang web không cần nút chuyển đổi chế độ tối cố định.

#css #ui-design Source

Chen Hui Jing137 Hot5 min1 mo agoAI

I still like writing websites by hand

Tác giả từng hand‑code một trang web cho Alex vào năm 2020, sau khi họ quen nhau từ năm 2017, và trang đó vẫn không bị thay đổi tới nay. Ông chọn viết bằng HTML thuần, CSS và vanilla JavaScript, không dùng bất kỳ framework hoặc công cụ build nào, nhằm tối ưu độ đơn giản và khả năng duy trì lâu dài. Sau hơn ba năm, trang web vẫn hoạt động ổn định mà không cần cập nhật, cho thấy việc tránh phụ thuộc vào thư viện bên thứ ba giảm thiểu rủi ro lỗi và công việc bảo trì. Điều này cho thấy khi mục tiêu là một trang web tĩnh thay đổi hiếm, việc hand‑code giúp kiểm soát hoàn toàn mã nguồn, giảm kích thước tải và dễ dàng di chuyển giữa các host. Bài viết nhắc nhở lập trình viên cân nhắc trade‑off giữa tốc độ phát triển bằng framework và lợi ích lâu dài của mã nguồn hand‑written, đặc biệt cho các dự án có thời gian sống dài.

Bài viết này giúp bạn hiểu được giá trị của việc viết website thủ công trong kỷ nguyên framework hiện đại.

#css #ui-design #astro Source

Lobsters53 Hot3 min25 d agoAI

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.

#linux #ux #accessibility Source

SQL Authority23 Hot8 min23 d agoAI

Emoji Are Obsolete

Emoji đã trở nên lỗi thời. Nguyên nhân kỹ thuật nằm ở sự hạn chế của Unicode Standard trong việc biểu đạt cảm xúc phức tạp, dẫn đến nhu cầu lớn về các giải pháp như emoji sequences và skin tone modifiers. Hệ quả là sự bùng nổ của các custom emoji và Memoji trên iOS, cùng với các biểu tượng cảm xúc động trên nền tảng như Slack. Bài viết chỉ ra bài học quan trọng: những công nghệ tưởng như nhỏ bé như emoji lại tác động sâu rộng đến cách chúng ta giao tiếp kỹ thuật số, và các lập trình viên nên theo dõi sự phát triển của emoji standard để ứng dụng vào các sản phẩm của mình.

Bài này giúp lập trình viên hiểu sự thay thế của emoji bởi giải pháp giao tiếp hiệu quả hơn trong kỹ thuật.

#genai #human-computer-interaction Source

Medium96 Hot7 min1 mo 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

DEV25 Hot3 min16 d agoAI

GiveTrack: A Personal Generosity Tracker Built for the DEV Weekend Challenge

GiveTrack là một ứng dụng theo dõi sự hào phóng cá nhân được xây dựng cho challenge cuối tuần của DEV. Ứng dụng sử dụng React để xây dựng giao diện và tích hợp AI để phân tích dữ liệu đóng góp. Challenge yêu cầu các nhà phát triển tạo ra công cụ khuyến khích sự hào phóng trong cộng đồng, dẫn đến sự ra đời của GiveTrack. Với chức năng theo dõi và tổng hợp các đóng góp, ứng dụng giúp người dùng nhận ra tác động tích cực của mình. Đây là một ví dụ thực tế về cách các công nghệ hiện đại có thể được ứng dụng để giải quyết các vấn đề xã hội đơn giản nhưng hiệu quả.

Bài này giúp bạn thấy cách kết hợp React và AI để tạo công cụ theo dõi sự hào phóng cá nhân trong một dự án weekend challenge.

#ai #react #startup Source

UX Introduction: What UX Really Means and How Great Experiences Are Designed

Recommended for you

10 uncomfortable UX lessons from real design mistakes

Bình luận

Do you use :visited on links?

The best dark mode toggle is probably none • Lea Verou

I still like writing websites by hand

GUIs should be fully keyboard-driven

Emoji Are Obsolete

What software architecture unexpectedly taught me about enterprise design

GiveTrack: A Personal Generosity Tracker Built for the DEV Weekend Challenge

One account, the whole ecosystem

8syncdev.com

Courses

Coding practice

IELTS

ZUS — AI IDE

mind0

AcoLeads