Là một web designer và developer, mỗi dư án mà chúng ta thực hiện đều có rất nhiều mục tiêu và yêu cầu. Nhưng mục tiêu cho hầu hết các dự án chính là tạo ấn tượng mạnh với mọi người và tất cả chúng ta đều muốn website mà mình tạo ra sẽ luôn được người dùng nhớ đến.
Một chút vui nhộn sẽ khá thú vị và chính sự thú vị đó sẽ luôn là điều đáng nhớ nhất. Vì vậy, một trong những cách gây ấn tượng chính là những trải nghiệm ngộ nghĩnh. Trong bài viết này, chúng ta sẽ tìm hiểu cách tạo ấn tượng để website của bạn sẽ trở nên hấp dẫn và thành công hơn.
The Fun Theory
Trước đây tôi đã gởi một liên kết đến dự án tài trợ Volkswagen có tên gọi là The Fun Theory. Website là nơi có cuộc thi mà người dùng có thể thiết kế hoặc suy nghĩ lại về một cái gì đó mà họ đã gặp trong cuộc sống hằng ngày- chỉ là làm cho mọi thứ trở nên “vui nhộn” hơn. Mục đích rất rõ ràng là nếu càng có nhiều người sử dụng thì đơn giản chỉ vì nó thú vị.
Có rất nhiều đoạn video trên website này và một trong những video mà tôi thích nhất có tên là Piano Staircase. Trong đoạn video này, chúng ta sẽ trải nghiệm thực tế diễn ra tại ga tàu điện ngầm với chiếc thang bộ và thang cuốn. Tôi chắc là bạn sẽ đoán rằng sẽ có nhiều người sử dụng thang cuốn hơn là thang bộ trong quá trình di chuyển hằng ngày.
Một hôm, khi ga tàu đã đóng cửa, mỗi bậc cầu thang biến thành một nốt nhạc piano và sẽ phát ra tiếng nhạc nếu có ai đó bước lên. Khi hành khách đến trạm vào ngày hôm sau, họ sẽ được chào đón với chiếc cầu thang piano khổng lồ này và rất nhiều người trong số đó đã sử dụng nó thay vì sử dụng chiếc thang cuốn. Trên thực tế, đã có hơn 66% sử dụng cầu thang- một tỷ lệ khá cao so với suy nghĩ của rất nhiều người.
Thêm sự vui nhộn cho website
Khi xem đoạn video này, điều đầu tiên tôi nghĩ đến là làm thế nào để tạo sự vui nhộn cho website chính là điều chúng ta cần làm như các chuyên gia về Web.
Sử dụng sự vui nhộn để tạo trải nghiệm thú vị cho người dùng, chúng ta có thể mang đến cho mọi người một trải nghiệm không những đáng nhớ mà những trải nghiệm này còn khiến mọi người muốn kể cho những người khác cùng nghe.
Định nghĩa về “sự thú vị”
Có lẽ tôi nên giải thích một chút về cái mà tôi gọi là sự thú vị. Tôi không gợi ý để bạn biến website của khách hàng thành một rạp xiếc (tất nhiên là trừ khi khách hàng của bạn là một rạp xiếc). Đơn giản là tôi chỉ gợi ý một số thay đổi và thêm vào một số các yếu tố vui nhộn để website của bạn trở nên thú vị hơn và người dùng sẽ dễ nhớ hơn khi sử dụng.
“Vui nhộn” không đồng nghĩa với “ngớ ngẩn”. Bạn có thể làm cho layer trông thú vị hơn mà không khiến cho khách hàng của bạn trông có vẻ trẻ con hoặc không chuyên nghiệp. Thủ thuật ở đây là bạn phải biết rõ cần thêm như thế nào, thêm ở đâu và không nên đi quá xa.
Hãy xem một số ví dụ về các website đã thực hiện công việc tuyệt vời này để website của họ không những thú vị mà còn giúp người dùng dễ nhớ.
Vui nhộn hóa những yếu tố bình thường nhất
Có rất nhiều trang phổ biến cho hầu hết các website. Bằng cách lựa chọn một website hoặc trải nghiệm điển hình (như trang “about us”, hoặc trang hình thức liên lạc) và làm chúng trở nên vui nhộn và dễ nhớ hơn. Bạn có thể vui nhộn hóa website từ những yếu tố bình thường nhất.
Cân nhắc sử dụng trang “about us” vì chúng rất phổ biến trên bất kỳ website nào. Mutant Labs – công ty thiết kế và phát triển của Anh đã thực hiện việc tạo sự vui nhôn và cá tính cho trang web thay vì lựa chọn một trang thông tin nhàm chán về công ty sinh học mà chúng ta vẫn thường thấy.
Website Get Satisfaction đã thực hiện một công việc tuyệt vời bằng những nghiên cứu điển hình với bánh xe đo sự hài lòng của họ.
Vậy trang “about us” của bạn thì sao? Lần cuối bạn xây dựng website là khi nào? English Workshop – tổ chức chuyên cung cấp những cơ hội học tiếng Anh có trang liên lạc khá đơn giản, nó trông giống một bảng điều khiển máy móc trên theme “workshop” của website.
Trang contact của Smashing Magazine cũng là một ví dụ về cách tiếp cận khá thú vị. Trang khá thú vị từ đầu đến cuối với với lời chào “Hello. Let’s talk” cũng như rất nhiều các câu hỏi, các minh họa hoạt hình về đội ngũ quản lý của Smashing.
Sử dụng các trang phổ biến của website và tìm cách thể thêm sự thú vị cho trang sẽ giúp tạo ấn tượng độc đáo và dễ nhớ cho khách truy cập website.
Liệu sự vui nhộn có làm mất đi mục đích của website?
Một trang khác cũng khá điển hình cho hầu hết các website là “404 error”. Bằng cách thêm một cái gì đó mới mẻ và cá tính, bạn có thể giảm đi những tình huống khó chịu của người dùng. Bạn có thể thấy một số ví dụ tuyệt vời của các trang lỗi hãi hước và các trang 404 error trong previous Smashing Magazine article.
Ngoài thông điệp, một trang 404 error có thể bao gồm cả đường link website mà tất cả người dùng đều muốn tìm kiếm. Thực hiện một cách chính xác, bạn có thể khiến người dùng phải mỉm người và giúp họ tìm cách để quay lại với nội dung mà họ thấy có giá trị.
Google- Công cụ tìm kiếm thú vị
Google có lẽ là trang tìm kiếm nổi tiếng nhất, những điều thú vị mà Google đã thực hiện khi đưa ra những kết quả tìm kiếm chính là phần quan trọng nhất trong trải nghiệm về website này.
Đầu tiên, bạn phải có Google “doodle” xuất hiện ở vị trí logo công ty vào những ngày cụ thể. Những trải nghiệm tương tác đầy đủ như a playable Pac Man game hoặc tribute to guitar legend Les Paul. Ngoài ra, có rất nhiều host có thể tìm thấy trên Google bằng cách tìm kiếm các cụm từ hoặc điều kiện cụ thể. Tìm kiếm từ ngữ “askew” trên trình duyệt nhằm hỗ trợ tính năng (Chrome, Safari, Firefox) và màn hình sẽ hiển thị cho bạn. Sử dụng Google Maps, bạn có thể tìm kiếm đường đi từ “The Shire” cho đến “Mordor” với các cảnh báo ngộ nghĩnh như “đơn giản nhất là không đi bộ đến Mordor”. Và có hàng tá ứng dụng tương tự khác của Google.
Lý do khiến Google rất hiệu quả chính là sự ngộ nghĩnh luôn hiện diện, họ làm cho trải nghiệm của người dùng trở nên thú vị hơn. Google sẽ có những thú vị nếu bạn muốn nhưng không gây tổn hại đến việc truy cập và sử dụng các dịch vụ riêng. Đây là chìa khóa quan trọng để tạo sự thành công cho một dự án bằng cách làm cho dự án trở nên vui nhộn hơn và hãy đảm bảo nó không ảnh hưởng đến các tính năng thông thường hay mục đích riêng của website.
Phương pháp tiếp cận cho toàn website
Một trong những thách thức khi tạo sự vui nhộn cho website chính là biết được điểm dừng. Sử dụng đúng cách sẽ tạo những trải nghiệm khó quên nhưng nếu quá nhiều, nó có thể gây tác dụng ngược lại và khiến người dùng rời xa website của bạn. Tuy nhiên đôi khi chúng ta sẽ cần dùng cho cả website bởi nó thật sự phục vụ cho cả thương hiệu và mục đích của website.
CaptainDash.com sử dụng các minh họa và tương tác thú vị xuyên suốt website, bao gồm một layout giống như sách truyện cho khu vực “Giải quyết vấn đề” của họ. Trải nghiệm khá thú vị và độc đáo khiến trang web là độc nhất và khó có thể nhầm lẫn. Nhưng sau khi khám phá website trong vài phút, tôi khó giải thích được chính xác công ty hoạt động về lĩnh vực gì. Đây là một trong những vấn đề gặp phải khi có những trải nghiệm vui nhộn. Trang web của bạn vẫn cần những câu trả lời nhanh chóng và phải giải quyết được câu hỏi căn bản nhất, đó là công ty của bạn hoạt động trong lĩnh vực nào?
Meomi.com là một website khác đã thêm vui nhộn cho toàn website của họ. Toàn bộ thiết kế của website với rất nhiều nhân vật ngộ nghĩnh luôn di chuyển và phản ứng khi bạn kéo chúng. Thiết kế tổng thể khiến bạn muốn khám phá và cảm thấy khá thích thú khi thực hiện điều đó. Tôi đặc biệt thích footer và những gì có sau những cành cây (bạn hãy tự khám phá nhé!). Tôi cũng rất thích ý nghĩa của website và tôi có thể nhanh chóng hiểu tagline ở đầu trang- Website đã hoàn thành nhiệm vụ với “Một thiết kế studio thu nhỏ để cùng chơi, thỏa thích”.
Một website khác cũng sử dụng sự vui nhộn cho toàn website nhưng vẫn giúp người dùng hiểu được ý nghĩa của website, đó chính là Two Giraffes. Trên trang chủ của website, có một thông báo được treo trên tường “We design fresh interfaces backed by serious code”, thông báo rõ ràng về dịch vụ của công ty như cách họ đã làm cho website của chính mình.
Việc sử dụng website có thể gây ra một số rủi ro nhưng nếu thực hiện đúng cách, nó sẽ mang lại hiệu quả rất lớn- tăng trải nghiệm và giúp người dùng thích thú và ghi nhớ từ đầu đến cuối.
Làm cho thông điệp của bạn dễ nhớ hơn
Một thiết kế website tốt có thể hỗ trợ cho thông điệp hoặc mục đích tổng thể của toàn trang web, vì vậy, chúng ta có thể cố gắng sử dụng cách tiếp cận thú vị để không những tạo các trải nghiệm thú vị mà còn là những thông điệp đáng nhớ.
Website Converge với thông điệp “Peel back the layers and examine the intersection between design, development and marketing”. Thiết kế của website ngay lập tức gây ấn tượng bằng cách sử dụng chú khủng long Tyrannosaurus Rex nhưng thật sự rất thú vị nếu bạn bắt đầu kéo xuống hết trang, chú khủng long vẫn còn nhưng sẽ có them trở về.
Wesite của Seamco’s xây dựng “quy trình đóng chai và đóng gói cho các sản phẩm là chất lỏng một cách hiệu quả”. Website đã củng cố thông điệp này bằng cách tích hợp hình ảnh động tuyệt vời về hiệu quả đóng chai. Trên cùng của thiết kế (khi quá trình bắt đầu) cho đến cuối cùng (quy trình để ra thành phẩm cuối cùng), toàn bộ website rất thú vị và dễ nhớ với những thông điệp chính.
Lồng ghép một câu chuyện vui
Một cách khách để chuyển tải thông điệp của bạn là thông qua những câu chuyện – và cách tiếp cận vui nhộn để đảm bảo câu chuyện của bạn là đáng nhớ.
Website cho hội nghị Combine sử dụng vị trí “Trung tâm nước Mỹ” ở Indiana để kể một câu chuyện vui mà bạn đã thấy ở đầu website … một máy nông nghiệp hoạt động trên cánh đồng ngô khổng lồ đầy chất phóng xạ … giữa trang chính là nơi phóng xạ bắt nguồn từ các cuộc tàn sát hủy diệt … và tôi không muốn tiếp tục. Bạn có thể tự khám phá các câu chuyện thú vị này nhé!
Một website tuyệt vời khác trong việc sử dụng các chuyện kể chính là Bright Future of Car Sharing. Website có navigation theo chiều dọc, bạn có thể sử dụng các phím mũi tên trên bàn phím để lái chiếc xe dọc theo website để khám phá và tìm hiểu thêm về xe hơi. Dọc theo con đường là rất nhiều các yếu tố mà bạn có thể di chuyển hoặc bấm vào để tìm hiểu thêm với nội dung chi tiết. Các bạn có thể thấy thông điệp của website được chuyển tải khá hấp dẫn và có tính tương tác tốt.
Một số website không thể thực hiện tương tự?
Khi trò chuyện cùng các đồng nghiệp web designer khác về lợi ích của việc thêm vào các yếu tố vui nhộn cho website mà họ tạo ra, hầu hết các lập luận đều chống lại việc thực hiện này vì họ cho rằng không phải dự án nào cũng có thể làm được.
Sự thật, đây là một thách thức khó khăn nhưng thậm chí có những website tưởng chừng như không thể áp dụng các nguyên tắc tương tự lại hoàn toàn có thể như những ví dụ ở trên.
SlaveryFootprint.org là website cho phép người dùng hình dung thói quen tiêu dùng của họ sẽ dẫn đến tình trạng hiện tại. Nghe có vẻ như đây là công việc chẳng hề vui nhưng nếu một lần ghé website và lựa chọn mũi tên “what” màu đỏ, bạn sẽ thật sự trải nghiệm. Website với rất nhiều minh họa đầy màu sắc, minh hoạt hoạt hình cho phần nội dung như thông báo của website. Thông báo kết thúc với nhắc nhở thực hiện khảo sát và các phương pháp tương sự được sử dụng cho thông điệp ban đầu – minh họa hoạt hình và các tương tác thú vị – một website đơn giản đã thật sự giúp người người dùng ghi nhớ và có những trải nghiệm thú vị.
Một ví dụ khác là chủ đề được trình bày trực tuyến Dangers of Fracking. Nó sử dụng rất nhiều kỹ thuật và nguyên tắc tương tự, bao gồm việc kể chuyện. Website sử dụng hình ảnh minh họa và câu chuyện chi tiết về quá trình và hiệu quả của gãy thủy lực – tạo infographic tương tác cho toàn quá trình. Kết quả là thông điệp hiệu quả hơn rất nhiều so với bất kỳ paragraph hay biểu đồ nào.
Chắc chắc sẽ có rất nhiều website với những chủ đề nhạy cảm và rất khó để kết hợp sự vui nhộn cho website. Nhưng khi xem tiếp hai ví dụ tiếp theo, có thể bạn sẽ sử dụng các giải pháp tương tự mà các website đã thực hiện nhằm tạo những trải nghiệm đáng nhớ mà không ảnh hưởng hay vẫn giữ được thông điệp của bạn.
Designing For Emotion
Trong cuốn sách tuyệt vời của mình Designing for Emotion, Aarron Walter minh họa những lợi ích và cạm bậy của thiết kế theo cảm xúc. Cuốn sách gồm các thiết kế cho hàng loại cảm xúc: sự tin tưởng, hy vọng, ngạc nhiên và thậm chí là tình yêu. Sách cũng có rất nhiều ví dụ sử dụng sự vui nhộn để gợi những cảm xúc.
Một lựa chọn đầu tiên của cuốn sách là cung cấp những giải pháp tuyệt vời trong việc sử dụng thiết kế theo cảm xúc cho những trải nghiệm trên website:
“Chúng ta đã thiết kế giao diện hữu dụng và nó giống như một món ăn được tạo ra từ người đầu bếp. Chắc chắc tất cả chúng ta đều muốn những món ăn có giá trị dinh dưỡng những vẫn rất cần hương vị. Tại sao chúng ta phải băng khoăn khi chúng ta có thể lựa chọn cả hai?”
Thiết kế đáng nhớ
Trải nghiệm web đơn giản chỉ là “có thể sử dụng” và không dễ nhớ hơn bữa ăn đơn thuần. Cũng giống như một đầu bếp bậc thầy tạo một menu thật sự khác biệt. Vì vậy, là những chuyên gia về thiết kế web, chúng ta cần nỗ lực thiết kế và phát triển trải nghiệm người dùng, phát triển giao diện mà người dùng khó có thể quên được.
Tôi hy vọng bài viết này sẽ giúp ích cho bạn phần nào thông qua những ví dụ tuyệt vời nhằm thêm sự vui nhộn thú vị cho website mà chúng ta thiết kế.
Dù bạn có đang dùng Photoshop cho thiết kế hoặc xây dựng các mẫu website với HTML và CSS, tôi luôn khuyết khích các bạn nên học hỏi những ví dụ có trong bài viết này. Hãy tạo một website thật thú vị cho dự án tiếp theo của bạn nhé!
