1. การแสดงข้อมูลสำคัญที่โดดเด่น
● ข้อมูลสำคัญในหน้ากิจกรรมคือ ชื่อกิจกรรม (แจ้งให้ผู้ใช้ทราบว่ากิจกรรมคืออะไร) การตั้งค่ารางวัล (สิ่งที่จะได้รับจากการเข้าร่วม) การเข้าร่วม (ช่องทางในการเข้าสู่กระบวนการของงาน) กฎการเข้าร่วม (วิธีการเข้าร่วม ในกิจกรรม) ระยะเวลาของกิจกรรม อันดับ หรือข้อมูลรางวัล
● ชื่อกิจกรรม (รวมถึงคำกริยา) เวลาที่มีผลของกิจกรรม การตั้งค่ารางวัล และการเข้าชมจะต้องรวมไว้ในพื้นที่ปลอดภัยของหน้าจอแรกโดยสมบูรณ์ และกฎของกิจกรรมสามารถรวมไว้ในพื้นที่ปลอดภัยได้บางส่วน
● ข้อมูลข้อความของกิจกรรมใช้โครงสร้างปิรามิดกลับหัว โดยมีข้อมูลสรุปอยู่ด้านบนและมีความสำคัญลดลง อนุญาตให้ผู้ใช้รับภาพรวมของกิจกรรมในระยะเวลาน้อยที่สุดขณะเรียกดูเว็บไซต์
2. กระบวนการดำเนินงานเป็นไปอย่างราบรื่น
● ก่อนที่ผู้ใช้จะเริ่มทำงาน หากจำเป็นต้องนำเสนอกระบวนการของงานทีละขั้นตอน จำเป็นต้องมีการแสดงกระบวนการแบบกราฟิกเพื่อให้ผู้ใช้สามารถมีความเข้าใจโดยรวมเกี่ยวกับขั้นตอนการดำเนินงานของงานได้
● เมื่อผู้ใช้กำลังทำงาน หากใช้กล่องโต้ตอบเพื่อดำเนินขั้นตอนของกระบวนการงาน จะต้องมีกลไกคำแนะนำ "ขั้นตอนก่อนหน้า ขั้นตอนถัดไป"
● เมื่อทำงานเสร็จแล้ว หากคุณได้ออกจากหน้าที่ใช้งานอยู่ คุณต้องออกแบบกลไกเชิงโต้ตอบเพื่อกลับไปยังหน้าที่ใช้งานอยู่:
ก) ข้ามกลับไปยังหน้ากิจกรรมโดยอัตโนมัติหลังจากกิจกรรมเสร็จสิ้น
ข้อดี: สามารถกระโดดกลับได้โดยอัตโนมัติ ข้อเสีย: เมื่อหน้าเสร็จสิ้นกิจกรรมมีฟังก์ชันอื่น ๆ จะไม่สามารถรับรู้การกระโดดกลับอัตโนมัติได้
b) หน้ากิจกรรมเสร็จสิ้นจะมีลิงก์กลับไปยังหน้ากิจกรรม
ข้อดี: สามารถแก้ปัญหาไม่สามารถกระโดดกลับอัตโนมัติได้หลังจากกิจกรรมเสร็จสิ้น
ข้อเสีย: ผู้ใช้จะต้องทริกเกอร์ลิงก์ส่งคืนด้วยตนเอง
c) เพจที่ใช้งานอยู่จะเปิดกล่องโต้ตอบโมดอล
ข้อดี: ปิดกล่องโต้ตอบเพื่อย้อนกลับ
ข้อเสีย: ไม่เหมาะที่จะใช้กล่องโต้ตอบเมื่อมีข้อมูลและฟังก์ชันจำนวนมากที่จำเป็นต้องดำเนินการ
d) เพจที่ใช้งานยังคงอยู่และเพจที่เพิ่งเปิดใหม่จะปรากฏขึ้น
ข้อดี: ค่าใช้จ่ายในการใช้เทคโนโลยีต่ำ
ข้อเสีย: เมื่อมีงานเสริมมากเกินไป หลังจากดำเนินการหลายชุด หน้าต่างผู้ใช้ก็จะเพิ่มมากขึ้น
3. ตอบสนองต่อการดำเนินงานของผู้ใช้ทันที
● เมื่อมีการจำกัดจำนวนครั้งที่คุณสามารถเข้าร่วมกิจกรรมและรับรางวัลได้ ระบบจะแสดงข้อความแจ้งตามค่าเริ่มต้น และสถานะคุณสมบัติจะต้องรีเฟรชทันทีหลังจากเสร็จสิ้นภารกิจ
● ผู้ใช้ต้องการคำติชมเกี่ยวกับผลการปฏิบัติงานในระหว่างกระบวนการทำงาน สถานการณ์ทั่วไปที่จำเป็นต้องมีคำติชม:
ก) รับผลตอบรับของรางวัลหลังการดำเนินการเสร็จสิ้น
b) ข้อเสนอแนะความสำเร็จหรือความล้มเหลวในการดำเนินงาน
c) ข้อเสนอแนะข้อผิดพลาดในการดำเนินงาน
4. ใช้ภาษาภาพอย่างถูกต้องในการถ่ายทอดข้อมูลอินเทอร์เฟซ
● สามารถรับรู้รูปแบบของปุ่มได้อย่างถูกต้อง สะดุดตา โดดเด่น และโดดเด่นออกจากหน้าจอ ใช้ไฮไลต์ การไล่ระดับสี เงา มุมโค้งมน ลายเส้น ฯลฯ เพื่อปรับปรุงการรับรู้
● ลำดับชั้นภาพของหน้า: ไฮไลต์ > การไล่ระดับสี > เงาตก > สีทึบ > เส้นโครงร่าง
● เลเยอร์เนื้อหาและเลเยอร์พื้นหลังมีการแบ่งชั้นกันอย่างชัดเจนและไม่สามารถรบกวนการอ่านหน้าหลักได้เพื่อหลีกเลี่ยงการเข้ามาแทนที่หน้าหลัก
● ห้ามเลียนแบบการควบคุมของระบบและไคลเอนต์อย่างเป็นทางการของ QQ
● ไอคอนที่มีการดำเนินการแบบโต้ตอบไม่สามารถอยู่ได้เพียงลำพังเป็นองค์ประกอบตกแต่ง