Vừa qua (20/03), cuộc thi “Landing Page Hackathon 2023” do Cao đẳng FPT Polytechnic tổ chức tiếp tục mang đến cho thí sinh talkshow bổ ích mang tên “UI trong thiết kế Landing Page”, cung cấp “tips” hữu hiệu xoay quanh những công cụ “đắc lực” khi thiết kế UI.
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 Polytechnic 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ị”, 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 Polytechnic 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ử
Ở 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é!
| Landing Page Hackathon là cuộc thi thiết kế Landing Page dành cho sinh viên kì 2 Trường Cao đẳng FPT Polytechnic đầy tiềm năng thuộc các ngành Thiết kế web, Lập trình web, Phát triển phần mềm, Ứng dụng phần mềm, Thương mại điện tử và Thiết kế đồ hoạ. Với tổng giá trị giải thưởng lên đến hơn 33 triệu đồng, cuộc thi hứa hẹn sẽ là cuộc tranh tài hấp dẫn giữa những tài năng trẻ, đồng thời mang đến không khí giao lưu giữa sinh viên FPT Polytechnic trên toàn quốc.
Thời gian:
Thời gian đăng ký: 15/02/2023 – 12:00 04/03/2023 Thời gian nộp bài sơ loại: từ 06/03/2023 – 27/03/2023
Địa điểm diễn ra vòng chung kết: Cao đẳng FPT Polytechnic Tây Nguyên Thể lệ:
Barem chấm điểm:
Giải thưởng:
Thông tin liên hệ:
|
