1. Giới thiệuNgày nay, hoạt động kinh doanh của các công ty Internet lớn ngày càng tinh vi hơn và cách chơi cũng ngày càng mới lạ hơn. Từ các phương pháp chia sẻ đơn giản đến trải nghiệm hoạt động trò chơi, làm thế nào chúng ta có thể thu hút nhiều người dùng hơn tham gia vào các hoạt động và đạt được các mục tiêu hoạt động như thu hút người dùng mới, thúc đẩy hoạt động và doanh thu thương mại? "Bí mật" này sẽ kết hợp các trường hợp thiết kế hoạt động vận hành trước đây của Baidu APP để nói ngắn gọn về cách chúng ta có thể sử dụng lịch trình thời gian hạn chế để xây dựng trang chủ hoạt động một cách nhanh chóng và hiệu quả trong công tác thiết kế, qua đó nâng cao nhận thức về thương hiệu của hoạt động trong khi giảm chi phí và tăng hiệu quả, đồng thời thúc đẩy chuyển đổi người dùng. Trước hết, chúng ta cần hiểu một bộ hoàn chỉnh các quy trình tham gia hoạt động vận hành, bao gồm người dùng bắt đầu từ vị trí tài nguyên, vào trang chủ hoạt động để tham gia hoạt động và cuối cùng là nhận ra trải nghiệm liên kết đầy đủ của hoạt động thông qua cửa sổ bật lên, trang phụ và hướng dẫn nội dung khác. Mục đích của vị trí nguồn lực là để thu hút lưu lượng truy cập và nhấp chuột của người dùng. Do đó, khi thiết kế vị trí nguồn lực, chúng ta sẽ tập trung một cách đơn giản và sơ bộ vào các phương tiện như thu hút sự quan tâm hay sáng tạo thú vị; và trang chủ sự kiện là phần quan trọng nhất của toàn bộ sự kiện và cần phải liên tục duy trì sự gắn kết của người dùng để đạt được chuyển đổi, đây cũng là điều chúng tôi sẽ nói chi tiết bên dưới; Các cửa sổ bật lên và trang phụ hướng dẫn người dùng hoàn tất một loạt các thao tác để làm phong phú thêm toàn bộ trải nghiệm trong quá trình sự kiện. 2. Trang chủ hoạt động của một công ty lớn trông như thế nào?Khi xem xét các hoạt động vận hành chính của nhiều nút như Kuaishou và Alipay, ngoài sự tinh tế của thiết kế luôn trực tuyến, cấu trúc khung, bố cục thông tin và các yếu tố thiết kế của trang chủ hoạt động có thể được tinh chỉnh và tóm tắt. 3. Kiến trúc ba tầng cho các hoạt động lắp ráp và vận hành nhanh chóngChúng ta có thể định nghĩa trang chủ hoạt động là một cấu trúc ba lớp: lớp sáng tạo, lớp khung và lớp đối thoại. Tiếp theo, chúng tôi sẽ giải thích chi tiết các yếu tố xây dựng của kiến trúc ba lớp và nội dung cụ thể của các yếu tố này. Chúng tôi sẽ thiết kế dựa trên sự hiểu biết này để việc xây dựng trang trở nên dễ dàng hơn. 1. Lớp sáng tạoLớp sáng tạo được sử dụng để hiển thị hình ảnh chủ đề tĩnh hoặc động, hoặc các thực thể trò chơi tương tác, chẳng hạn như bản đồ trò chơi Cờ tỷ phú, màn hình hiển thị thẻ để chơi trò chơi thu thập thẻ và thẻ hỏi đáp để đoán và trả lời trò chơi. Đây là phần chúng ta cần tập trung vào tính sáng tạo trong công việc thiết kế. Tính sáng tạo của các hoạt động khác nhau là khác nhau và linh hoạt. Trong quá trình thực hiện dự án, thông thường trước tiên cần xác định hình dạng chung của lớp sáng tạo dựa trên lối chơi chính, khi thiết kế lớp khung, đặt các mô-đun chức năng khác nhau theo hình dạng chung của lớp sáng tạo, sau đó làm phong phú các yếu tố bầu không khí chi tiết của lớp sáng tạo để tối ưu hóa hiệu ứng hình ảnh và hiệu ứng màn hình tổng thể của trang hoạt động. Trong giai đoạn đầu của dự án, chúng ta có thể sử dụng các công cụ tạo hình ảnh AI để nhanh chóng tạo ra nhiều tài liệu trực quan khác nhau, từ đó chúng ta có thể có được các yếu tố thiết kế, cách phối màu và ý tưởng bố cục mới, giúp chúng ta dự đoán trước hướng đi trực quan và chất lượng của sự kiện. 2. Lớp xươngLớp khung chứa các mô-đun chức năng như các nút thao tác. Lớp khung của màn hình đầu tiên của các hoạt động trò chơi điện tử thường sử dụng "bố cục trả về" để tận dụng tối đa không gian trang để chứa các mô-đun chức năng, bao gồm mô-đun tiêu đề, mô-đun hoạt động chính, mô-đun trò chơi phụ (lối vào trò chơi phụ, tiến trình phần thưởng) và mô-đun chuyển hướng. Mô-đun tiêu đề: thường bao gồm hình ảnh tiêu đề chủ đề, LOGO chung, các chức năng phụ trợ, v.v. Phong cách bố cục rất linh hoạt và phù hợp với mọi hoạt động. Nó có thể được chế tạo thành các thành phần để tái sử dụng nhanh chóng. Mô-đun vận hành chính: Có khả năng dẫn hướng mạnh mẽ, tăng cường sức mạnh cho nút chính và làm yếu tương đối các nút vận hành xung quanh. Khu vực hoạt động chính có mức độ ưu tiên cao nhất trong hệ thống phân cấp trực quan, nhưng cấu trúc của nó không được phức tạp. Các nút đa chức năng có vẻ rất phong phú, nhưng chi phí nhận thức của người dùng lại cao, điều này không có lợi cho người dùng mới bắt đầu. Mô-đun trò chơi: bao gồm mô-đun phụ trợ trò chơi chính và mô-đun trò chơi phụ, được sử dụng để trình bày thông tin như trạng thái hiện tại và tiến trình tham gia. Nó thường có tính khích lệ cao và đi kèm với bản sao khích lệ và phản hồi năng động. Nội dung trò chơi phụ nên được đưa vào lớp bán đàn hồi càng nhiều càng tốt để giảm tình trạng nhảy cóc và khiến quá trình tham gia trở nên nhập vai hơn. Mô-đun chuyển hướng giao thông: Được sử dụng cho các hoạt động đồng thời hoặc chuyển hướng giao thông thương mại. Thông thường, trang hoạt động hiện tại sẽ bật lên. Vì vậy, không nên có quá nhiều vị trí đánh lạc hướng. Có thể hiển thị nhiều lối vào khác nhau theo hàng đợi hoặc cấu hình. Về phía bố cục hình tròn, một lượng không gian trống nhất định cũng có thể tránh gây ra quá nhiều sự can thiệp vào hoạt động chính của người dùng. Ngoài ra, thiết kế thương hiệu và các thành phần vật chất của sự kiện cũng là những phần quan trọng của lớp khung. Chúng ta có thể loại bỏ các thành phần cơ bản nhất tạo nên trang và chạy qua nó, chẳng hạn như phông chữ, màu sắc, ký hiệu, vật liệu, IP, hình ảnh động, v.v. Các thành phần cơ bản này sẽ được sử dụng trong toàn bộ quá trình sự kiện và là nền tảng để xây dựng giao diện. 1) Phông chữ khác nhau truyền tải những đặc điểm tính cách khác nhau. Ví dụ, đối với hoạt động cá cược thể thao, sẽ phù hợp hơn khi sử dụng phông chữ sans-serif có góc cạnh để phản ánh tính cạnh tranh và tính chuyên nghiệp; đối với các hoạt động du lịch hoặc chơi game, nên sử dụng nhiều phông chữ khác nhau với các góc bo tròn để thể hiện sự thoải mái và sức sống. 2) Giống như phông chữ, màu sắc có tính biểu tượng cao và sẽ quyết định tính chất của một sự kiện. Ví dụ, màu đỏ tượng trưng cho sự nhiệt tình và đam mê, tạo nên bầu không khí sôi động, thích hợp cho các sự kiện như Tết Nguyên đán và Ngày lễ tình nhân; màu xanh lá cây tượng trưng cho sức khỏe và sự thoải mái, thích hợp sử dụng trong các hoạt động y tế. 3) Biểu tượng có vai trò trang trí và hỗ trợ trong các hoạt động. Khi chúng nhất quán với ý nghĩa của hoạt động, chúng có thể trở thành chiếc búa trực quan, đóng chặt ngôn ngữ của hoạt động vào tâm trí người dùng. Các biểu tượng được sử dụng nhiều lần trong các hoạt động, không chỉ tăng cường trí nhớ mà còn làm tăng tính thống nhất của hoạt động. 4) Vật liệu xuất hiện như đạo cụ trực quan và trang trí chính trên trang. Thông qua việc thiết lập và sắp xếp vật liệu chuẩn hóa, một thành phần có thể gọi nhanh và bảo trì thuận tiện được hình thành, có thể tránh vấn đề tạo ra nhiều phong cách mới trong cùng một bối cảnh và tăng cường tính thống nhất của thương hiệu sự kiện. 5) Hình ảnh IP có tính biểu tượng điển hình. Nó có thể tăng cường sự hứng thú về mặt thị giác, nhanh chóng thu hẹp khoảng cách cảm xúc giữa người dùng và thúc đẩy nhận dạng tâm lý và cảm xúc tích cực. Vì vậy, chúng ta cũng phải học cách lồng ghép hình ảnh IP một cách linh hoạt vào các hoạt động. Các cảnh phổ biến bao gồm hình ảnh chính tương tác, các trang khơi gợi cảm xúc, cửa sổ bật lên phản ánh cảm xúc, v.v. 6) Hiệu ứng chuyển động thường là yếu tố hoàn thiện trải nghiệm của người dùng, nhưng đây cũng là một quá trình khá tốn thời gian. Ngoài các hiệu ứng chuyển động trực quan tùy chỉnh cho từng hoạt động, chúng ta có thể cấu thành các phần của trang một cách linh hoạt như nhịp thở của btn, cửa sổ bật lên, nửa lớp tăng, hướng dẫn bằng tay nhỏ, hiệu ứng ánh sáng trang, v.v., cho phép chúng ta giảm chi phí thời gian thiết kế và phát triển trong một hoặc nhiều hoạt động. Thông qua việc hiểu biết và sử dụng linh hoạt các mô-đun và thành phần trên, việc xây dựng lớp khung có thể trở nên phong phú và hoàn thiện hơn. 3. Lớp đối thoạiTrong thiết kế giao diện hoạt động, lực kéo rất quan trọng. Trên cơ sở lớp khung, lớp đối thoại có thể tăng tính tương tác, từ đó thu hút người dùng tham gia. Các dạng phổ biến của lớp đối thoại bao gồm: mẹo, cửa sổ bật lên và trình hướng dẫn. Mẹo: Hộp nhắc nhở bong bóng có thể được gắn linh hoạt vào nhiều mô-đun khác nhau của lớp khung. Chúng thường được sử dụng để hiển thị bản sao động lực tại những thời điểm cụ thể kết hợp với các chiến lược chơi trò chơi để hướng dẫn người dùng nhấp vào các đối tượng được nhắc. Cần lưu ý rằng, chỉ nên hiển thị một mẹo trên một màn hình để tránh gây mất tập trung cho người dùng. Cửa sổ bật lên: Cửa sổ bật lên là thành phần được sử dụng phổ biến nhất trong giao diện người-máy tính. Trong hoạt động gamification, chúng có thể được chia thành ba loại theo kịch bản: cửa sổ bật lên khuyến khích, cửa sổ bật lên duy trì và cửa sổ bật lên bất thường. Khi thiết kế cửa sổ bật lên, chúng tôi tập trung công việc thiết kế vào các cửa sổ bật lên có tính khuyến khích. Cửa sổ bật lên khuyến khích được sử dụng để hướng dẫn người dùng hoàn thành một nhiệm vụ duy nhất. Do đó, cần phải tăng cường các điểm quan tâm và các nút thao tác chính của tác vụ của người dùng và giữ các yếu tố và nút còn lại ở xa hoặc yếu hơn càng nhiều càng tốt để tầm nhìn của người dùng có thể tập trung hơn và hiệu quả hướng dẫn của chủ thể khuyến khích có thể được cải thiện. Mặc dù các cửa sổ bật lên mang tính động viên có tác dụng hướng dẫn mạnh nhất, nhưng chúng có thể dễ dàng khiến người dùng có cảm giác bị chặn. Do đó, chúng tôi thường kết hợp hoạt động IP và hiệu ứng bầu không khí vào thiết kế cửa sổ bật lên để bù đắp cho cảm giác tiêu cực khi làm phiền người dùng. Đồng thời, chúng tôi cũng tăng cường tính thú vị của các cảnh quay mang tính khích lệ và thực hiện những thay đổi phù hợp tại địa phương để mang đến cho người dùng trải nghiệm hình ảnh phong phú và đa dạng hơn. Phù thủy: Phù thủy được sử dụng để đào tạo người mới. Khác với các trình hướng dẫn chức năng sản phẩm, trong hoạt động gamification, người dùng thường thiếu kiên nhẫn để học, do đó cần sử dụng các trình hướng dẫn nhẹ càng nhiều càng tốt. Chúng tôi thường sử dụng ba loại trình hướng dẫn: con trỏ cử chỉ, hướng dẫn từng bước và hộp thoại không theo mô hình. Trong các hoạt động có lối chơi đơn giản hơn, con trỏ cử chỉ thường chỉ được sử dụng một lần để chỉ các nút hành động chính. Nếu lối chơi có phần phức tạp, để tránh việc có quá nhiều nút chức năng khiến người dùng cảm thấy phức tạp, bạn có thể sử dụng hướng dẫn từng bước bằng con trỏ cử chỉ để hiển thị dần lớp khung và dẫn dắt người dùng trải nghiệm từng lối chơi khác nhau. Khuyến cáo rằng hướng dẫn từng bước không nên quá 3 bước. Nếu cần hướng dẫn nhiều nội dung giáo dục, có thể chia thành nhiều giai đoạn hoặc làm chậm trễ trải nghiệm của người dùng. Hộp thoại không theo mô hình là nỗ lực mới gần đây của chúng tôi. Nó có thể được tích hợp vào lớp sáng tạo và cũng có thể hướng dẫn lớp khung xương. Đây là một hình thức đối thoại linh hoạt và nhẹ nhàng. Khi sử dụng với IP, việc sử dụng ngôi thứ nhất và ngôi thứ hai có thể mang lại cho người dùng cảm giác tương tác mạnh mẽ hơn và làm cho IP trở nên quan trọng hơn. IV. Phụ lụcVới lịch trình làm việc hạn chế, việc hoàn thành nhu cầu kinh doanh một cách nhanh chóng và hiệu quả là rất quan trọng. Thông qua các công cụ tạo hình ảnh AI và phân tích thành phần, từng yếu tố quan trọng đều được thiết kế. Đồng thời, kết hợp với phương pháp kiến trúc ba lớp, các "khối xây dựng" tương ứng được ghép lại với nhau giống như chơi Lego, được điều chỉnh và tối ưu hóa dần dần, rồi hình thành nên trang hoạt động thao tác. Hiệu quả công việc được cải thiện, các nhà thiết kế có thể có nhiều năng lượng hơn để tập trung vào trải nghiệm và chi tiết, đồng thời nhận ra giá trị thương mại cao hơn của thiết kế. Cuối cùng, cảm ơn bạn đã đọc đến tận đây. Tôi hy vọng những "mẹo" này có thể truyền cảm hứng cho bạn. Tác giả: MEUX Tài khoản công khai nguồn: Baidu MEUX (ID: baidumeux), Trung tâm thiết kế trải nghiệm người dùng hệ sinh thái di động Baidu, chịu trách nhiệm thiết kế trải nghiệm liên kết đầy đủ của người dùng/sản phẩm thương mại trong hệ sinh thái di động của Baidu. |
>>: Liệu mức giá “9,9 nhân dân tệ” trên thị trường cà phê có thể kéo dài được không?
Thị trường phim truyền hình siêu ngắn Nhật Bản đa...
Người chơi đều biết rằng trang bị và ngọc bổ trợ t...
DNS (Domain Name System) là hệ thống được sử dụng ...
Bài viết này phân tích dữ liệu thị trường phim ng...
Các thiết bị lưu trữ cũng đã có những thay đổi to ...
Konka TV là một thương hiệu nổi tiếng được đánh gi...
Trước và sau kỳ nghỉ lễ Quốc tế Lao động, thành p...
Tuy nhiên, trong quá trình sử dụng, tivi là thiết ...
IP tiếp thị của Xiaohongshu đã trở thành xu hướng...
Nhưng đôi khi vẫn có một số lỗi. Máy photocopy C45...
Ở thời đại công nghệ cao này, máy tính đã trở thàn...
Các nhà thiết kế có thể tối ưu hóa nội dung quảng...
Trong ngành dịch vụ ăn uống có tính cạnh tranh ca...
Vâng, ở đây biên tập viên cũng đã mang đến cho bạn...
Ngày nay, tài liệu PDF đã trở thành định dạng tệp ...