KAZENAKAZENA
Tất cả bài viết

Tôi đã thiết kế trên một bề rộng sai

August 23, 2026 · Taro — Nhà sáng lập KAZENA

Thứ đến trước tiên không phải một câu chữ mà là một tấm ảnh. E, người đồng hành của chúng tôi, đã dùng một máy khác chụp lại màn hình điện thoại của mình rồi gửi sang. Ở màn hình ghi một khoản chi, nút lưu lẽ ra nằm dưới cùng chỉ hiện ra nửa trên; phần còn lại rơi ra ngoài mép màn hình. Kèm theo chỉ có đúng một câu hỏi: cái này bấm được không? Anh sống ở một thị trấn nhỏ cách Jakarta khá xa, và ngày nào cũng dùng màn hình đó.

Cho đến lúc ấy tôi chưa từng nghi ngờ cách làm của mình. Tôi phát triển trên màn hình 27 inch, và khi muốn xem trên điện thoại nó ra sao, tôi chỉ thu hẹp cửa sổ trình duyệt lại — chừng 390px — nếu không có gì vỡ thì coi như ổn. Cửa sổ đã thu hẹp trông đúng là một hình chữ nhật dựng đứng. Có điều đó là hình chữ nhật trên bàn làm việc của tôi, không phải hình chữ nhật nằm trong lòng bàn tay ai đó.

Tôi nhờ anh đo máy của mình. Nó rộng 360px theo đơn vị CSS. Khoảng cách với 390px là 30px, chưa bằng bề ngang hai ngón tay. Vậy mà chính trong 30px đó lại nằm cái ranh giới khiến vài màn hình của chúng tôi thôi vừa vặn. Bề rộng tôi vẫn kiểm tra không phải chỗ hẹp nhất, mà chỉ ở ngay bên ngoài nó.

Tôi khoá cửa sổ ở 360px rồi mở lần lượt từng màn hình của KAZENA Books. Tất cả có 48 màn hình. Trong đó 11 màn hình sinh ra thanh cuộn ngang, và 3 trong số 11 màn hình ấy đẩy hẳn thao tác quan trọng nhất — lưu, xuất, tiếp tục — ra ngoài màn hình. Cuộn ngang thì vẫn với tới được nếu lấy ngón tay kéo. Nhưng với người không biết là có thể kéo, ở đó coi như chẳng có gì.

Gần như tất cả bắt nguồn từ 1 thành phần: bố cục đặt ô số tiền và ô chọn loại thuế cạnh nhau thành 2 cột. Hai cột đó cần 372px kể cả lề. Trên màn hình 360px, chúng tràn ra 12px. Chỉ 12px thôi, nhưng nếu thứ thò ra ngoài mép lại là ô chọn thì màn hình ấy không còn chọn được gì nữa. Và vì cùng thành phần đó được dùng lại ở 11 màn hình, 1 sơ suất đã thành 11.

Rắc rối hơn không phải bề rộng mà là chiều cao. Vừa chạm vào ô số tiền, bàn phím hiện lên từ đáy màn hình. Trên máy của E, bàn phím chiếm gần 300px trong tổng chiều cao 640px. Chúng tôi ghim nút lưu vào đáy màn hình, nên nút ấy nằm sau bàn phím, mà cuộn thì không làm xê dịch một thứ đã ghim. Tấm ảnh anh gửi chính là cảnh đó. Nút không phải không bấm được; nó không nằm ở chỗ có thể bấm.

Còn 1 điều nữa chúng tôi đã không nhìn tới: cỡ chữ. Không ít người chỉnh cho cỡ chữ hệ thống to lên. Đặt ở mức 1,3 lần rồi mở đúng màn hình đó, chữ trong nút gãy xuống thành 2 dòng, nút cao lên, và dòng ghi chú bên dưới bị đẩy khuất. Chúng tôi thì lúc nào cũng chỉ xem ở 100%. Phóng to chữ là việc hết sức bình thường của một người khi thấy khó đọc. Nếu bố cục vỡ ngay khi họ làm vậy thì đó là lỗi của chúng tôi, không phải của họ.

Xin viết thật. Một báo cáo tương tự đã đến với tôi từ tháng 6 — tin nhắn ngắn của một người dùng KAZENA Books ở Philippines, nói rằng có nút bị cắt mất. Khi đó tôi tự kết luận rằng đấy là chuyện riêng của máy người đó rồi đóng lại, vì thu hẹp cửa sổ của mình thì không tái hiện được. Không tái hiện được là do cách thu hẹp của tôi sai, chứ không phải do điện thoại của người đó. Suốt 2 tháng, chúng tôi đã phát đi một thứ lẽ ra sửa được từ đầu.

Một buổi chiều mùa hè này, trong lúc chờ trả tiền ở một quán ăn ven đường tại Jakarta, tôi thấy người ngồi cạnh một tay bưng đĩa, tay còn lại chỉ dùng ngón cái mà thanh toán xong xuôi. Dưới nắng trưa màn hình trắng loá, và phần ngón cái với tới được chỉ là nửa dưới. Điều kiện ấy khác hẳn cách tôi ngồi kiểm tra ở bàn. Lúc nhận tờ biên lai viết tay, tôi tự hỏi nút lưu của chúng tôi có bấm được không khi cầm máy theo kiểu đó.

Chúng tôi sửa theo thứ tự thế này. Trước hết, những thao tác chính vốn ghim ở đáy màn hình được trả về đúng dòng chảy của trang. Cuộn hết biểu mẫu thì nút ở ngay đó; ngay cả khi bàn phím đang mở, trang cũng tự đưa nút lên phía trên bàn phím. Thứ hai, bố cục 2 cột nay sập xuống còn 1 cột ngay khi bề rộng dưới 380px. Ở chỗ chật, cách chắc chắn nhất là đừng xếp cạnh nhau.

Sau đó chúng tôi đổi cách kiểm tra. Thay vì trông vào mắt mình, giờ chúng tôi cho hệ thống tự chụp ảnh 12 màn hình chính ở kích thước 360px nhân 640px, rồi chụp lại đúng 12 màn hình ấy một lượt nữa ở cỡ chữ 130%. Cái gì tràn ra thì nhìn ảnh là thấy. Nhân tiện, chúng tôi tìm ra 2 chỗ có vùng chạm nhỏ hơn 44px và nới rộng chúng; cả 2 chỗ đều là những thẻ nhỏ để chọn loại thuế.

Điều tôi rút ra từ chuyện này không phải chuyện kỹ thuật. Bề rộng màn hình tôi dùng để làm việc không phải sở thích — đó là một quyết định về việc tôi đang làm cho ai. Bây giờ trình duyệt của tôi mặc định mở ở 360px, và tôi chỉ nới rộng khi thật sự muốn nhìn nhiều hơn. Nếu trên màn hình của bạn có nút bị cắt hay chữ bị hụt, chỉ cần 1 tấm ảnh là đủ; xin hãy gửi cho tôi. Nhờ E làm vậy, cuối cùng tôi mới nghi ngờ được cái bàn làm việc của mình.

Hãy cho chúng tôi biết bạn nghĩ gì

Cảm giác khi dùng các ứng dụng KAZENA, điều gì chúng tôi nên sửa, những tính năng bạn ước có — nếu bạn đang điều hành một doanh nghiệp nhỏ hoặc vừa, hay làm nghề tự do ở Indonesia hoặc Philippines, tiếng nói của bạn chính là điều chúng tôi mong được nghe nhất. Những tin nhắn bằng tiếng Indonesia hoặc tiếng Anh sẽ được trả lời bởi các đồng đội hiểu thị trường của bạn từ bên trong. KAZENA Books đã được ấn định ra mắt tại Philippines và Indonesia — và nếu công ty của bạn muốn đưa nó đến các quốc gia khác với tư cách đối tác, hoặc quan tâm đến việc mua lại hệ thống, chúng tôi cũng rất mong nhận được liên hệ từ bạn. Chúng tôi cũng nhận phát triển hệ thống mới. Chúng tôi là một đội nhỏ, nên không phải lúc nào cũng có thể bắt tay ngay — nhưng những gì chúng tôi xây dựng đều mang chất lượng made-in-Japan và luôn bám sát cách công việc kinh doanh thực sự vận hành ở đây, từng dự án một.

Liên hệ với chúng tôi

Thêm bài viết từ blog