Tiếp nối s�?thành công của talkshow “Biến người dùng thành khách hàng”, b�?môn Công ngh�?thông tin tại Cao đẳng FPT M?ng c�� c??c b��ng ?�� HCM đã quay lại với talkshow “UI trong thiết k�?Landing Page” vào ngày 20/03 vừa qua, với mong muốn giúp các bạn sinh viên hiểu hơn v�?Landing Page và thiết k�?giao diện người dùng trong Landing Page cũng như công c�?h�?tr�?thiết k�?UI, nắm được một s�?“tips” hay t�?đ�?biến UI tr�?nên “độc nhất vô nh�?#8221;, thu hút người dùng.

Tham d�?Talkshow v�?phía nhà trường có s�?hiện diện của:

• Anh Trần Vân Nam – GĐ FPT M?ng c�� c??c b��ng ?�� cơ s�?HCM
• Thầy Trần Duy Phong – Trưởng ban Đào tạo cơ s�?HCM
• Cô Trần Th�?Hường – CNBM CNTT cơ s�?HCM
• Thầy Trần Bá H�?– Trưởng môn Web BE
• Cô Nguyễn Th�?Thanh Xuân – Trưởng môn Web FE

V�?phía khách mời có s�?tham gia của:

• Thầy Nguyễn Phạm Hoàng Huy – CNBM Thương mại điện t�?/li>

�?phần đầu tiên trong chương trình, thầy Nguyễn Phạm Hoàng Huy – CNBM Thương mại điện t�?đã có phần giới thiệu tổng quan v�?những nội dung s�?xuất hiện trong talkshow. Đặc biệt, với kinh nghiệm và kiến thức dày dặn trong ngh�? thầy đã trình bày lại một s�?những “tips” nh�?giúp việc xây dựng Landing Page đạt được hiệu qu�?tối ưu nhất, đồng thời tiếp cận tốt với th�?hiếu mặt của khách hàng.

“Đ�?xây dựng nên một Landing Page đáp ứng nhu cầu của khách hàng, các bạn thí sinh nên chú ý tăng trải nghiệm, chú trọng vào từng điểm chạm và mang lại trải nghiệm tối ưu, nhanh chóng của người dùng trên Landing Page. Đồng thời, không quên b�?qua bước tăng nhận diện, truyền tải thông điệp đầy đ�? hấp dẫn đảm bảo mục tiêu của Landing Page. Và cuối cùng, việc tăng lượt truy cập, s�?dụng nhiều hoạt động tiếp th�?đ�?quảng bá Landing Page cũng s�?giúp thu hút thêm nhiều lượt truy cập” – thầy Huy cho biết.

Bên cạnh những “tips” nh�?giúp việc xây dựng Landing Page đạt được hiệu qu�?tối ưu nhất, thầy Huy cũng đem tới buổi talkshow công thức chuyển đổi cần nh�?trong Landing Page mang tên “C.O.N.V.E.R.T.S”, c�?th�?gồm các ch�?cái đại diện như C (Clear Call to Action) – nút kêu gọi hành động rõ ràng, O (Offer) – cung cấp lợi ích, N (Narrow Focus) – tập trung vào s�?tối giản, R (Resolution Savvy Layout) – b�?cục, kích c�?chuẩn, S (Social Proof) – s�?dụng feedback của khách hàng, v…v. Theo thầy Huy, Landing Page áp dụng đúng và sáng tạo t�?công thức này chắc chắn s�?nhận được s�?đánh giá cao t�?khách hàng và Ban giám khảo cuộc thi.

Ngoài những kiến thức b�?ích được thầy Huy truyền đạt cho các bạn thí sinh, cô Nguyễn Th�?Thanh Xuân – Trưởng môn Web FE cũng cung cấp thêm một loạt những công c�?h�?tr�?hữu ích đ�?thiết k�?UI trong Landing Page, tiêu biểu có th�?k�?đến như: Figma, Sketch, Zeplin, Adobe XD, Invision,…Với những công c�?này, thiết k�?UI trong Landing Page của các đội thi s�?tập trung hơn vào nhiệm v�?tạo nên khung cảnh, đảm bảo t�?l�?của màu nền và định dạng của khung lưới màn hình tr�?nên cân đối nhất có th�?

Song song với phần chia s�?của cô Xuân, thầy Huy một lần nữa mang tới những kiến thức thú v�?v�?sáu điều không nên làm đối với việc thiết k�?UI trong Landing Page. Diễn giải c�?th�?v�?điều này, thầy Huy cho hay: “Đây là những lỗi thường xuyên xuất hiện �?phần thiết k�?UI, không ch�?với người mới bắt tay vào xây dựng Landing Page mà còn c�?những người có chuyên môn đôi khi cũng không tránh khỏi sai sót. Chính vì th�? các đội chơi cần phải cẩn trọng và test thật kĩ trước khi ra mắt sản phẩm”.

• S�?m�?nhạt – không tạo ấn tượng cho người dùng gây khó khăn trong quá trình tham khảo, không thu hút, không dẫn dắt, v…v
• Phức tạp trong form điền thông tin: quá rắc rối, câu hỏi khó hiểu, quá nhiều thông tin khiến người dùng thấy khó đăng ký
• Khó đọc b�?cục, căn chỉnh font ch�? size ch�? màu sắc rối loạn khiến người dùng khó tham khảo và tìm thấy thông tin cần thiết
• Ngẫu hứng s�?dụng nhiều nút không đồng b�? sắp xếp không đều, v…v gây bối rối cho người dùng trong quá trình tham khảo thông tin
• B�?trí CTA thiếu, CTA không rõ ràng, không có hiệu ứng thu hút, kích thích hành động
• Tham lam nhồi nhét quá nhiều mục tiêu, CTA hoặc chèn quá nhiều thông tin, hình ảnh, video v�?thương hiệu không cần thiết cho khách hàng

Đằng sau những lời ch�?dẫn tận tình v�?thiết k�?UI trong Landing Page, thầy Huy còn nhắc tới UX hay còn được biết tới là User Experience – trải nghiệm người dùng. Mô t�?một cách đơn giản, UX là những đánh giá của người dùng khi truy cập Landing Page và các lỗi thiết k�?UX t�?s�?ảnh hưởng xấu đến sản phẩm, dịch v�? thương hiệu. Mặt khác, với s�?phát triển của công ngh�?ngày nay cũng như tính thông dụng của smartphone, thiết k�?UI trên mobile tr�?nên quan trọng hơn bao gi�?hết khi website cần responsive lên tới 70% lưu lượng truy cập Internet ngày nay. Theo đó, lợi ích khi thiết k�?UI trên mobile cũng cực kì phong phú bởi người dùng website d�?dàng truy cập, tốc đ�?load nhanh hơn, tối ưu cho SEO website, các thao tác tìm kiếm hết sức thuận lợi.

Chưa dừng lại �?đó, trong phần cuối của chương trình thầy Định – GV ngành CNTT cơ s�?HCM cũng đã hướng dẫn cho các thí sinh một vài vài lưu ý nh�?v�?thông s�?khi thiết k�?UI trên mobile: s�?dụng kích thước khuyến ngh�?cho mobile (t�?l�?khung hình 9:16, kích thước khuyến ngh�?tối thiểu cho font ch�?là 16px, kích thước của các nút trên website nằm trong khoảng t�?42px tới 72px), kích thước header, horizontal menu, footer, thông s�?form, tối ưu hóa ch�?đ�?ảnh dọc, tối thiểu hóa menu, thu gọn nội dung ph�?…

Cùng nhìn lại một s�?hình ảnh nổi bật trong buổi talkshow “UI trong thiết k�?Landing Page” nhé!

The post Tìm hiểu loạt tips hay biến UI “độc nhất vô nh�?#8221; qua talkshow “UI trong thiết k�?Landing Page” appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.