현재 위치 - 회사기업대전 - 정보 컨설팅 - 웹 사이트 인터페이스 설계 사양은 무엇입니까?

웹 사이트 인터페이스 설계 사양은 무엇입니까?

가용성 사양

2.00 1 일반 버튼은 바로 가기 키를 지원해야 합니다.

2.002 동일한 기능 또는 작업을 수행하는 컴포넌트는 마우스 이동 거리를 줄이기 위해 중심 위치에 배치됩니다.

2.003 인터페이스는 키보드 자동 탐색 버튼, 즉 Tab 키를 누르는 자동 전환 기능을 지원해야 합니다.

2.004 인터페이스에서 중요한 정보를 먼저 입력해야 하는 컨트롤은 탭 순서 앞에 놓아야 하고, 위치도 창에서 비교적 눈에 띄는 위치에 놓아야 한다.

2.005 페이지 인터페이스는 페이지 간 빠른 전환을 지원하며, 일반적으로 바로 가기 키 Ctrl+Tab 을 사용합니다.

2.006 기본 버튼은 Enter 및 select 작업을 지원해야 합니다. 즉 Enter 키를 누르면 기본 버튼의 해당 작업이 자동으로 수행됩니다.

2.007 쓰기 가능 컨트롤은 잘못된 입력이 감지되면 해석되어야 하며 자동으로 초점을 맞출 수 있습니다.

2.008 Tab 키의 순서는 컨트롤의 정렬 순서와 일치해야 합니다. 현재 유행하는 것은 전체 배열은 위에서 아래로, 선은 왼쪽에서 오른쪽으로 배열되어 있다.

2.009 확인란과 옵션 상자는 선택 확률의 높낮이에 따라 정렬됩니다.

2.0 10 확인란과 옵션 상자에는 기본 옵션이 있어야 하며 탭 선택을 지원해야 합니다.

2.0 1 1 인터페이스 공간이 작은 경우 선택 상자 대신 드롭다운 상자를 사용합니다.

2.0 12 옵션 수가 적을 때 옵션 상자를 사용하고 드롭다운 상자를 대신 사용합니다.

2.0 13 사용자에 따라 전용 소프트웨어와 같은 적절한 성조를 사용하는 단어는 많은 전문어가 나타날 수 있습니다. 사용자는 아이입니다: 이것은 친절하고 친절할 수 있습니다. 늙은 사용자는 성숙하고 점잖아야 한다.

2.0 14 마우스를 클릭할 수 없을 때는 화살표를 표시하고, 클릭할 때는 손모양을 표시합니다. 시스템이 사용 중일 때 모래시계 모양을 표시합니다.

규범적 규범

2.0 15 메뉴 앞의 아이콘은 수행할 작업을 시각적으로 나타냅니다.

2.0 16 도구 모음 요구 사항은 사용자 요구 사항에 따라 사용자 정의할 수 있습니다.

2.0 17 시스템에서 일반적으로 사용되는 도구 모음의 기본 배치 위치를 설정합니다.

2.0 18 도구 상자는 증감해야 하며, 사용자는 필요에 따라 맞춤형으로 구성할 수 있습니다.

2.0 19 상태 표시줄에는 현재 작업, 시스템 상태, 사용자 위치, 사용자 정보, 힌트, 오류 메시지 등 사용자가 실제로 필요로 하는 정보가 표시되어야 합니다. 작업에 시간이 오래 걸리는 경우 진행률 표시줄과 진행률 힌트도 표시되어야 합니다.

2.020 스크롤 막대의 길이는 표시된 정보의 길이나 폭에 따라 적시에 변경되어야 사용자가 표시된 정보의 위치와 백분율을 알 수 있습니다.

2.02 1 상태 표시줄의 높이는 숫자 5 와 함께 놓아야 하고 스크롤 막대의 폭은 상태 표시줄보다 약간 좁습니다.

2.022 메뉴 및 도구 모음에는 명확한 경계가 있어야합니다. 도구 모음을 제거한 후에도 입체감이 남아 있도록 메뉴가 강조 표시되어야 합니다.

2.023 도구 모음은 일반적으로 메뉴보다 넓지만 너무 넓지 마십시오. 그렇지 않으면 조화롭지 않은 것처럼 보입니다.

도움말 설명

2.024 도움말 문서의 성능 설명 및 설명은 시스템 성능과 일치해야 합니다.

2.025 새 시스템을 포장할 때 수정된 부분은 도움말 문서에서 수정해야 합니다.

2.026 인터페이스에서 도움말을 호출할 때 작업과 관련된 도움말 위치로 적시에 이동할 수 있어야 합니다. 즉, 즉시 도움을 주어야 한다.

2.027 사용자는 키워드를 사용하여 도움말 색인에서 원하는 도움말을 검색할 수 있으며 도움말 키워드도 제공해야 합니다.

2.028 서면 도움말 문서가 제공되지 않은 경우 인쇄 도움말 기능이 있는 것이 좋습니다.

2.029 도움말, 우리는 우리의 기술 지원 방법을 제공해야 한다. 일단 사용자가 문제를 해결하기 어렵다는 것을 알게 되면, 그들은 쉽게 새로운 도움을 구할 수 있다.

합리성 규범

2.030 은 진행 중인 작업과 관련이 없는 버튼을 차단해야 합니다 (Windows 에서는 회색으로 표시되며 사용할 수 없음).

2.03 1 데이터 복구 불능을 초래할 수 있는 작업에 대한 확인 정보를 제공하여 사용자가 선택을 취소할 수 있는 기회를 제공해야 합니다.

2.032 잘못된 입력 또는 작동에는 충분한 힌트가 있어야 합니다.

2.033 작업 중 발생한 문제로 인한 오류에 대해 사용자에게 오류의 원인을 알리고 무기한 기다리지 않도록 힌트를 제공해야 합니다.

2.034 힌트, 경고 또는 오류 해석은 명확하고 명확하며 적절해야 합니다.

2.035 제출에 실패한 후 수정 후 다시 제출할 수 있도록 사용자 입력을 저장해야 합니다.

심미조화 규범

2.036 가로세로는 황금 분할점 비율에 가깝고, 가로세로가 불균형하거나 폭이 길이를 초과한다.

2.037 레이아웃은 합리적이어야 하고, 너무 밀집하지도 말고, 너무 허전하지도 말고, 공간을 합리적으로 이용해야 한다.

2.038 개의 버튼 크기는 기본적으로 비슷하므로 너무 많은 인터페이스 위치를 차지하지 않도록 긴 이름을 사용하지 마십시오.

2.039 버튼의 크기는 인터페이스의 크기와 공간에 맞게 조정되어야 합니다.

2.040 빈 인터페이스에 큰 버튼을 배치하지 마십시오.

2.04 1 배치 컨트롤을 사용하면 인터페이스에 큰 공간이 없어야 합니다.

2.042 글꼴 크기는 인터페이스의 크기 비율에 맞게 조정되어야 합니다.

2.043 전경색과 배경색은 합리적으로 조화를 이루어야 하며 대비가 너무 클 수 없습니다. 빨간색과 녹색과 같은 어두운 색을 적게 사용하는 것이 좋다. 예: 보안 소프트웨어, 업계 표준에 따라 노란색, 친환경, 블루 패션, 보라색 로맨틱 등을 선택할 수 있습니다. , 밝은 색은 사람을 편안하게 하고, 어두운 색은 사람을 피곤하지 않게 한다.

2.044 다른 색깔을 사용한다면, 주색은 부드러워야 하고, 친화력과 자성이 있어야 하며, 가시적인 색깔을 단호히 근절해야 한다.

2.045 인터페이스 스타일은 일관되어야 하며, 문자의 크기, 색상, 서체는 예술 처리가 필요하거나 특별한 요구 사항이 없는 한 일치해야 합니다.

2.046 사용자에게 사용자 정의 인터페이스 스타일을 제공할 수 있다면 사용자는 자신의 색상과 글꼴을 선택할 수 있습니다.

2.047 색맹과 약한 사용자는 특별한 색상을 사용하여 중요한 점이나 특별한 것을 나타내는 경우에도 특수 표시기를 사용해야 합니다.

2.048 배색에도 테스트가 필요합니다. 모니터와 그래픽 카드 문제로 인해 기계마다 색채 표현이 다르기 때문에 엄격하게 테스트하고, 기계마다 색채 테스트를 해야 한다.

2.049 통합 언어 설명 (예: 기능 끄기 버튼) 은 종료, 복귀, 닫기로 설명할 수 있으며 통일되어야 합니다.

메뉴 설계 조건

2.050 메뉴는 일반적으로 "일반-주-보조-도구-도움말" 위치에 배치되어 인기 있는 Windows 스타일에 부합합니다.

2.05 1 자주 사용하는' 파일',' 편집',' 보기' 등. , 거의 모든 시스템에 이러한 옵션이 있습니다. 물론 다른 시스템에 따라 선택해야 합니다.

2.052 풀다운 메뉴는 메뉴 옵션의 의미에 따라 그룹화되어야 하며, 특정 규칙에 따라 정렬되고 수평선으로 구분되어야 합니다.

2.053 메뉴 세트의 사용에 우선 순위나 안내 기능이 있을 경우 순서대로 정렬해야 합니다.

2.054 순서 요구 사항이 없는 메뉴 항목은 사용 빈도와 중요도에 따라 정렬됩니다. 일반적으로 맨 앞에, 자주 사용되지 않는 항목은 뒤에 있습니다. 중요한 것은 시작 부분에 있고, 부차적인 것은 뒤에 있다.

2.055 메뉴 옵션이 많은 경우 메뉴 길이를 늘리고 깊이를 줄이는 원칙을 채택해야 한다.

2.056 메뉴 깊이는 일반적으로 최대 3 층 이내로 제어해야 합니다.

2.057 작업과 무관한 메뉴를 마스킹하려면 필요한 메뉴만 표시하는 동적 로드 모드를 사용하는 것이 좋습니다.

2.058 메뉴 앞의 아이콘은 너무 크지 말고 글자 높이를 유지하는 것이 항상 가장 좋다.

2.059 주 메뉴의 너비는 가까워야 하고, 단어 수는 4 개를 넘지 않아야 하며, 메뉴당 단어 수는 같아야 합니다.

2.060 메인 메뉴 수를 너무 많이 하지 말고 한 줄로 배열하는 것이 좋습니다.

고유성 사양

2.06 1 설치 인터페이스에는 회사 소개 또는 제품 소개가 있어야 하며 아이콘이 포함되어 있습니다.

2.062 주 인터페이스, 대부분의 인터페이스에 있는 회사 아이콘이 가장 좋습니다.

2.063 로그인 인터페이스에는 이 제품의 로고와 회사 아이콘이 있어야 합니다.

2.064 도움말 메뉴의 정보는 저작권 및 제품 정보를 포함해야 합니다.

2.065 회사 제품군은 배경색, 글꼴, 메뉴 배열, 아이콘, 설치 절차 및 버튼 언어와 같은 일관된 인터페이스 스타일을 유지해야 합니다.

안전 규정

2.066 사용자가 실수로 잘못된 데이터를 입력하지 않도록 주의해야 합니다.

2.067 관련 컨트롤을 사용하여 사용자가 입력하는 숫자 유형을 제한합니다.

2.068 사용자가 두 가지 선택만 있을 때 라디오 버튼을 사용할 수 있습니다.

2.069 더 많은 선택이 있을 수 있을 때 확인란을 사용할 수 있습니다. 각 선택이 유효하므로 사용자가 유효하지 않은 선택을 입력할 수 없습니다.

2.070 옵션이 많은 경우 목록 상자와 드롭다운 상자를 사용할 수 있습니다.

2.07 1 한 응용 시스템에서 개발자는 사용자가 허가되지 않거나 무의미한 작업을 피해야 합니다.

2.072 치명적인 오류나 시스템 오류를 일으킬 수 있는 입력 문자 또는 동작을 제한하거나 마스킹해야 합니다.

2.073 심각한 결과를 초래할 수 있는 작업에 대해서는 시정 조치를 취해야 한다. 시정 조치를 통해 사용자는 원래의 정확한 상태로 돌아갈 수 있다.

2.074 는 시스템에서 사용하는 기호와 충돌하는 일부 특수 기호의 입력을 판단하여 사용자가 해당 문자를 입력할 수 없도록 합니다.

2.075 는 일련의 작업을 취소하는 것과 같이 오류 작업에 대한 역처리를 지원하는 것이 가장 좋습니다.

2.076 유효한 문자를 입력하기 전에 사용자가 입력 후에만 수행할 수 있는 작업을 수행하지 못하도록 해야 합니다.

2.077 장시간 대기할 수 있는 작업에 대해 취소 기능을 제공해야 합니다.

2.078 특수 문자 공통; 을 눌러 섹션을 인쇄할 수도 있습니다 ">& lt, `'," "{,\ |}]+=)-(_ * & & amp% $ # @! ~, .. -응? /및 공백.

2.079 시스템에서 사용하는 예약 문자와의 충돌을 제한해야 합니다.

2.080 사용자가 입력한 정보를 읽을 때 필요에 따라 앞뒤 공백을 삭제할지 여부를 선택합니다.

2.08 1 데이터베이스를 읽는 일부 필드는 중간에 공백이 있는 것을 지원하지 않지만, 사용자가 입력 중간에 공백이 있어야 하므로 프로그램에서 처리해야 합니다.

품목 사양을 입력합니다

2.082 필수 항목은 비워 둘 수 없으며 공백을 입력할 수 없습니다.

2.083 필수 항목은 필수 (*) 로 식별됩니다.

2.084 필수 필드가 아닙니다. 데이터베이스에 Null 을 삽입할 때 오류가 발생하지 않습니다. 데이터베이스에서 기본값을 설정합니다.

2.085 날짜 표시 형식은 동일합니다. 또는 고정 형식 선택을 제공합니다.

2.086 입력 영역에 특수 문자를 입력합니다. 데이터베이스를 삽입할 때 특수 문자를 허용하지 않는 오류나 프롬프트가 나타나지 않습니다.

2.087 영어 입력은 대/소문자를 구분하지 않으며 한자, 숫자 및 특수 문자를 입력할 수 없습니다.

2.088 숫자 필드에는+,-,0~9 및 기능 키 (백스페이스 커서) 만 입력할 수 있습니다. 이 값은 음수가 될 수 없습니다.

2.089 단일 행 텍스트 상자/여러 줄 텍스트 상자; 길이는 해당 텍스트를 수용하기에 적합하지만 데이터베이스의 필드 길이를 초과할 수 없습니다. 옆에 입력할 수 있는 최대 문자 수를 표시하는 것이 좋습니다. 특정 길이를 초과하는 문자를 입력하는 것이 좋습니다. 단일 행 텍스트 상자는 유효하지 않습니다. 여러 줄 텍스트 상자의 경우 최대 문자 수가 제공됩니다.

2.090 부속서; 형식에 맞는 첨부 파일은 정상적으로 추가할 수 있습니다. 첨부 파일은 정상적으로 열 수 있으며, 첨부 파일 이름이 길면 정상적으로 작동할 수 있습니다. 잘못된 첨부 파일 주소를 직접 입력하고 저장할 때 프롬프트 메시지를 제공해야 합니다. 첨부 파일을 열어 로컬에 저장하면 파일 이름에 원본 파일의 파일 이름이 표시되어야 합니다.

2.09 1 비밀번호 입력 : 요구 사항에 암호가 비어 있는지 비어 있는지 여부를 정의합니다. 암호에 특수 문자가 허용되는지 여부 대/소문자 구분 여부 및 암호의 입력 가능한 길이; 프로그램은 입력할 수 있는 암호의 길이를 설명하는 텍스트를 제공해야 합니다.

copyright 2024회사기업대전