1. 중요한 정보를 눈에 띄게 표시
● 활동 페이지의 중요 정보는 활동 제목(활동이 무엇인지 사용자에게 알리기), 시상 설정(참여하면 무엇을 얻을 수 있는지), 참여 입장(과제 프로세스에 입장할 수 있는 채널), 참여 규칙(참여 방법)입니다. 활동 내), 활동 유효 기간, 순위 또는 수상 정보.
● 첫화면 안전영역에는 행사명(동사포함), 행사유효시간, 시상설정, 참가입장이 모두 포함되어야 하며, 안전지역에는 행사규칙의 일부가 포함될 수 있습니다.
● 활동의 텍스트 정보는 역피라미드 구조를 사용하며 요약 정보가 맨 위에 있고 중요도가 감소합니다. 사용자가 웹사이트를 탐색하는 동안 최소한의 시간에 활동 개요를 얻을 수 있도록 합니다.
2. 원활한 업무 수행 프로세스
● 사용자가 작업을 시작하기 전, 작업 과정을 단계별로 제시해야 한다면, 사용자가 작업의 동작 단계를 전반적으로 이해할 수 있도록 그래픽적인 과정 표현이 필요합니다.
● 사용자가 작업을 수행할 때 작업 프로세스의 단계를 수행하기 위해 대화 상자를 사용하는 경우 "이전 단계, 다음 단계" 안내 메커니즘을 제공해야 합니다.
● 작업을 완료할 때 활성 페이지에서 벗어난 경우 활성 페이지로 돌아가기 위한 대화형 메커니즘을 설계해야 합니다.
a) 활동이 완료된 후 자동으로 활동 페이지로 돌아갑니다.
장점: 자동으로 뒤로 이동할 수 있습니다. 단점: 활동 완료 페이지에 다른 기능이 있는 경우 자동으로 뒤로 이동할 수 없습니다.
b) 활동 완료 페이지에는 활동 페이지로 돌아가는 링크가 제공됩니다.
장점: 활동이 완료된 후 자동으로 되돌아오지 못하는 문제를 해결할 수 있습니다.
단점: 사용자가 반품 링크를 수동으로 실행해야 합니다.
c) 활성 페이지에서 모달 대화 상자가 열립니다.
장점: 돌아가려면 대화 상자를 닫으세요.
단점: 담아야 할 정보와 기능이 많은 경우 대화 상자를 사용하는 것은 적합하지 않습니다.
d) 활성 페이지는 유지되고 새로 열린 페이지가 나타납니다.
장점: 기술 구현 비용이 저렴합니다.
단점: 부차 작업이 너무 많으면 일련의 작업 후에 사용자 창이 더 많아집니다.
3. 이용자의 작업에 대한 신속한 대응
● 이벤트 참여 및 경품 수령 횟수에 제한이 있는 경우 기본적으로 안내 메시지가 표시되며, 과제 완료 후 즉시 자격 상태를 새로 고쳐야 합니다.
● 사용자는 작업 프로세스 중에 작업 결과에 대한 피드백이 필요합니다. 피드백이 필요한 일반적인 상황은 다음과 같습니다.
a) 작업이 완료된 후 보상 피드백을 받습니다.
b) 작업 성공 또는 실패 피드백
c) 작동 오류 피드백
4. 시각적 언어를 올바르게 사용하여 인터페이스 정보를 전달합니다.
● 버튼의 형태가 눈에 띄고, 눈에 띄고, 화면에서 튀어나오는 형태로 인식할 수 있습니다. 하이라이트, 그라데이션, 그림자, 둥근 모서리, 획 등을 사용하여 인식을 향상시킵니다.
● 페이지의 시각적 계층 구조: 강조 표시 > 그라데이션 > 그림자 > 단색 > 획
● 콘텐츠 레이어와 배경 레이어는 명확하게 레이어되어 있으며 메인 페이지를 차지하지 않도록 메인 페이지 읽기를 방해할 수 없습니다.
● 시스템 및 QQ 공식 클라이언트의 제어를 모방하는 것은 금지되어 있습니다.
● 인터랙티브 액션이 포함된 아이콘은 단독으로 장식 요소로 존재할 수 없습니다.