>  기사  >  웹 프론트엔드  >  등록양식 디자인 규칙_HTML/Xhtml_웹페이지 제작 규칙

등록양식 디자인 규칙_HTML/Xhtml_웹페이지 제작 규칙

WBOY
WBOY원래의
2016-05-16 16:46:011311검색
"가입 및 가입 패턴"오늘 리뷰를 쓰게 된 이유는 꼼꼼히 읽어본 결과 관심을 끄는 커뮤니티 구축 가이드에 더 가깝다는 것을 알았기 때문입니다. 지역사회 활동 회원에 대한 연구를 위한 좋은 자료입니다.
읽고 내 생각을 쓰기로 했으니, 먼저 전체 자료의 뼈대를 분해한 뒤 관점을 토대로 등록과 관련된 내용을 이야기해보겠습니다.
등록은 사실 조금 지루한 작업입니다. "가입 및 가입 패턴"에서 언급한 요점은 다음과 같습니다.
사용자에게 가입할 좋은 이유 제공
얼핏 보면 마케팅과 비슷해 보이지만 본질은 변하지 않지만 사람의 감정은 바뀔 수 있습니다. 사용자에게 가입할 좋은 이유를 제공하세요. ;
가입 과정을 수월하게 만드세요
지루하고 지루한 느낌을 바꾸는 것이 우리가 해야 할 일입니다. 양식이나 전체 등록 과정을 쉽고 수월하게 만드세요.
신규 사용자를 방치하지 마세요
전체 자료에서 이 관점의 중요성은 활동을 늘리는 방법에 중점을 둡니다. 사용자는 등록을 완료한 후에도 미션을 완료하지 않습니다. 커뮤니티 새로운 것이 이제 막 시작되었습니다.
초기 연결 가속화
이전 지점에서 활동이 시작되면 사용자가 커뮤니티에서 생활을 시작하고 가지고 있는 정보 등을 통해 연결을 설정할 수 있도록 하는 방법은 다음과 같습니다. 이전 게시글. 오셔서 친구들과 소통하고, 바다 건너편에 친한 친구가 있는 느낌, 지구 반대편의 이웃이 된 듯한 느낌을 진정으로 경험해 보세요.
전체 기사의 뼈대 구조는 단계별 행동 지침입니다. Facebook에 회원을 소개하고 활발한 커뮤니티를 유지하는 데 대한 초기 지침에 대한 자세한 주석과 지침을 제공합니다. 읽은 후 작업 요약에 집중하고 등록 양식에 대한 몇 가지 규칙을 정리하세요.
    양식 구조에 여러 단계가 필요한 경우 명확한 탐색 기능을 제공하는 것이 중요합니다. 진행률 눈금자를 사용하여 사용자에게 현재 위치와 전체 단계를 알려줍니다. step1, step2, step3 표시와 같은 여러 단계 간의 논리적 연결을 강조합니다. 의미 있는 그림이나 아이콘, 제목을 사용하여 단계를 설명하세요. 간단한 언어나 2인칭을 사용하여 동작을 설명합니다. 논리적 단계는 3단계로 제한하는 것이 가장 좋습니다. 사용자 등록 동작에 대한 프롬프트
      도움이 필요하거나 작업 간에 연결이 있는 경우 팁이 표시되어야 합니다. 완료된 각 입력 항목에 대해 체크 아이콘을 표시하는 등 사용자에 대한 격려가 프로세스에 반영되어야 합니다. 팝업 경고 알림을 피하십시오 ICON의 오류 메시지는 사용자에게 좌절감을 느끼게 하는 경고 표현을 사용하지 않습니다. 프롬프트, 성공 및 오류 스타일을 표시하는 간단하고 인식하기 쉬운 아이콘 양식을 제출할 때 오류가 있는 경우 전체 양식의 머리 부분에 오류 알림을 표시하여 사용자가 수정하도록 안내하는 것이 가장 좋습니다.
    카피라이팅에 대하여 양보다 질이 더 중요합니다. 하이라이트를 밋밋하게 나열하기보다는 지적하세요. 특별한 의미를 지닌 카피라이팅은 피해주세요. 전용명사가 있는 경우, 사용자의 혼란을 피하기 위해 명확하게 설명해주세요. 카피라이팅 표면의 하이라이트와 사용자에게 가장 매력적인 것이 무엇인지 생각해 보십시오. 때로는 "최신"이라는 단어가 반드시 사용자가 가장 관심을 갖는 것이 아닐 수도 있습니다. 이전 프로젝트에서 여러 데이터와 사례를 통해 카피라이팅이 정말 중요하다는 사실이 강조되었습니다. 양식 레이아웃 정렬된 필드, 동일한 길이의 입력 상자, 일관된 시각적 스타일을 사용하여 시각적 혼란을 줄여보세요. 한 화면에서 필드와 입력 상자 수를 3~6개로 제한하세요(주로 다단계 상황에서 사용됨). 선택항목과 필수항목이 있는 경우 차이점을 명시해 주세요. 다양한 개념에 대한 정보를 분류하고 선택항목과 필수항목을 최대한 분리합니다.

이러한 양식 디자인에 대한 일반적인 규칙은 미국 Yahoo의 LukeW에서 제공하는 양식 전체 설명에도 나와 있습니다. 학생들이 참고할 수 있도록 요약하겠습니다. 점을 깊이 있게 탐구할 수 있다. 여기에는 나열되지 않았으며 후속 분해를 위해 남겨질 것입니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.