Auto renewal subscriber, service… Is it convenience?

June 6, 2013September 27, 2014 ~ binhtruong ~ 1 Comment

Thu tiền tự động, tự động gia hạn dịch vụ… có thực sự cần thiết và tiện lợi cho user?

(Ảnh: auto renewal service, nguồn: internet, Independent Lease Review Inc.)

Sáng nay có tình cờ đọc bài báo “Hóa đơn cước 3G mobifone tăng vọt” trên VnExpress và thấy khách hàng cũng như những internet user vào comment theo xu hướng negative và bất bình.

Thực ra thì hình thức này không mới. Cái bất bình lớn nhất đối người người sử dụng có lẽ là “mất tiền không báo trước” hoặc “thu tiền mà không có confirm của khách hàng”.

Auto renewal là khái niệm tự động gia hạn dịch vụ đối với khách hàng (ở đây có thể là cá nhân, tổ chức hoặc công ty đối tác), qua đó 1 dịch vụ tự động kéo dài thời gian và thu phí.

Khi tôi mới dùng thử dịch vụ GreenHopper của Atlassian, khâu đăng ký new user cũng đòi hỏi đầy đủ thông tin về payment và vì đây là 1 công ty có uy tín, nên tôi không ngầy ngại cung cấp thông tin của mình. Đến khi hết hạn dùng thử, Atlassian có gửi email nhắc nhở đôi lần và vì tôi không để ý kỹ, tôi đã bị charge tiền dịch vụ 1 tháng và “bị chuyển” sang monthly membership một cách tự động. Tiền không đáng là bao nhiêu, nhưng cảm giác khó chịu thì nhiều.

Trong trường hợp này, feeling của tôi, của end-user có lẽ là:

Hối tiếc vì không đọc kỹ điều khoản terms & conditions khi đăng ký tài khoản mới.
Bỏ qua email của Atlassian vì nghĩ đó là email quảng cáo, và đây thói quen, là big experience của rất nhiều người dùng.
Cảm thấy khó chịu khi Atlassian không chờ đợi hoặc phải có approval của tôi (tức user) thì mới charge tiền. Approval theo họ là trong terms & conditions rồi.

Người sử dụng dịch vụ dù là Internet, hay mobile, mạng 3G, hay là những dịch vụ online dạng SaaS (Software as Service) mà Atlassian cung cấp có lẽ sẽ hài lòng hơn nếu:

Tạm thời suspend (tạm dừng) tài khoản của người dùng và thông báo cho họ cần phải đăng nhập và approve thanh toán tiền rồi trở thành paid membership. Làm như vậy, người dùng sẽ cảm thấy được tôn trọng hơn, thoải mái hơn. Google vẫn đang làm điều này với dịch vụ email, khi Gmail hết dung lượng miễn phí, bạn phải mua thêm storage nếu không sẽ không tiếp tục nhận mail được nữa. Làm cách này người dùng hoàn toàn chủ động.
Các công ty cung cấp dịch vụ chủ động sử dụng thông báo tới người dùng theo các mức cảnh báo (warning) như: email, sms và sau cùng là điện thoại. Đừng nghĩ rằng chi phí này sẽ lớn, giữ được 1 người dùng, khiến cho họ có 1 good feeling và yêu thích sự tận tình của công ty thì giá trị thu về (reward) sẽ vô cùng lớn. Chưa kể tới việc khách hàng này sẽ đi “kể lể những điều hay ho” về công ty của bạn với người quen họ

Nói đi thì cũng phải nói lại, auto renewal có lợi ích khi nào? Theo quan điểm cá nhân tôi thì dịch vụ và cách thu phí này phù hợp với những thứ có liên quan mạnh mẽ tới thương hiệu, hoạt động kinh doanh, mà mức độ liên quan này vào dạng dễ gây nguy hiểm cho công ty/cá nhân liên đới. Ví dụ: gia hạn tên miền (domain name), rất tiếc cái dịch vụ này thì lại ít khi tự động hoàn toàn và người làm chủ internet domain rất hay quên. Ngoài ra thì các dịch vụ như accounting, CRM cũng tương đối quan trọng, và nên gia hạn tự động theo mô hình leverage (nghĩa là 7 ngày, 15 ngày, 30 ngày) và nếu sau 1 tháng thì dừng hẳn, hoặc giảm dần lượng concurrent user.

Suy cho cùng thì customer happy vẫn là điều quan trọng nhất, hơn tất cả, họ mới chính là ông chủ của công ty.

Environment changes user behavior

June 6, 2013June 6, 2013 ~ binhtruong ~ 1 Comment

Social psychology in web/mobile application design

(Ảnh: phương trình thay đổi hành vi của Lewin, nguồn: internet)

Trong lần xuất bản đầu tiên của cuốn sách với tựa đề “Principles of Topological Psychology” vào năm 1936, Kurt Lewin, nhà tâm lý học, người đã đặt nền móng cho ngành tâm lý học xã hội (social psychology) đã đưa ra 1 “phương trình” về các yếu tố biến đổi hành vì con người. Phương trình đó ngày nay gọi là Lewin’s equation với nội dung:

B = f(P,E)

Trong đó B là hành vi của con người (behavior), P là chủ thể/cá nhân con người (Person) và E là môi trường xung quanh (Environment). E ở đây có thể hiểu là môi trường sống, môi trường làm việc, môi trường bị giam giữ, môi trường xung quanh còn có thể là chính gia đình, lớp học, bạn bè, cộng đồng v.v… Qua đó, Lewin đưa ra kết luận rằng hành vi của con người là một hàm số của cá thể đó (hay là cá tính của mỗi người) và môi trường xung quanh. Trong những năm đầu của thế hệ web 2.0 (khoảng 2005- 2007), những người làm thiết kế sản phẩm web/mobile cũng đã bắt đầu áp dụng phương trình này vào việc thay đổi hành vi hoặc điều hướng người dùng. Ở phương trình của Lewin, có các tham số cần cân nhắc như:

P = Person, là yếu tố khó thay đổi nhất, thậm chí không thể thay đổi. Điều này tỏ ra khá hợp lý bởi bạn không thể thay đổi 1 con người và bắt người đó sử dụng sản phẩm theo ý của mình bẳng cách duy lý hoặc áp đặt, bởi mỗi người 1 sở thích, 1 cá tính và tâm lý khác nhau.
Như vậy, nếu muốn người dùng thay đổi hành vi/thói quen sử dụng sản phẩm (B = Behavior) thì những người làm thiết kế phải tạo ra môi trường (E = Environment) đủ kích thích cũng như đủ điều kiện để khiến user bị điều hướng theo và thay đổi hành vi.

Việc thay đổi môi trường ở đây, nhìn từ góc độ web application design thì có nhiều ví dụ như:

Yahoo blog là 1 ví dụ điển hình, chuyển từ mô hình portal thông tin sang blog, tạo ra môi trường blog dựa trên nền tảng các account yahoo có sẵn, kích thích người dùng viết blog, comment blog và chia sẻ suy nghĩ của mình.
RSS subscriber là 1 ví dụ mở rộng của việc gợi ý cho người dùng theo dõi thông tin tự động từ các blog, các website yêu thích.
Facebook tạo ra LIKE button, qua đó người dùng dù lướt qua 1 status, 1 bức ảnh, dù chẳng có ý niệm gì để comment nhưng nút like khiến họ (người dùng) có thói quen click like. Và xa hơn là xu thế “câu like”. Bên cạnh đó, Facebook còn tạo ra 1 eco-system cho các đối tác phát triển ứng dụng như Zynga với nhiều social games.
e-Commerce là một sự chuyển hóa hành vi người dùng rõ rệt nhất thông qua các cổng thanh toán Visa, Master card, hay ví điện tử như Paypal. Người dùng ngày nay đã tin tưởng hơn việc thanh toán online cũng như mua sắm trực tuyến.
CTA (Call to action). Một công thức phổ biến của các trang web ngày nay kêu gọi người dùng hành động khi truy cập vào trang web nhằm gợi mở/gợi ý cho họ (người dùng) các bước tiếp theo, và nhằm níu chân người dùng dành nhiều thời gian hơn cho website/sản phẩm mà họ đang ngó nghiêng, xem xét.
Pinterest tạo ra 1 cách thức đánh dấu và book-mark ảnh.
Flickr tạo ra 1 website với usability cực tốt để người dùng lưu trữ bức ảnh của mình, chia sẻ ảnh và hiện nay là số lượng lớn hàng terabyte. Cùng với đó những ứng dụng như Box.com / Dropbox đã thay đổi sâu sắc việc lưu trữ thông tin/ dữ liệu của người dùng.
Youtube tạo ra việc streaming video và cho người dùng chia sẻ, xem video trực tuyến mà không cần phải băm nhỏ bộ film hay clip sinh nhật rồi nén lại, upload lên các máy chủ file sharing như trước.
Amazon đột phá với ebook mang tên Kindle. Môi trường họ tạo ra khá hoàn chỉnh và khép kín, từ thiết bị, giao thức mua bán, định dạng sách cho tới việc thuê sách, tích hợp giữa kindle và máy tính làm 1 hệ sinh thái hoàn hảo khiến người dùng không có lý do gì phải “lăn tăn” khi sử dụng.

Còn rất rất nhiều ví dụ nữa mà chúng ta có thể dễ dàng nhận thấy. Cũng phải nói thêm rằng, những người thiết kế các web application nêu trên đã tận dụng triệt để việc thay đổi môi trường, tạo ra hệ sinh thái hay môi trường làm việc/ vui chơi mới để thu hút người dùng và thay đổi hành vi của họ.

Ở góc độ web/application design, và theory (lý thuyết) thì việc thay đổi Environment cụ thể sẽ là:

Interaction design: cải thiện mức độ tương tác giữa user và hệ thống.
Information architect: thiết kế kiến trúc thông tin, luồng thông tin cũng như cách thức xử lý thông tin để điều khiển, hướng hành vi người dùng như ý muốn.
Interface design: thiết kế giao diện, đây là 1 trong những yếu tố phổ biến nhất, từ việc thiết kế bố cục thông tin, các buttons (nút bấm, thao tác) cho tới các form nhập liệu, các đồ thị, báo cáo v.v… đều dẫn đến việc hành vi người dùng (user behavior) được “thiết kế” tỉ mỉ và có ý định rõ ràng.

Để dễ hiểu hơn, ta có thể hình dung ví dụ qua giao diện trang chủ của Google. Trang web này chỉ có 1 text box để điều hướng người dùng tìm kiếm ngay lập tức và là hành vi đầu tiên khi sử dụng dịch vụ của Google. Apple thì hiển thị hình ảnh sản phẩm mới nhất mà không có thông tin lan man gì khác nhằm hướng người dùng tập trung vào sản phẩm của họ. Cấu trúc thông tin của Foursquare thì tập trung hiển thị những thông tin về địa điểm xung quanh người dùng.

Internet và xã hội ngày càng phát triển, và người dùng ngày càng nhiều kinh nghiêm hơn. Kinh nghiệm sống, kinh nghiệm ứng dụng công nghệ, sử dụng các thiết bị thông minh càng nhiều thì người dùng càng khó tính hơn với sản phẩm mới, và dễ bị lôi kéo hơn với những sản phẩm có môi trường/hệ sinh thái cuốn hút và hoàn thiện hơn. Ở góc độ psychology yếu tố môi trường cũng được đặc biệt nhấn mạnh bởi Philip Zimbardo với khái niệm hiệu ứng Lucifer mà trong đó yếu tố system đóng vài trò quyết định tới tâm lý và hành vi của con người.

Thay đổi môi trường hoặc tạo ra một môi trường mới là điều cần ghi nhớ với những product manager, product designer nhằm tạo ra sản phẩm đột phá trong tương lai. Vì vậy, hãy luôn đặt câu hỏi khi thiết kế 1 website, 1 sản phẩm (web/mobile app) rằng: bạn muốn user của bạn sẽ làm những gì? thao tác ra sao? mua hàng trực tuyến như thế nào?… con người luôn muốn thay đổi, nhất là những thay đổi tích cực, luôn luôn là vậy, hãy tạo environment cho họ.

Hot on the dot

June 5, 2013 ~ binhtruong ~ 2 Comments

Pizza hut hot deal. Quatre Bornes, Mauritius, Indian Ocean.

(Ảnh: Pizza hut delivery Mauritius. Nguồn: internet)

Một buổi tối làm việc muộn tại văn phòng Proximity BBDO Indian Ocean, tôi và đồng nghiệp quyết định gọi pizza để giải quyết khâu ăn tối. Pizza hut là lựa chọn sau cùng và khoảng 30′ sau thì hàng được giao tận nơi.

Quả thật là dạo này tôi cũng không để ý kỹ Pizza hut, chỉ biết là các bạn ý có chương trình PHD (Pizza hut delivery) với thông tin “hot deal – hot on the dot”. Nhìn qua thì cũng chỉ nghĩ đại loại là giảm giá, hay cái gì đó đảm bảo khi mang bánh tới thì vẫn còn nóng (có thể người giao hàng được trang bị 1 hộp đựng hoặc 1 túi giữ nhiệt gì đó blah blah…

Khi nhận hàng, vì đói nên tôi và Colin (anh bạn đồng nghiệp) cũng không để ý kỹ cái tem HOT ở trên vỏ hộp. Một điểm đáng lưu ý rằng, tem này không dán lên vỏ hộp mà là tem che lại 1 lỗ tròn đã khoét sẵn trên vỏ hộp bánh pizza. Cầm hộp pizza trên tay thì cái tem trông rất đẹp, bắt mắt (xem hình trên), và cảm nhận của mình là: OK, ông quảng cáo chứ gì.

(Ảnh: chụp sau khi đã mở hộp pizza)

Sau khi đã mở hộp pizza và ăn vài miếng, chúng tôi đậy lại để quay ra làm việc tiếp thì phát hiện cái tem đã chuyển màu (xem hình trên). Colin thốt lên:

WOW, it works! Binh, look.

Tôi quay ra nhìn thì quả thật cái tem “chứng nhận” bánh còn nóng đã không còn như cũ. Pizza hut đã khiến chúng tôi bất ngờ bởi cái tem nhỏ bé nhưng tạo hiệu ứng ấn tượng như vậy. Bây giờ thì tôi mới hiểu “hot on the dot” là như thế nào. Không biết ở Việt Nam thì sao nhưng ở đây, Mauritius, họ đã làm được việc cần làm, đó là:

Tạo ra một trải nghiệm cho người dùng, mặc dù người dùng đã ăn pizza của Pizza Hut hàng chục lần (nghĩa là experienced user) nhưng vẫn có trải nghiệm mới.
Áp dụng văn hóa Wow, mang lại sự bất ngờ, kinh ngạc và thích thú.
Tạo ra sức cạnh tranh không chỉ bằng lời nói, mà có sự chứng thực (giao hàng nóng) thông qua chương trình hot on the dot.
Việc giữ nóng pizza khi giao hàng tận nơi, kèm với tem xác thực (chuyển màu khi hộp pizza mở ra làm giảm nhiệt độ bên trong hộp) đã tác động đầy đủ vào các feeling cũng như cognition của khách hàng: thị giác (visual cognition ), khứu giác (vì pizza còn nóng nên hương vị là rõ rệt), cảm giác (feeling) rõ sức nóng khi cầm trên tay và sau cùng là 1 trải nghiệm thích thú (experience).

Có thể hộp pizza này nếu để bên ngoài túi của người giao hàng, cụ thể là nếu như chúng tôi để 20-30 phút sau mới mở ra ăn thì dần dần cái tem kia cũng chuyển sang màu đen khi pizza không còn được giữ nóng được nữa. Tuy nhiên, việc tạo ra trải nghiệm bất ngờ và trong giây lát, tại đúng thời điểm giao hàng cho khách đã tạo ra 1 hiệu ứng tích cực khiến người dùng như được trải qua một điều thú vị và trở nên yêu thích thương hiệu cũng như nhớ tới thương hiệu nhiều hơn.

Hiệu quả của hot on the dot còn thể hiện qua việc truyền miệng của user sau khi trải nghiệm. Cái viral marketing này cũng như tôi đang viết blog đây. User experience tồn tại ở trong mọi ngóc ngách của cuộc sống chứ không chỉ bó hẹp trong khái niệm phần mềm máy tính (interface interaction). UX có thể được tạo ra bằng nhiều cách, miễn mục đích cuối cùng là mang lại cho user/khách hàng một trải nghiệm tích cực (positive experience) và hot on the dot của Pizza hut đã làm được điều đó.

User is lazy

June 3, 2013June 6, 2013 ~ binhtruong ~ 5 Comments

Có 1 thực tế là, user vốn dĩ lười biếng…và chúng ta cũng thế

user-lazy

(Ảnh: remote control, nguồn: internet)

Mã Vân, CEO của Alibaba.com, 1 trong những trang web thương mại điện tử (TMĐT) lớn nhất Trung Quốc (TQ) và Thế Giới, đã lui về hậu trường, nhường lại vị trí CEO cho người mới, trẻ hơn, tuy nhiên, có một câu truyện mà tôi ấn tượng từ ông. Trong những lời tự bạch của mình qua việc trả lời phỏng vấn Chu Phủ, người là tác giả của cuốn Mã Vân, CEO hàng đầu Trung Quốc, Mã Vân có nhắc tới vài điều tâm đắc:

Tôi không phải là dân công nghệ (IT), vậy nên nếu sản phẩm phần mềm do Alibaba làm ra mà tôi có thể sử dụng dễ dàng, không cần đọc tài liệu user’s manual thì người dùng phổ thông (non experience users) cũng sẽ sử dụng được.
Người dùng thực ra rất lười biếng.

Tôi thực sự thích thú về quan điểm thứ 2. Mã Vân đã lập luận rất đơn giản, và thực tiễn như sau:

Mọi thứ phát minh trên đời này, hầu hết là xuất phát điểm từ sự lười biếng, lười biếng sinh ra sáng tạo. Một cách nói mỹ miều hơn là 1 phần của sự sáng tạo bắt nguồn từ nhu cầu tiết kiệm thời gian, sức lực.
Người ta phát minh ra thang máy vì không muốn leo cầu thang, phát minh ra máy giặt bởi không mốn giặt tay cả 1 đống quần áo bẩn, phát minh ra điều khiển Tivi bởi không muốn chạy đi chạy lại chuyển chương trình (và ngày nay, điều hòa, quạt máy cũng có remote control), phát minh ra động cơ hơi nước, xe máy, ô tô vì không muốn đi bộ và cũng không muốn mỏi lưng ngồi trên con ngựa phi nước đại.v.v… Vì vậy, đừng bắt người dùng phải thực hiện quá nhiều thao tác.

Mã Vân quả thật là người luôn cố gắng test các sản phẩm do chính công ty mình tạo ra, với tâm lý của người newbie chứ không phải là 1 người dùng có nhiều kinh nghiệm. Ông luôn có gắng để tạo ra không chỉ sản phẩm, mà còn 1 hệ thống các sản phẩm, sự liên kết và tính tiện dụng trong các web app của mình. Bên cạnh đó, ngày nay, trong lĩnh vực interaction design, chúng ta cũng có thể nhận thấy nhiều ứng dụng phần mềm thực hiện lý thuyết của user’s laziness qua 1 vài ví dụ:

(Ảnh: lazy registration của Vimeo, nguồn Vimeo)

Lazy registration: Đây là việc rút gọn quá trình đăng ký thành viên của 1 website/hoặc 1 diễn đàn, mạng xã hội. Các form nhập thông tin giờ đây ngắn hơn, đơn giản hơn, sao cho quá trình đăng ký member không quá 1 phút. Người ta không lo về việc thiếu thông tin chi tiết của user, sau khi user yêu thích sản phẩm của bạn, tự họ sẽ muốn hoàn thiện profile. Đây cũng là khái niệm tell it later.
Import data/information: Người dùng sau khi đăng ký thành viên, hoặc khi gia nhập 1 mạng xã hội/website, có thể import thông tin của mình từ website khác, đỡ phải nhập lại. Điển hình là LinkedIn cho phép người dùng export dữ liệu và import vào các trang web việc làm khác, ngược lại, các trang web việc làm thì cho phép người dùng login bằng tài khoản LinkedIn.
Social connect: Kết nối vào các website thông qua ID của các mạng xã hội phổ biến. Ví dụ như Facebook connect, Twitter connect, v.v..
Online storage: Yahoo chuyển sang lưu trữ dữ liệu chat trên máy chủ (không lưu trên máy tính người dùng) giúp cho người dùng dễ dàng tìm lại khi đổi máy tính. Google Chrome lưu book mark, ID, history online, việc này cũng giúp người dùng khi đổi máy tính, chỉ cần dùng Chrome và đăng nhập bằng ID google là toàn bộ thông tin trên sẽ import vào máy tính đó. Box.net và Drop Box đồng bộ dữ liệu và lưu trữ data tập trung.
Automatic photo editor: Đây là thứ phổ biến nhất ngày nay, điển hình là Instargram. Người dùng không phải quan tâm tới việc tìm hiểu các hiệu ứng cũng như cách chỉnh sửa phức tạp, mất thời gian bằng Photoshop nữa, tất cả chỉ 3 thao tác: chụp ảnh bằng điện thoại, lựa chọn hiệu ứng, share lên internet.
…và còn rất nhiều ví dụ nữa mà bạn có thể tự tìm ra.

(Ảnh: social connect với Twitter, Facbook, OpenID, LinkedIn. Nguồn: internet)

Ở góc độ sản phẩm, có thể thấy những người làm Usability cũng đã tính tới việc tạo ra một môi trường, giao diện đơn giản và nhanh gọn nhất cho người dùng. Tương tự như vậy, người dùng phần mềm, người dùng web và cả người dùng của những sản phẩm, dịch vụ thông thường cũng thể hiện hành vi của họ theo thiên hướng laziness như:

Nếu điều khiển Tivi ở quá xa tầm tay, thì nhu cầu chuyển kênh cũng giảm đi, để nguyên kênh hiện tại vì lười ngồi dậy lấy remote.
Khi bị muộn giờ, đặc biệt là giờ học thì… thôi nghỉ luôn.
Terms & conditions ở các website ít khi được người dùng đọc kỹ, họ (user) đơn giản là bấm accept càng nhanh càng tốt.
Không xạc pin điện thoại cho tới khi còn vài % nguồn điện, cũng như không đổ xăng xe máy cho tới khi kim xăng báo gần hết (xu hướng chung).
Ít khi bấm sang trang thứ 3, thứ 4 của Google khi trang web này hiển thị kết quả tìm kiếm. (cá nhân mình thì đến trang thứ 3 là dừng lại và cho rằng “không tìm thấy” thông tin cần tìm).
Sử dụng tùy chọn (check box) lưu thông tin đăng nhập (user name / password) để khỏi phải nhập lại đằng sau.
Người dùng càng ngày càng muốn có băng thông rộng Internet, để xem film online nhanh hơn, tiện hơn mà không phải download về máy nữa, không phải ngồi chờ Torrent (mạng chia sẻ file ngang hàng peer to peer) cả đêm.
v.v… thậm chí cả những thứ “cao siêu” như khoa học nhận thức thông tin với các khái niệm: information foraging, information scent, scan reading…đều nói lên hành vi đọc tin tức của người dùng thay đổi từ đọc kỹ, chi tiết sang dạng đọc lướt, tìm ý chính (scan) và tìm thông tin mình cần chứ ko đọc tràn lan.

Thực ra, đến đây chắc bạn đã hiểu laziness tồn tại trong cuộc sống hàng ngày, trong web/mobile application và trong tư duy của con người. Với các lĩnh vực như học tập, ôn thi, thể thao thì laziness là điều khó chấp nhận, nhưng trong thiết kế sản phẩm, sáng tạo (innovation), công nghệ (technology) thì laziness là động lực cho trí thông minh phát triển nhằm mang lại tiện ích hơn cho người dùng.

Sau cùng, tôi muốn mượn lời của Bill Gates để kết thúc blog này: “Tôi thường chọn những nhân viên lười biếng để giao những phần việc khó khăn. Bởi họ chính là những người luôn tìm ra cách giải quyết công việc nhanh gọn nhất” – Bill Gates.

Paragraph white river effect

May 30, 2013May 30, 2013 ~ binhtruong ~ Leave a comment

The river effect in paragraph justified alignment of web typography

Nhiều năm qua, công tác xuất bản sách báo và đặc biệt là các ấn phẩm báo in vẫn thường xuyên sử dụng hình thức trình bày các đoạn văn bản, các bài báo theo công thức dàn trang căn lề đều 2 bên, hay còn gọi là justified alignment. Lợi điểm của cách trình bày này là tạo ra các khối thông tin được căn lề vuông vức, các cột tin tức (trong báo chí người ta gọi là column) hiển thị đẹp mắt, phân tách các nội dung cần truyền tải, và đặc biệt hơn (theo tôi), là sắp xếp được nhiều cột thông tin với chủng loại khác nhau trong 1 trang báo.

(Ảnh: hình chụp tờ báo New York Times. Nguồn: internet)

Có thể dễ dàng nhận thấy, việc căn lề 2 bên dạng justified sẽ rất phù hợp với các tạp chí, báo in bởi phong cách thể hiện dưới định dạng lưới của họ (grid). Lâu dần, đây được coi như một chuẩn mực chung trong ngành xuất bản, cả ở Việt Nam và nước ngoài, đến bây giờ vẫn vậy.

Internet và báo điện tử ra đời khiến cho thói quen đọc báo của người dùng được thay đổi. Internet mang lại sự bình đẳng, do vậy, thông tin nhiều hơn, xuất bản dễ dàng hơn, và đặc biệt là tốc độ xuất bản nhanh hơn, cường độ dày hơn (24/7). Có nhiều nghiên cứu cho rằng, nếu bạn đọc báo điện tử, hay các trang tin trên internet về 1 chủ đề liên tục trong 3 năm, bạn có thể chở thành chuyên gia về chủ đề đó? (cái này tôi chưa kiểm chứng). Cũng có nghiên cứu chứng minh rằng, nếu một ngày bạn ngồi đọc hết tất cả các loại tin tức, tạp chí online, blog.v.v… thì bạn chẳng còn thời gian mà làm việc gì khác. Và như 1 lẽ tự nhiên của thuyết tiến hóa, người dùng (ở đây là internet user) cần đọc nhanh hơn, nắm bắt thông tin nhanh hơn. Vì vậy, khái niệm visual perception (nhận thức thị giác) trong web/digital design một lần nữa được đào sâu, nghiên cứu.

Vấn đề xuất hiện với các trang tin điện tử (báo điện tử), blog, articles online khi các website này sử dụng justified alignment trong việc hiển thị tin bài của mình. Các web browser khác nhau sẽ có cách xử lý font chữ khác nhau, và phần lớn phụ thuộc vào thuật toán (bao gồm cả CSS) trong việc căn chỉnh justified cho văn bản text. Chính vì vậy, 1 đoạn văn bản thường được kéo giãn tự động đều về 2 phía nhằm đáp ứng mục đích của justified.

Một điều dễ thấy rằng, khi 1 đoạn văn bản được giãn đều 2 bên, thì khoảng cách giữa các từ (word space) sẽ tự động giãn ra và không cách đều nhau nữa. Đều này cũng có nghĩa là, mắt của người đọc phải điều tiết nhiều hơn trong quá trình đọc tin (xem những khoảng màu xám hình bên). Vì thế, nhanh mỏi mắt hơn, nhanh chán và bỏ qua thông tin cho dù bài viết có dài hay ngắn, hay hay dở. Điều này đúng với cả trường hợp người dùng chỉ skimming (đọc lướt).

(Ảnh: minh họa text justified alignment. Nguồn: inernet)

Không chỉ có vậy, với các cột thông (column news) đơn giản và có độ rộng vừa phải (ví dụ: 300px) thì việc các word space bị giãn ra là không đáng kể, thậm chí còn có thể chấp nhận được vì mắt người dùng lướt từ đầu dòng đến cuối dòng chữ trong một không gian hẹp. Tuy nhiên, nếu bạn thiết kế 1 website (blog/news) với độ rộng của phần nội dung chiếm từ 500px tới 600px thì khoảng cách giữa các từ sẽ rộng hơn, dài hơn. Tại sao? bởi vì cho dù là tiếng Anh hay tiếng Việt hay bất cứ ngôn ngữ nào khác, các từ có độ dài không bằng nhau. Ví dụ: experiences sẽ dài hơn từ river. Và nếu 1 từ có độ dài lớn (nghĩa là số lượng chữ cái tạo ra từ đó nhiều) nằm ở cuối dòng, khi căn lề justified, khả năng lớn là từ đó phải xuống dòng kế tiếp và các từ còn lại giãn nhau ra cho kín dòng hiện tại. (confuse? bạn có thể mở phần mềm Microsoft Word, copy 1 đoạn text vào đó, rồi tự mình thí nghiệm).

Khoảng cách của 1 dòng càng rộng, đoạn văn càng dài, thì khoảng cách giữa các từ khi căn lề justified là càng lớn. Khi đoạn văn dài ra, xuất hiện 1 hiệu ứng gọi là hiệu ứng dòng chảy vô hình, hay còn gọi là white river effect.

(Ảnh: river effect sample. Nguồn: internet)

Hiệu ứng river effect tạo ra nhiều khoảng trắng trong đoạn văn, thậm chí còn có thể tạo ra 1 hệ thống kênh rạch chằng chịt trong bài viết/bản tin của bạn trên web. Ngoài việc gây khó chịu cho mắt người đọc, thì một điểm dễ thấy là river effect gây mất tập trung.

Hiện nay, cũng có nhiều giải pháp để điều chỉnh khoảng cách giữa các từ trong 1 đoạn văn bản được căn lề 2 bên dạng justified. Tuy nhiên, việc áp dụng hình tứng text alignment nào cho website thì lại tùy thuộc vào nhiều yếu tố. Một vài ví dụ như:

Đối tượng người dùng/khách hàng mà website hướng tới. Tạp chí online dành cho người trưởng thành khác với học sinh, cũng như báo điện tử phổ cập khác với tạp chí chuyên đề.v.v..
Những hệ điều hành khác nhau, web browser khác nhau, thiết bị khác nhau..sẽ có kiểu hiển thị khác nhau. (ví dụ như firefox và safari hiện nay đã có hỗ trợ kỹ thuật kerning cũng như hyphenation để hỗ trợ việc căn lề justified tốt hơn).
Định hướng của website tới người dùng. Người dùng có thể thay đổi kích thước browser, có thể thay đổi kích thước font chữ, thu nhỏ hay mở rộng column news?

Ở góc nhìn xu thế hiện nay, phần lớn các báo điện tử, blog đều chuyển sang định dạng left alignment (căn lề trái) với mục đích hướng cho người đọc có thể đọc nhanh hơn, đọc nhiều hơn và thời gian họ truy cập trang web lâu hơn. Có thể thấy những ví dụ kinh điển hiện nay về việc phân chia cột thông tin và căn lề trái như thời báo New Yorks Times online, The New Yorkers.v.v… Lựa chọn như thế nào, là do định hướng của bạn với website cũng như với các user tiềm năng. Một lưu ý nhỏ nữa là việc căn lề text như thế nào cũng nên được xem xét, áp dụng với cả ebook, email marketing hay các ấn phẩm khác mà bạn định gửi tới khách hàng.

Sau cùng, cái blog này của tôi, cái template tôi đang chọn, đáng buồn lại mặc định là justified alignment @.@. Nhưng dù sao thì tôi vẫn thích tính tập trung của template này, luôn focus người đọc vào 1 bài mới nhất, không có các thiết kế rườm rà gây mất tập trung và phiên bản mobile vẫn căn lề trái cho phần nội dung.