Đang tải... (xem toàn văn)
Một giao diện người dùng(UI) tuyệt vời là một giao diện có tỉ lệ chuyển đổi cao và dễ dàng sử dụng. Hay nói cách khác, nó hấp dẫn cả phía doanh nghiệp và cả phía người dùng. Dưới đây là một danh sách những ý tưởng hay ho chúng tôi đã khám phá ra để các bạn có thể tối ưu hóa giao diện người dùng của mình một cách hiệu quả nhất. Và danh sách này chúng tôi vẫn đang tiếp tục cập nhật.
Good UI - Những giao diện người dùng tuyệt vời! blog.mediaz.vn /good-ui Trang chủ Good UI – Những giao diện người dùng tuyệt vời! Một giao diện người dùng (UI) tuyệt vời giao diện có tỷ lệ chuyển đổi cao dễ dàng sử dụng Hay nói cách khác, hấp dẫn phía doanh nghiệp phía người dùng Dưới danh sách ý tưởng hay ho khám phá để bạn tối ưu hóa giao diện người dùng cách hiệu Và danh sách tiếp tục cập nhật Thử đánh số đoạn nội dung Cũng giống chia sẻ này, tốt nhiều nội dung đánh số, rõ ràng Người dùng dễ theo dõi nắm trọng tâm, thay 70 đầu mục nội dung trải dài, thứ tự Hãy hiển thị chế độ tùy chọn thay để ẩn chúng Không muốn click vào nút “mũi tên xuống” để lại click để lựa chọn thêm phát Hãy đơn giản đơn giản hóa thao tác người dùng, đừng bắt họ phải click chuột hay lựa chọn nhiều lần Hãy hỏi thông tin thay yêu cầu người dùng nhập thông tin nhiều Người ta vốn chịu bỏ thời gian công sức để điền vào form may mắn Nhưng yêu cầu họ nhập nhiều thông tin, thông tin chẳng cần thiết lắm, người dùng bạn dễ chán nản out Với lại, online máy tính đâu, phần trăm người dùng thiết bị di động cao nên việc gõ thiết bị di động dễ dàng Hãy loại bỏ nhiều thông tin tốt Càng mục, tỷ lệ chuyển đổi cao Hãy để lại dấu ấn cá nhân Giới thiệu thân sản phẩm bạn với tên, hình ảnh hay nơi xuất xứ cách để làm cho thương hiệu bạn mang tính cá nhân Ví dụ nhắc đến sản phẩm bạn, người ta nghĩ đến bạn bạn có mà Điều khiến cho họ cảm thấy sản phẩm bạn có chất lượng cao bên khác chút Hãy làm bật lời kêu gọi hành động bạn thay thiết kế trông tương đồng với thông điệp xung quanh Hãy để lời kêu gọi hành động bạn bật chút, khác biệt với yếu tố xung quanh, điều giúp giao diện người dùng bạn trông hoành tráng nhiều Bạn dễ dàng tăng độ tương phản số cách sau đây: Sử dụng tông màu đối lập (Đen – trắng, sáng – tối, đậm – nhạt,…) Về chiều sâu, bạn làm cho mục xuất gần mục nội dung lại trông xa chút (ý đổ bóng độ dốc) Cuối cùng, bạn lấy gam màu bổ xung từ bảng màu (ví dụ vàng, tím…) để nâng cao độ tương phản Tựu chung lại, độ tương phản lời kêu gọi hành động với phần lại trang nên lưu ý để có giao diện người dùng hoàn hảo Hãy đoán thay dự Bạn gửi thông điệp đến khách hàng với giọng run rẩy, không chắn hay muốn gửi tới họ thông điệp với tự tin Nếu bạn kết thúc thông điệp dấu “?” hay sử dụng cụm từ “có lẽ”, “có thể”, ” có thích?”, “có muốn?”, bạn có uy quyền Hãy thử để bố cục trang web cột thay nhiều cột Cách bố trí cột giúp bạn dễ dàng kiểm soát câu chuyện Nó khiến cho người đọc dễ dàng đoán biết nội dung từ xuống Trong đó, cách tiếp cận nhiều cột dẫn tới việc làm người dùng tập trung vào mục đích cốt lõi trang Hãy dẫn dắt người đọc với câu chuyện lời kêu gọi hành động bật cuối Hãy thử đưa quà thay chốt sale lự Một cử thân thiện tặng khách hàng quà chiêu Tuy nhiên, sâu xa việc tặng quà chiến thuật thuyết phục hiệu dựa nguyên tắc tương hỗ (có qua có lại) Rõ ràng là, tặng quà nhỏ cho khách hàng gây thiện cảm với họ Và giao tiếp kinh doanh, tặng quà xem nghệ thuật lấy lòng tinh tế Hãy thử hợp chức tương tự thay phân mảnh UI Trong suốt trình thực hiện, người ta dễ vô tình tạo nhiều mục, nhiều yếu tố nhiều tính năng, tất lại thực chức tương tự Nó dựa nguyên lý “Entropy” – thứ bắt đầu mờ dần theo thời gian Hãy để ý gộp chức trùng lặp lại tạo áp lực cho khách hàng bạn Thông thường, giao diện người dùng (UI) có nhiều phân mảnh khách hàng bạn phải đối phó với nhiều rắc rối Hãy xem xét lại việc xếp UI bạn lần cách hợp chức tương tự vào mà 10 Thay tự nói thân để khách hàng nói bạn (Social Proof Marketing) Để hiểu Social Proof bạn tưởng tượng bữa tiệc Nhạc lên lúc người ngại ngần không muốn nhảy Thế nhưng, có dẫn đầu, người lại nhanh chóng theo đuôi tham gia vào vui Social Proof (Kiểm chứng xã hội) chiến thuật thuyết phục tuyệt vời, áp dụng trực tiếp để tăng tỷ lệ chuyển đổi Thấy người khác ủng hộ nói tốt bạn cách tuyệt vời để thúc đẩy lời kêu gọi hành động Hãy để lại vài lời phản hồi khách hàng hay đưa thông tin chứng thực nhằm chứng minh người khác dùng sản phẩm bạn 11 Hãy thử lặp lại lời kêu gọi hành động bạn thay đưa chúng có lần Lặp lại lời kêu gọi hành động bạn trang lặp lặp lại nhiều trang khác chiến lược thích hợp với trang dài Tuy nhiên, bạn không muốn lời kêu gọi hành động hiển thị đến chục lần hình khiến cho người xem phát hoảng Các trang dài trở thành tiêu chuẩn tư tưởng “ép” hết thứ lên phía dần thay đổi Trang web bạn không bị ảnh hưởng để mục nho nhỏ phía mục quan trọng phía Khi người đọc kéo đến cuối trang, họ dừng lại nghĩ phải làm tiếp theo, vậy, nơi lý tưởng để đưa lời mời chào hay kêu gọi hành động 12 Cố gắng phân biệt rõ ràng kiểu chọn mục khác để tránh nhầm lẫn Giao diện trực quan màu sắc, chiều sâu độ tương phản dấu hiệu giúp người dùng hiểu hệ thống ký hiệu giao diện bạn (Tôi đâu đến đâu?) Để truyền đạt rõ ràng điều với người dùng, bạn phải phân biệt rạch ròi hành động trỏ chuột (dành cho links, nút bấm), thành phần chọn (như mục chọn) dòng text đơn giản, sau áp dụng thống giao diện Ví dụ, chọn màu xanh dương để click vào màu xanh dương, chọn màu đen cho mục chọn chỗ người vào chỗ Khi áp dụng cách, người dùng dễ dàng tìm hiểu sử dụng để định hướng giao diện bạn Đừng gây khó dễ cho người dùng cách làm chức trở nên không rõ ràng 13 Hãy đưa lời gợi ý thay để người dùng tự lựa chọn Khi đưa nhiều mục sản phẩm, người dùng phân vân phải chọn lựa cho Lúc này, việc gợi ý sản phẩm thích hợp cho người dùng trở nên hữu ích 14 Hãy để lệnh Hoàn tác (Undo) thay phải xác nhận ngay(Có Không) Hãy tưởng tưởng bạn thay đổi chỉnh sửa thông tin trang web chẳng hạn Đôi bạn nhấn “OK” sớm nhận thông tin có không ổn hay chưa hoàn thiện Nhiều trang web đưa cho bạn lựa chọn Đồng ý thay đổi (Có), hai Không Đồng ý thay đổi (Không) Vì sơ xuất nhỏ khiến bạn phải quay lại từ thao tác Do vậy, để người dùng an tâm cách cho phép hoàn tác hành động thay để người dùng xác nhận Có Không 15 Hãy nói rõ sản phẩm, dịch vụ dành cho thay nhắm đối tượng mục tiêu đến tất người Bạn nhắm mục tiêu đến tất người hay nhắm xác đến đối tượng mục tiêu mình? Việc nhắm đối tượng mục tiêu xác khiến lượng khách hàng bạn không bị loãng, sản phẩm dịch vụ bạn tiếp cận đến người, bạn trở nên độc quyền Khi tiếp cận không người, khách hàng cảm thấy sản phẩm hay dịch vụ không mong đợi, từ họ dễ dàng niềm tin vào Do vậy, ý tưởng chuyển đổi tuyệt vời để bạn nói xác sản phẩm dịch vụ bạn dành cho 16 Cố gắng giữ tập trung vào nội dung thay chết chìm links liên kết Thật dễ dàng để tạo trang với nhiều đường links bên trái, bên phải, hy vọng đáp ứng nhu cầu khách hàng nhiều Tuy nhiên, bạn làm trang có tính chất tường thuật, kể chuyện để nhằm hướng tới lời kêu gọi hành động phía suy nghĩ thật kĩ Bạn phải hiểu đường link xuất phía lời kêu gọi hành động làm khách hàng bạn xao lãng, lạc hướng quên mục đích viết mà bạn muốn họ thực Hãy ý đến số lượng đường link trang web bạn cân style khám phá trang (hơi nặng chút đường link) style dạng ống (với vài đường link tỷ lệ chuyển đổi cao hơn) tốt Loại bỏ đường link không liên quan cách chắn để tăng hội cho khách hàng tiếp cận nhiều đến nút kêu gọi hành động quan trọng 17 Hãy show trạng thái đơn hàng Một điều giản đơn thôi, kéo nhiều khách trung thành cho bạn Điều khiến bạn thông báo cho khách hàng biết khoản sử dụng? Đã toán? Đã xem?… Thôi đi, đừng làm trò nữa, thiết thực đi, bạn muốn mập mờ hay muốn tin tưởng nào? 18 Hãy cố gắng thử thêm lợi ích thay nút thực nhiệm vụ Đơn giản bạn tưởng tượng nút hiển thị trang Một nút với nội dung “Save You Money – Sign Up” (Tiết kiệm chi phí – Đăng ký ngay) nút yêu cầu “Sign Up” (Đăng ký ngay) Tôi cá với bạn nút có hội sử dụng cao thứ hai Vì mục đích nút có tỷ lệ chuyển đổi cao thứ hai? Là vì, nút đưa lợi ích nhắc người phải “Đăng ký ngay”, dễ thuyết phục khách hàng hành động 19 Hãy thử để thao tác trực tiếp thay đặt menu Làm có rảnh click vào nội dung rê rê chuột sang góc bên hình để ấn nút chọn “rename” “delete”, mà nhỡ tay xóa nhầm sao? Thiết thực đi, để thao tác phần nội dung mà người dùng cần xử lý, tất việc người dùng cần làm rê chuột vào nội dung click 20 Cố gắng mở rộng phạm vi thay tạo thêm nhiều trang Chẳng muốn thực mục đích mà chủ yếu có lợi cho bạn với nhiều thao tác họ phải thực Thử tính toán công nhé, lý họ phải click vào nút kia, để đợi thêm vài giây đời để nhập thông tin cho bạn làm Marketing? Hãy thiết thực 45 Hãy nhắc nhở cách nhẹ nhàng thay sử dụng cửa sổ trạng thái Cửa sổ trạng thái hộp thoại trạng thái cách để gây ý, không Thu hút ý người phương án hay, cửa sổ trạng thái mang lại vài vấn đề rắc rối Đầu tiên, cửa sổ trạng thái khiến người dùng sử dụng chức khác điền thêm thông tin phía sau Sẽ khó khăn để thoát nhường máy cho người khác sử dụng Một hộp thoại trạng thái ngăn máy tính thực hoạt động khác (mà nên thực hiện) mà người dùng tạm thời không sử dụng máy tính Cuối cùng, cửa sổ trạng thái làm gián đoạn người dùng họ tập trung cao độ không sẵn sàng thực hành động khác Vậy thì, không cân nhắc cách khác nhẹ nhàng mà thu hút ý người dùng 46 Tích hợp nhiều chức cần thiết Thiết kế đơn giản thường đánh giá cao phương diện đó, thiết kế đơn giản nghĩa dễ sử dụng Một cách để đơn giản hoá hệ thống giao diện cho người dùng tích hợp nhiều chức Có nghĩa là, bạn có công cụ đó, tích hợp hai hay nhiều chức bổ sung khác Ví dụ, tích hợp chức lọc (filter) công cụ tìm kiếm, tối giản kết không cần thiết Chúng ta gộp chức xếp hạng với chức rating onhover để lọc phần khác Tuy nhiên, tích hợp đa chức tất Mặc dù đơn giản hoá, công cụ khiến nhiều thời gian tìm hiểu sử dụng Những chức tích hợp phát sinh số rủi ro (thường khó phát hiện) Khi đó, website áp dụng chức cho người dùng quen thuộc – người có kinh nghiệm nhiều so với người dùng Hãy sử dụng chức cách thông minh tránh lạm dụng nhiều! 47 Hãy kí hiệu cách dễ hiểu Một icon có nhiều ý nghĩa, kèm với từ giải nghĩa, người dùng không cảm thấy mơ hồ Lấy ví dụ hình mũi tên xuống Icon nghĩa dịch chuyển thứ xuống phía dưới, giảm mức độ ưu tiên tải xuống? Icon “x” có nghĩa xoá, vô hiệu hoá hay đóng lại? Vấn đề đa nghĩa trở nên trầm trọng mà người dùng nhiều thời gian để tìm hiểu ý nghĩa icon Vì vậy, để icon trở nên dễ hiểu hơn, đính thêm cụm từ giải nghĩa bên cạnh Nếu cụm từ tốn nhiều diện tích, gộp tất cụm từ trình đơn (sẽ đỡ gắn cụm từ tương ứng với icon) 48 Hãy sử dụng ngôn ngữ tự nhiên không cứng nhắc Ngôn ngữ tự nhiên trang trọng câu hỏi ngắn, cứng nhắc, bù lại, chúng lại có khả tương tác cao Loại ngôn ngữ có khả hiểu người hơn, tự động loại bỏ yếu tố không cần thiết, ngược lại Có hai lợi ích lớn sử dụng ngôn ngữ tự nhiên Trước hết, người gõ cụm từ, máy tính tối ưu hoá để hiểu hết toàn nghĩa cụm từ Và sau đó, máy tính phản hồi lại người dùng theo cách thân thiện Mặc dù không hoàn toàn hiểu nghĩa cụm từ mà người dùng gõ, số trường hợp, phản hồi xác mà người dùng muốn Với giao diện người dùng sử dụng thông điệp lời trò chuyện, có vài kết chứng minh rằng, ngôn ngữ tự nhiên tạo hiệu ứng tốt 49 Tạo tò mò thay tỏ dè dặt Khơi cảm giác tò mò phương pháp khiến người dùng khao khát vài thứ cách đưa mồi nhử Mồi nhử chương sách, dùng thử vài nội dung miễn phí, sau đó, dẫn người dùng đến hành động ”Để xem tiếp phần lại/ Để sử dụng nhiều tính hơn, ABC…XYZ” Nhử người dùng, khách hàng khách hàng tiềm sản phẩm mẫu tạo động lực tò mò cho họ Khi áp dụng phương pháp này, để thành công, bạn không hiển thị toàn thông tin hay sản phẩm vài bước Hãy để người dùng cảm thấy khao khát, muốn có đượcnhiều 50 Khẳng định rằng, bạn bảo đảm quyền lợi cho họ Trước kết thúc, để lại vài bảo đảm cho khách hàng Hãy nói với họ rằng, họ hài lòng, khoản tiền an toàn, miễn phí ship hàng, họ huỷ đơn hàng mà không chịu rủi ro Mọi thứ ổn, đừng lo lắng, vui vẻ lên… Kết thúc theo cách tích cực, đảm bảo tăng tỉ lệ chuyển đổi thành khách hàng bạn 51 Tạo hiệu ứng ảo định giá Bạn để khách hàng tự đánh giá giá trị sản phẩm, bạn giúp họ làm điều Nếu bạn định lợi dụng tính phi lý nhận thức người dùng, bạn đặt mức giá để khách hàng cảm thấy họ chào đón với “giá hời” Cách đơn giản bạn đặt cụm từ “Chỉ với”, “Phải chăng”, “Mức phí hấp dẫn” phía trước giá Sau bạn áp dụng phương pháp chia mức giá sản phẩm thành mục nhỏ (ví dụ, 30¢ cho trang thay 30$ quyển, 1$/ ngày thay phí thành viên 30$/ tháng) Bên cạnh đó, bạn đặt mức giá với số cuối thay làm tròn (ví dụ, 29,99$ thay 30$) Cuối cùng, mức giá nên để với chữ số (ví dụ $30 thay $30.00) để tạo thêm “hiệu ứng ảo” mức giá 52 Hãy nói “Cảm ơn” thay “Xác nhận giao dịch thành công” Cảm ơn người khiến bạn, việc kinh doanh hay sản phẩm bạn, trải nghiệm người dùng trở nên gần gũi “Cảm ơn” cho người dùng thấy bạn cảm kích bạn có quan tâm đến họ Lời cảm ơn nên đặt vào vị trí sau khách hàng hoàn thành công việc đó, đương nhiên, có hiệu ứng tốt việc trả lời đơn giản “Bạn thành công” Thêm vào đó, hệ thống biết nói “Cảm ơn” thúc đẩy hoạt động khác người dùng Theo cách tự nhiên, hình Cảm ơn chi tiết hoàn hảo để đăt khuyến khích tác vụ người dùng “Cảm ơn bạn đọc viết Trung Đức” 53 Sử dụng công cụ tính toán cách thông minh Một hệ thống thông minh làm phép toán từ đơn giản đến phức tạp, loại bỏ bước không cần thiết cho người dùng Ví dụ, vài ứng dụng lọc phần thông tin quan trọng từ giỏ thông tin “hỗn độn” Chức hữu dụng nói cho người dùng biết, họ lại ngày trước ứng dụng hết hạn Hãy xem xét ví dụ khác đơn giản phổ biến hơn, kiểm tra lại liệu cũ Trong trường hợp này, dòng chữ “3 phút trước” có ích giúp người dùng tính toán số cụ thể “4:37 chiều ngày 02/09” 54 Hãy khẳng định lại tự thay ngụ ý điều Người dùng có xu hướng thực nhiều tác vụ họ tự lựa chọn đưa định Dựa nghiên cứu sử dụng phương pháp BYAF (But You Are Free), trường hợp bạn để khách hàng tự đưa định mình, hiệu nhân đôi! Mục đích việc để khuyến khích người dùng đưa hành động định, kèm với vài gợi ý “Đó lựa chọn bạn” “Bạn hoàn toàn từ chối”… vv… Phương pháp đạt hiệu cao đưa lời đề nghị trực tiếp xúc tiến hành động người dùng 55 Chọn quà tặng ngẫu nhiên thay quà tặng dễ đoán trước Quà tặng ngẫu nhiên cách tuyệt với để khiến người dùng cảm thấy bị nghiện Cũng giống chuột, “kéo cần” mà không rõ số lượng thức ăn nhận (mà có chút thức ăn nào), cảm thấy phấn khích Tương tự vậy, người thích quà ngẫu nhiên, quà mang lại tỷ lệ phản hồi cao thời gian ngắn Hãy nghĩ ví dụ khác, check mail chẳng hạn Việc check email khiến người dùng nghiện họ đoán trước quà xuất Gmail 56 Cố gắng thu hút ý Việc bạn cố gắng lái ý người dùng đến tác vụ quan trọng có giá trị Bạn thực điều nhiều cách khác nhau, việc tăng kích thước tăng độ tương phản yếu tố Một cách khác để thu hút ý là: sử dụng hình thù khác biệt, khu vực tiêu điểm, đánh dấu đoạn, tương tác với fixed banner, hay mũi tên điều hướng Chắc chắn bạn đặt tất thứ trang, cố gắng hướng ý vào hành động “trọng điểm” 57 So sánh cách dễ hiểu, tránh gây nhiễu Website đôi lúc hiển thị so sánh nội dung cập nhật (như công cụ diff) tính sản phẩm (như biểu đồ so sánh) Có vài cách so sánh đơn giản, giúp thúc đẩy người dùng chuyển sang sử dụng cập nhật Trước tiên, so sánh, nên giới hạn so sánh vật với nhau, tránh gây nhầm lẫn cho người dùng Mẹo hiệu xếp vật so sánh gần Bằng cách này, việc so sánh vật với vật trở nên rõ ràng Tiếp theo, đưa dấu hiệu rõ ràng, ví dụ, phiên “tốt hơn” “mới nhất” khiến người dùng dừng suy đoán phán xét Thứ ba, hiển thị rõ ràng tính thay đổi chưa thay đổi Nói cách khác thêm vào (tốt hơn), gỡ bỏ (tệ hơn), cuối giữ nguyên 58 Đặt sản phẩm theo thay sản phẩm riêng lẻ Người dùng thường thích sưu tập nhiều thứ Dù thật hay ảo, việc nhìn thấy đồ hoàn chỉnh để sưu tập tạo mục tiêu để người dùng cố gắng Thông thường, có hoàn chỉnh, người dùng có khuyến khích cách bổ sung giá trị cho “bộ sưu tập” (ví dụ, đồ hoàn chỉnh game có giá trị đồ riêng lẻ) Việc đưa sản phẩm khuyến khích khách hàng thực nhiều hành động Cuối cùng, nhớ rằng, động lực sưu tầm đồ hoàn chỉnh mạnh số lượng đồ hữu hạn (vì tạo tình trạng khan hiếm) 59 Tạo kỳ vọng thay tỏ ko biết Sẽ tuyệt người đặt kỳ vọng vào Sẽ không tốn nhiều công sức để người chức có khả thông báo thời gian hoàn thành bước Bạn bước trình X Sự lựa chọn bạn dẫn đến kết Y Bạn nhận thứ trước Z Tất lời hứa nho nhỏ không mang tính chất thông báo, mà xây dựng niềm tin cho người dùng Mặt khác, giao diện thân thiện “lạnh lùng” quan tâm đến người dùng 60 Hãy hài hước thay nghiêm túc Sao phải khiến thứ trở nên nghiêm túc nơi lúc? Hoàn toàn không cần phải Bạn khiến thứ dễ chịu với câu chuyện cười thứ để táy máy khắp nơi Thêm yếu tố hài hước xây dựng website bạn hiệu không Nhưng hiệu quả, yếu tố xây dựng mối quan hệ bền vững bạn khách hàng/người dùng Vậy nên xây dựng nội dung hài hước để sử dụng tương lai Trong thời điểm khó khăn, người dùng/khách hàng – người có mối quan hệ chặt chẽ với bạn, tỏ vị tha lỗi mà bạn mắc phải 61 Hãy phản hồi thay im lặng Khi thực hành động đó, người dùng có nhu cầu tìm hiểu xem liệu hành động hoàn thành hay chưa Phản hồi người dùng, cách hữu dụng để đáp ứng mong muốn người dùng Một website tinh tế cửa sổ trạng thái thông báo, ví dụ, email bạn gửi Bên cạnh đó, im lặng khiến người dùng cảm thấy không an toàn Người dùng tự hỏi “Đã hoạt động chưa? Mình click mà nhỉ? Hay chưa ấn nút? Mình có nên làm lại lần không?” Do vậy, phản hồi lại khách hàng giúp họ tự trả lời tất câu hỏi Hãy nhớ, phản hồi cách hữu hiệu để tương tác thành công với khách hàng 62 Cố gắng phán đoán ý định khách hàng Sở hữu giao diện người dùng có khả đoán trước người dùng mong muốn, khiến khách hàng hài lòng muốn chi trả nhiều Ví dụ, Amazon.com áp dụng giao diện mức độ tương tác gần gũi, cách sử dụng menu mega-drop-down (Menu sử dụng jquery CSS) Menu cần phải phán đoán xác sub-menu hiển thị lựa chọn phù hợp với người dùng Điều giúp người dùng di chuyển chuột theo đường chéo để di chuyển sang sub-menu mong muốn, để discover sub-menu thay đổi sang khác, biến Tuy nhiên, phán đoán ý định người dùng/khách hàng, hành động để thúc đẩy tương tác cách dễ dàng đơn giản Những kĩ thuật khác để phán đoán nhu cầu cao người dùng, đòi hỏi nhiều chất xám 63 Hãy để lại nhiều khoảng trống Các khoảng trống khiến nội dung web/ liệu dễ đọc nhiều Không nên để phần, mục, câu chữ trang dính sát vào nhau, không nên đặt chúng cách xa mà để khoảng trống vừa đủ Nếu khoảng trống phù hợp, thành phần trở nên tách biệt không hài hoà tổng thể Chiến thuật có ích website có thông tin dạng bảng tính, đoạn văn, danh sách… 64 Hãy kể chuyện, thay liệt kê danh sách Kể chuyện kiểu cổ truyền thông mà sử dụng landing page, ứng dụng giao diện người dùng Thay liệt kê loạt thông tin theo dạng gạch đầu dòng, không thử tường thuật câu chuyện? Một câu chuyện đơn giản có yếu tố đơn giản cốt truyện, nhân vật tình giải vấn đề cụ thể Những câu chuyện mang lại cảm xúc cho người dùng thể họ thực phải trải qua tình Và kết là, câu chuyện khắc ghi tâm trí người dùng Ví dụ, thư bán hàng thường áp dụng chiến thuật Storytelling, lý mà chúng hiệu 65 Hãy nói thật Hầu hết người cố gắng nói chút Vì vậy, nói thật cách đề sản phẩm/website bạn trở nên đáng tin Hình ảnh người cười nhăn nhở (cười không lý cụ thể nào) huỷ hoại niềm tin khách hàng cách nhanh chóng Một vị trí mà dễ làm cho khách hàng nghi ngờ, chỗ review sản phẩm Ta nên xen kẽ reveiw tốt vài review không tốt, làm cho khách hàng bớt nghi ngờ “Làm có hoàn hảo” Và cuối cùng, số không-tròntrịa khiến khách hàng cảm thấy đáng tin nhiều 66 Hãy giảm dần luỹ tiến (Progressive Reduction) Giảm dần luỹ tiến (Progressive Reduction) phát triển LayerVault Ý tưởng là, người dùng quen thuộc với giao diện ứng dụng bạn, chức quan trọng (lúc dùng) trở nên quan trọng Ví dụ, số chức đơn giản như: Chỉnh sửa Profile cá nhân, chỉnh sửa Apps Setting… không xuất hình Welcome website (và nhường chỗ cho nội dung khác quan trọng hơn) Hoặc website tự động ẩn phần giải nghĩa icon website (vì đó, người dùng hiểu icon có ý nghĩa gì) Người dùng học cách sử dụng giao diện tốt hơn, Giảm dần luỹ tiến tôn trọng nhu cầu 67 Đặt lợi ích người khác lên hàng đầu Không thích nghe người khác nhiều thân Hãy đặt tầm quan trọng khách hàng lên tầm quan trọng bạn, Thay nói “Tôi tạo website thật tuyệt vời cho bạn” nên khuyến khích khách hàng câu “Bạn tạo website thật tuyệt vời”, việc làm thể tôn trọng với khách hàng Hãy để khách hàng người dùng bạn trung tâm ý Hơn nữa, rõ ràng việc ủng hộ lợi ích họ tăng thêm mức độ tín nhiệm với sản phẩm bạn (điều kiểm chứng thực tế cộng đồng) Đôi khi, quan sát nhận xét việc góc nhìn người khác (mặc dù việc không mang lại lợi ích lập tức) mang lại lợi ích lâu dài cho người 68 Hãy giải thích, thay mặc định thứ rõ ràng Một số thứ rõ ràng với chúng ta, chưa rõ ràng với người khác Hình thức điền thông tin ví dụ điển hình cho vấn đề Khi điền thông tin vào form đó, đính kèm số giải thích, mô tả, dấu hiệu Tuy nhiên, sử dụng phương pháp này, đừng cho phần giải thích vào Placeholder (nơi cung cấp thêm thông tin cho người dùng, giúp họ biết cần nhập liệu gì), bắt đầu điền thông tin, người dùng nhanh chóng quên thông tin placeholder 69 Hãy loại bỏ từ không cần thiết Hãy viết câu ngắn, sử dụng từ ngữ đơn giản dễ hiểu Sau viết xong nháp đầu tiên, tiếp tục cô đọng câu chữ Hiển thị nội dung chủ đạo giúp người dùng hiểu thông điệp mà bạn muốn truyền tải, không khiến họ tập trung 70 Hãy tạo giao diện nhạy bén Điều tệ có tận scroll ! Một cách nghiêm túc, điều khiến người dùng mệt mỏi họ tìm kiếm đồ vậy, kéo lên lại kéo xuống, sang trái, sang phải Thông tin hiển thị hế hình giao diện “tĩnh”, đặc biệt bạn xem giao diện thiết bị nhỏ (như mobile) Một cách để khắc phục vấn đề này, tất nhiên sử dụng giao diện nhạy bén, tự động thay đổi hình dạng kích thước cách linh hoạt 71 Hãy thử trực quan rõ ràng thay mơ hồ Khi người dùng hover chuột vào hình ảnh Khi người dùng truy cập vào menu Khu người dùng chuyển sang trang thứ 2, thứ phần chuyên mục nội dung Hãy giúp cho người dùng cảm nhận rõ ràng việc họ đâu, làm Để họ thực ý vào việc họ làm thay để thứ nhiều khác biệt mơ hồ Bạn đau đầu với Giao diện người dùng mình? Nó không hiệu quả? Nó không bắt mắt? Hãy liên hệ với ngày hôm nay! Nguồn: http://goodui.org/ Biên dịch: MediaZ Corp [...]... dùng 27 Cố gắng thống nhất giao diện thay vì làm cho mọi người phải bối rối trong quá trình sử dụng: Một giao diện người dùng phù hợp hoặc các thao tác đơn giản là một cách tuyệt vời khiến cho khách hàng không phải đau đầu, bối rối khi dùng thử một giao diện hay một sản phẩm của bạn Bạn có thể tùy ý sáng tạo phông màu hay style cho các tính năng, nhưng làm như vậy người dùng sẽ rất dễ bị rối mắt và... một giao diện người dùng có khả năng đoán trước những gì người dùng mong muốn, sẽ khiến khách hàng hài lòng và muốn chi trả nhiều hơn Ví dụ, Amazon.com đã áp dụng giao diện này ở mức độ tương tác gần gũi, bằng cách sử dụng thanh menu mega-drop-down (Menu sử dụng jquery CSS) Menu đó cần phải phán đoán chính xác một sub-menu và hiển thị những lựa chọn phù hợp với người dùng Điều này sẽ giúp người dùng. .. cho người dùng không cảm thấy rằng họ đang chờ quá lâu Một là, hãy hiển thị thanh tiến trình load (điều này sẽ khiến người dùng cảm thấy mong chờ hơn) Hoặc, bạn có thể tạo công việc cho người dùng trong thời gian load trang (rõ ràng là đi bộ trên băng chuyền sẽ hay ho hơn là đứng im một chỗ phải không) 40 Hãy thiết kế các phím tắt Khi bạn đã có một lượng người dùng lớn, hãy cân nhắc đến những người dùng. .. diện “tĩnh”, đặc biệt khi bạn xem giao diện này trên những thiết bị nhỏ hơn (như mobile) Một cách để khắc phục vấn đề này, tất nhiên là sử dụng một giao diện nhạy bén, có thể tự động thay đổi hình dạng và kích thước một cách linh hoạt 71 Hãy thử trực quan rõ ràng thay vì mơ hồ Khi người dùng hover chuột vào một hình ảnh Khi người dùng đang truy cập vào một menu Khu người dùng đang chuyển sang trang thứ... lại là nhiều hơn (Less is more) 37 Hãy gợi ý, đừng bắt người dùng phải nhớ lại Đây là nguyên tắc cơ bản của sắp xếp, gắn liền chặt chẽ với tâm lý con người Thay vì phải tự nhớ lại thì người dùng thích được gợi ý hơn Gợi ý để khách hàng nhận biết là đưa ra những tín hiệu để chạm đến quá khứ của người dùng Khi phải nhớ lại một thông tin gì đó, người dùng buộc phải “đào bới” tất cả mọi thứ trong đầu mình... chính xác những gì mà người dùng muốn Với giao diện người dùng sử dụng thông điệp như những lời trò chuyện, có một vài kết quả chứng minh rằng, ngôn ngữ tự nhiên sẽ tạo ra một hiệu ứng tốt 49 Tạo ra sự tò mò thay vì tỏ ra dè dặt Khơi ra cảm giác tò mò là phương pháp khiến người dùng khao khát một vài thứ gì đó bằng cách đưa ra mồi nhử Mồi nhử có thể là một chương trong quyển sách, bản dùng thử hoặc một... tới người dùng Hãy làm cho tốc độ load trang của bạn càng nhanh càng tốt bởi khả năng phản hồi của website với các hành động của người dùng là chìa khoá quyết định sự trung thành của người dùng Một nghiên cứu đã chỉ ra rằng, nếu tốc độ load trang càng lâu, thì tỉ lệ bỏ ngang, tương tác và chuyển đổi thành khách hàng trên website càng thấp Cách giải quyết ở đây là giảm tốc độ load trang bằng cách tối ưu. .. dùng luôn có nhu cầu tìm hiểu xem liệu hành động đó đã được hoàn thành hay chưa Phản hồi người dùng, là cách hữu dụng để đáp ứng mong muốn của người dùng Một website tinh tế sẽ hiện một cửa sổ trạng thái thông báo, ví dụ, email của bạn đã được gửi Bên cạnh đó, im lặng khiến người dùng cảm thấy không an toàn Người dùng sẽ tự hỏi “Đã hoạt động chưa? Mình đã click rồi mà nhỉ? Hay là mình chưa ấn nút? Mình... Hãy để một số các thông tin mặc định cho người dùng dễ hình dung trong việc đăng kí Sử dụng các giá trị mặc định hoặc điền trước form mẫu theo kiểu gợi ý sẽ khiến người dùng không phải mất công nghĩ ngợi và chọn lựa Đây là một kỹ thuật khá là phổ biến để giúp người dùng thao tác nhanh hơn và đồng thời cũng tôn trọng khoảng thời gian có hạn của họ Điều khiến người dùng chán ngấy đến tận cổ đó là phải nhập... quan trọng hơn) Hoặc website có thể tự động ẩn phần giải nghĩa của các icon trong website (vì khi đó, người dùng đã hiểu icon đó có ý nghĩa gì) Người dùng luôn học cách sử dụng giao diện tốt hơn, và Giảm dần luỹ tiến tôn trọng nhu cầu đó 67 Đặt lợi ích của người khác lên hàng đầu Không ai thích nghe về người khác quá nhiều hơn là bản thân mình Hãy đặt tầm quan trọng của khách hàng lên trên tầm quan trọng ... khách hàng bạn Thông thường, giao diện người dùng (UI) có nhiều phân mảnh khách hàng bạn phải đối phó với nhiều rắc rối Hãy xem xét lại việc xếp UI bạn lần cách hợp chức tương tự vào mà 10 Thay... người dùng mình? Nó không hiệu quả? Nó không bắt mắt? Hãy liên hệ với ngày hôm nay! Nguồn: http://goodui.org/ Biên dịch: MediaZ Corp ... ngại ngần không muốn nhảy Thế nhưng, có dẫn đầu, người lại nhanh chóng theo đuôi tham gia vào vui Social Proof (Kiểm chứng xã hội) chiến thuật thuyết phục tuyệt vời, áp dụng trực tiếp để tăng