문서 다운로드 () / 20
당신의 필요한 일, 이튼이 합니다*

사용하기 쉬운 인터페이스를 만드는 방법

직관적인 HMI 인터페이스를 만들기 위한 4가지 황금률

사용자 친화적인 HMI는 중요한 기계 및 장비를 작동하는 사용자가 생산적이고 효율적으로 작업할 수 있도록 보장합니다. HMI를 최대한 직관적으로 만들어 인간과 기계 간의 원활한 통신을 보장하는 데 도움이 되는 모범 사례를 정리했습니다.

일관성 있게 단순하게 유지하기 

작업, 용어 및 명령은 사용 시 일관되게 제시하고 작동해야 합니다. 반복성은 사용자가 더 빠르게 학습하고 보다 신속하게 정보를 찾는 데 도움이 됩니다. 아이콘, 버튼 및 탐색 메뉴와 같은 디자인 요소도 일관되어야 합니다.

데이터 요구 사항 고려

직관적이고 사용자 친화적인 제어는 사용자가 HMI 인터페이스에서 읽고 입력해야 하는 정확한 데이터를 파악하여 복잡성을 최소화할 때만 설계할 수 있습니다.                                                                

  • 브랜딩 및 브랜드 인지도를 높이기 위해 기업 아이덴티티와 일치하는 표준화된 룩앤필을 만듭니다.
  • 장식은 절제해서 사용하세요. 형태는 항상 기능에 기반해야 합니다.
  • 불필요하거나 관련이 없는 요소를 제거하십시오.
  • 정보 계층 구조를 지원하기 위해 크기, 색상 및 배치를 사용하여 주요 요소를 강조 표시하십시오.
spacer
  • 사용자가 입력하고 볼 수 있는 모든 정보를 명확하게 이해했는지 확인하십시오.
  • 각 입력 사항에 대해 예상되는 제어를 선택하십시오. 활성화/비활성화 기능을 위한 기계식 스위치 및 자세한 매개변수 입력을 위한 터치 패널
  • 사용자가 HMI에 입력할 데이터를 평가합니다. 영숫자 키보드가 필요합니까, 아니면 숫자 키패드가 필요합니까? 사용자가 특정 값을 입력하거나 설정된 범위 중에서 선택할 수 있습니까?"
spacer

명확하고 구별 가능한 버튼 만들기

HMI 인터페이스를 설계할 때 단순성과 명확성을 구현하기 위해 온스크린 버튼은 중요한 역할을 합니다. 따라서 사용자가 터치스크린 패널을 쉽게 탐색할 수 있도록 지원할 가능성을 극대화합니다.

효과적인 그래픽 사용자 인터페이스(GUI) 색상 테마 선택

GUI의 색상 테마는 조직의 기업 정체성을 반영해야 합니다. 운영 환경의 조명 구성표에 따라 밝고 어두운 테마를 사용할 수 있습니다.
 

  • 화면 버튼은 항상 아이콘 유무에 관계없이 채우거나 윤곽선으로 표시된 모양(예: 원형 또는 직사각형)으로 표시되어야 합니다. 그러나 텍스트 전용 버튼을 사용해서는 안 됩니다.
  • 인터페이스 전체에 걸쳐 버튼 레이블에서 텍스트(상단, 하단 또는 제목) 대/소문자의 일관성을 보장합니다.
  • 색상은 활성 및 비활성 필드/버튼에 할당되어야 하므로, 화면상 버튼이 활성화된 경우, 예를 들어 회색에서 파란색으로 색상을 변경해야 합니다.
spacer
  • 빛이 많은 환경에서는 밝은 테마의 고대비 디스플레이가 필요합니다.
  • 저조도 환경에서 어두운 테마를 사용하여 눈의 피로를 줄이십시오.
  • 회사 색상이 중요한 상태 정보(빨간색 등)를 전달하는 데 사용되는 색상과 너무 유사한 경우 혼동을 피하기 위해 GUI에서 이러한 색상을 사용하지 마십시오.
  • 색맹을 위한 디자인.
spacer