Theme trước đây là Penang, theme thứ hai được sử dụng trên hành trình xây dựng chinhdey.
Tôi rất ưng ý với giao diện tối giản của Penang, nhất là bố cục trang chủ vô cùng gọn gàng mà rất hài hòa và vừa mắt. Mỗi một post card trên trang chủ được tối ưu rất tốt, không thừa không thiếu một chi tiết nào. Tôi rất yêu sự đơn giản và gọn gàng của Penang.
Tuy nhiên trong quá trình xây dựng và xem đi xem lại blog của mình, kết hợp với tham khảo các blog khác, tôi thấy Penang thiếu một số tính năng cần có để tối ưu trải nghiệm đọc.
Bên cạnh định hướng về nội dung (đã chia sẻ trong bài Về chinhdey) tôi còn định hướng rõ ràng về hướng xây dựng UI/UX (giao diện và trải nghiệm người dùng) của blog:
- Tối ưu trải nghiệm đọc
- Tính năng cần thiết cho bạn đọc
- Thiết kế đơn giản, gọn gàng, sạch và.. đẹp
Để 3 yếu tố trên được tối ưu hơn nữa, tôi đã đổi qua theme Dashi.
Nhờ sự hỗ trợ cực kỳ nhiệt tình, không chê vào đâu được trong 2 ngày liên tục của ông bạn Cường Trần (một tay chơi thứ thiệt về Ghost & WordPress), kết quả là giao diện của chinhdey tôi cảm nhận còn đẹp hơn cả theme demo. 😤
Dưới đây là những thứ mà tôi đã và đang tối ưu để mang lại một trải nghiệm đọc tốt nhất gửi đến bạn.
#1 Tối ưu trải nghiệm đọc
Tập trung
Có một thời gian tôi đọc nhiều trên Medium. Và rất thích sự tối giản để tập trung vào việc đọc của Medium.
Từ trải nghiệm của mình, tôi nhận ra một điều: khi độc giả muốn đọc, hãy làm tất cả để họ tập trung hoàn toàn vào việc đọc.
Mà để đạt được mục đích trên, vấn đề không phải là thêm vào, mà là bỏ ra.
Bỏ ra càng nhiều càng tốt những thứ gây sao nhãng cho việc đọc. Những tính năng hoặc thiết kế có vẻ hay ho, hoa hòe hoa sói nhưng không làm tăng sự tập trung khi đọc, thì bỏ đi hết.
Do đó, khi vào từng bài viết, bạn sẽ thấy bố cục rất đơn giản: layout một cột, không có sidebar (menu cạnh bìa).
Một khi bạn đã đọc, là đọc một mạch từ trên xuống dưới. Không có gì khác làm bạn sao nhãng, cho dù bạn có đọc trên điện thoại hay máy tính.
Độ rộng đoạn văn
Độ rộng của một đoạn văn cũng được căn chỉnh ở mức độ vừa phải. Không hẹp quá làm bạn phải cuộn chuột liên lục. Cũng không rộng quá làm mắt bạn phải đảo nhiều mới đọc hết một hàng.
Font & size
Font và size cũng được lựa chọn và tinh chỉnh kỹ lưỡng cho cả mobile & desktop để tạo một sự vừa mắt nhất có thể. Không quá nhỏ dẫn đến khó đọc. Không quá lớn gây ra sự khó chịu.
Nếu khi đọc, bạn không cảm thấy có vấn đề hay sự khó chịu nào thì đó là một món quà nho nhỏ dành cho tôi. 😎
Mục lục
chinhdey có khá nhiều bài viết xung quanh 3000 chữ. Đó cũng là định hướng nội dung của blog: những bài viết chi tiết, chuyên sâu, được đầu tư kỹ lưỡng.
Do đó, bài viết cần mục lục để bạn đọc tiện theo dõi & nắm được khung sườn trước khi đọc.
Trong lần cập nhật này, TOC (Table of Content - mục lục) không chỉ được bổ sung thành một tính năng mặc định. Mà nó là một icon với lối thiết kế đơn giản, nhỏ xinh luôn nằm ở góc phải bên dưới bài viết. Nó ở đó và luôn sẵn sàng cho bạn sử dụng.
Lưu ý: vì yêu cầu kỹ thuật của theme, bạn cần ĐĂNG NHẬP (hoặc ĐĂNG KÝ) thành viên để sử dụng tính năng này mượt mà nhất nhé.
Quay lại đầu trang
Bên dưới nút TOC, còn có nút go-to-top. Khi bạn muốn quay lại đầu trang, chỉ cần chạm vào nút mà không phải cuộn chuột hay màn hình mòn mỏi trong những bài viết dài nữa.
Nút này làm luôn nhiệm vụ thông báo bạn đã xem bao nhiêu phần trăm của trang hay bài viết.
Tôi rất thích cái nút nhỏ mà hay này. 😊
Theme
Theme (giao diện) còn có 4 bộ màu sắc cho bạn lựa chọn:
- Midnight
- Whitesmoke
- Dark
- Light
Whitesmoke & Light dành cho ban ngày.
Midnight & Dark dành cho ban đêm. Giao diện tối sẽ êm dịu cho cặp mắt của bạn.
Nếu màn hình điện thoại, máy tính của bạn sử dụng công nghệ LED/OLED hãy tận dụng giao diện Dark/Midnight nhé. Lúc đó bạn sẽ thấy một nền đen tuyệt đối rất dễ chịu cho đôi mắt. Vừa giảm đi rất nhiều lượng ánh sáng đập vào mắt, vừa tiết kiệm pin.
Tuy nhiên, cứ chọn giao diện phù hợp với bạn. 😄
#2 Tính năng cần thiết
Timeline
Đôi khi bạn sẽ cần một giao diện liệt kê bài viết theo danh sách (list). Kiểu giao diện này sẽ vô cùng đơn giản, không có bất cứ thông tin nào khác nào tên bài viết và thời gian xuất bản.
Mục đích để bạn xem nhanh toàn bộ bài viết trên blog theo dòng thời gian. Đây là lúc trang Timeline phát huy tác dụng.
Bookmarks
Nếu ưng ý một bài viết nào đó và muốn đánh dấu để đọc lại sau. Bạn chỉ cần lưu lại bài viết bằng cách nhấn vào nút bookmark ở đầu bài viết, nằm chung hàng với các social icon.
Sau đó, bạn vào Menu ⟶ Bookmarks và xem lại các bài viết bạn đã lưu.
Quá tiện lợi đúng không nào?
Lưu ý: bạn cần ĐĂNG NHẬP (hoặc ĐĂNG KÝ) thành viên để sử dụng tính năng này bạn nhé.
Notification
Đôi khi, có những thông báo quan trọng và mong được bạn chú ý, tôi sẽ để nó ở cái chuông 🔔 trên thanh menu.
Thỉnh thoảng ghé thăm blog, nhấn vào cái chuông xem có gì mới mẻ hay đặc biệt không nhé. 😉
Kết
Blog chinhdey vẫn đang được phát triển và tối ưu cả về nội dung và hình thức, tính năng.
Trước tiên, đây là ngôi nhà tinh thần của riêng mình, nên tôi muốn chăm chút nó được tốt nhất có thể.
Kế đến, mong là bạn sẽ có thời gian ý nghĩa khi ghé thăm blog và được thuận tiện nhất trong quá trình khám phá. 🙂
Tuệ Chinh
