#33: Tuanmon.com 2.0
Chào bạn, Many One Percents Newsletters là nơi mình chia sẻ những trải nghiệm, kiến thức của mình về các sản phẩm công nghệ thú vị, với hi vọng nó sẽ giúp bạn cải thiện được 1% ở trong mặt nào đó của cuộc sống.
Chào buổi tối,
Nhân ngày 8.8, tại newsletters số #33 của Many One Percents, mình muốn gửi cho bạn một tin vui: Tuanmon.com đã chính thức có giao diện mới! 🎉
Những hạn chế của giao diện cũ 😢
Điều mình tiếc nhất ở giao diện cũ đó chính là nó không hỗ trợ Light mode (nền trắng, chữ đen). Trong khi đó có rất nhiều bạn đọc của Tuanmon.com thường truy cập blog trên điện thoại vào buổi tối. Điều này dẫn tới việc các bạn rất mau mỏi mắt và không thể đọc lâu.
Ngoài ra, ở giao diện cũ việc sắp xếp, nhóm các bài chung chủ đề gặp nhiều khó khăn. Khi số lượng bài viết ít thì điều này không phải vấn đề. Nhưng khi số lượng các bài viết tăng lên, và nhu cầu đọc của bạn đọc cũng đa dạng hơn, thì điều này sẽ nảy sinh hạn chế. Các bài viết cũ (và hay) sẽ bị đẩy xuống tít cuối, trong khi có thể nó cùng một chủ đề mà bạn quan tâm.
Bạn sẽ nhận được gì từ giao diện mới? 👍
1. Nền trắng, chữ đen, font chữ mới dễ đọc hơn
Nếu bạn nhớ Dark mode thì có thể bật chế độ Dark mode của trình duyệt bạn đang sử dụng. Theo mình nghiên cứu thì Safari và Firefox đã hỗ trợ Dark mode ở trong phần web settings, còn Chrome thì chưa có. Mình sẽ đăng video hướng dẫn các bạn ở trên mạng xã hội sau.
2. Dễ dàng tìm các bài viết thuộc cùng chủ đề
Đây là điểm cải tiến nhất so với Tuanmon.com 1.0. Bạn có thể dễ dàng tìm thấy các bài post cùng topic thông qua menu ở phía trên (1), hoặc qua hệ thống Category (những nút chữ nhật phía trên tiêu đề bài viết) (2)
Bên cạnh đó, mình cũng chia tất cả các bài viết vào các topic và để ở trang chính của Many One Percents cho bạn tiện tìm kiếm
Ở cuối mỗi bài viết, các bạn sẽ tìm thấy những bài viết gần với bài viết hiện tại, hoặc những bài viết mà hệ thống nghĩ rằng bạn sẽ muốn đọc (AI ấy xịn chưa :v)
3. Cải thiện tốc độ load trang
Mặc dù giao diện mới có rất nhiều cải tiến về mặt animation, nhưng mình đã cố gắng đảm bảo bạn không phải chờ lâu khi di chuyển giữa các bài post, thậm chí là còn nhanh hơn ngày trước do mình áp dụng cơ chế nén các file code của website lại.
Đặc biệt, nếu bạn thường xuyên truy cập web của mình, bạn sẽ trải nghiệm tốc độ tải trang nhanh hơn rất nhiều, do thông tin của website sẽ được lưu trực tiếp trên bộ nhớ đệm của trình duyệt của bạn. Mỗi lần bạn truy cập lại vào trang web, dữ liệu sẽ được tải từ bộ nhớ đệm thay vì được tải từ server, giảm thời gian bạn phải đợi load trang.
Những điểm mình đang cải thiện 🛠
1. Hình ảnh các bài post
Hiện nay, bạn có thể thấy đôi chỗ hình ảnh của các bài post chưa được cập nhật. Lý do là vì giao diện mới này sẽ phù hợp với những hình ảnh không có chữ, mà trước giờ mình toàn làm ảnh có hình + chữ tùm lum. Việc cập nhật hình ảnh cho gần 40 bài post là khá lâu nên mình chưa thể làm xong hết được :(
2. Lỗi hiển thị trên một vài thiết bị
Do giao diện này mình tự thiết kế khá nhiều, mà cũng chưa kịp test trên nhiều thiết bị với tỉ lệ màn hình khác nhau, nên (có khả năng) là bạn sẽ thấy ảnh và chữ bị đè lên nhau, hoặc là các nút nhảy loạn xạ sai vị trí.
Mình đã cố gắng giảm thiểu vấn đề này ở trên màn hình 6.1'' (iPhone 11 của mình), 10.2'' (iPad pro), 15'' (Macbook pro) và 27'' (Dell). Nếu bạn sử dụng các màn hình tương đương kích cỡ kể trên thì chắc sẽ không gặp vấn đề gì đâu.
Nếu bạn gặp lỗi, phiền bạn gửi liền cho mình bằng cách reply email này nhé! Mình sẽ sửa ngay.
--
Cảm ơn các bạn rất nhiều!
Để có được giao diện mới cho blog, không thể không kể đến sự ủng hộ của rất nhiều bạn đọc dành cho blog, cả về vật chất, lẫn tinh thần.
Mình rất biết ơn sự giúp đỡ của các bạn, và hi vọng rằng những sự cải tiến của blog sẽ giúp cho trải nghiệm đọc và khám phá nội dung trở nên thú vị hơn!
Nếu bạn muốn giúp mình tiếp tục duy trì dự án và đem lại nhiều cải thiện như thế này hơn nữa, bạn có thể cân nhắc ủng hộ cho dự án bằng một ly cà phê hoặc một tô phở bò hai trứng. Cám ơn bạn nhiều!
Mình sẽ tiếp tục cải thiện blog và cập nhật với các bạn trong các số newsletters tiếp theo. Còn bây giờ, ghé Tuanmon.com thôi!
Thân,
Tuấn Mon