대형 터치 스크린 설계를위한 7 가지 팁
터치 스크린은 어디에나 있습니다. 그러나 그들은 단지 휴대 전화와 태블릿에 없습니다. 대형 버전의 터치 스크린 (데스크톱 컴퓨터 크기 이상)을 설계하면 고유 한 문제가 발생할 수 있습니다.
화면 디자인을위한 엄지 영역에 대해 생각하는 데 익숙 할 때 어떻게 큰 것을 디자인합니까? 다음은 대형 터치 스크린에 대해 생각하고 더 큰 터치 스케일에서 사용자와 상호 작용하는 것을 만드는 방법에 대한 안내서입니다.
Envato Elements 살펴보기
1. 자연스러운 제스처 사용
“오른쪽으로 스 와이프”와“왼쪽으로 스 와이프”가 인기있는 이유는 자연스러운 손 동작과 제스처입니다.
스 와이프는 작은 화면보다 약간 더 과장 될 수 있습니다대형 화면에 대해 생각할 때는 손가락 동작 이상을 고려하십시오. 손 전체를 생각하십시오. 대부분의 사용자는 핸드 헬드가 아닌 벽이나 테이블에 부착되기 때문에 더 큰 터치 스크린에 손을 뻗어 야합니다.
화면을 편안하게 터치하고 싶을 때 모바일 장치 에서처럼 움직임이 완벽하게 이루어집니다. 그러나 터치 동작에 대해 생각하십시오. 스 와이프는 작은 화면보다 약간 과장 될 수 있으며 탭에 약간의 압력이나 힘이 가해질 수 있습니다.
스크롤링은 약간 덜 편안합니다. 팔을 반복해서 위아래로 움직이면 피로를 유발할 수 있습니다. 사용자가 많은 위아래 움직임없이 컨텐츠를 통과 할 수있는 방법을 생각합니다.
생각해야 할 또 다른 자연스러운“제스처”는 눈 스캐닝입니다. 일부 대형 화면은 너무 커서 사용자가 한 번에 사용할 수 없습니다. 사용자가 가장 중요한 정보를보고 디자인에 참여하는 방법을 이해할 수 있도록 눈 움직임 (위에서 아래로, 왼쪽에서 오른쪽으로)을위한 디자인.
2. 텍스트 및 그래픽 확장
디자이너는 시각적 요소를 크게 확대하여 대형 화면에 표시해야합니다. 더 큰 화면이 더 많은 것을 의미하지는 않습니다 (실제로는 반대 일 수 있음). 다른 사용자 경험으로 생각하십시오. 다음과 같은 이유로 대형 화면 디자인을 위해 텍스트 및 그래픽을 포함한 컨텐츠를 확장해야합니다.
- 사용자는 더 먼 거리에서 상호 작용하는 경향이 있으며 여전히 요소를보고 구별해야합니다.
- 사용자는 키오스크와 같은 화면을 원거리에서 보도록 유혹해야합니다.
- 사용자는 공용 화면을 식별하는 데 도움이되는 시각적 신호를보아야합니다.
- 화면 요소는 지시없이 탐색 가능하고 명확해야합니다.
- 터치 대상을 쉽게보고 분명한 상호 작용을 만들어야합니다.
3. 항상 탐색에 액세스 할 수 있도록 설정
대부분의 사용자는 웹 사이트를 처음 방문 할 때와 같은 사고 방식으로 대형 터치 스크린을 사용합니다. 이러한 경험을 모방 한 디자인은 사용자가 쉽게 뛰어 들어 상호 작용할 수 있습니다.
다른 컨텐츠에 액세스 할 때 탐색이 사라지지 않도록하십시오.항상 액세스 할 수있는 이러한 장치에 대한 탐색 패턴을 작성하십시오. 화면 상단이나 사이드 바와 같이 일반적으로 허용되는 웹 사이트 패턴과 유사한 형식을 사용하십시오.
다른 컨텐츠에 액세스 할 때 탐색이 사라지지 않도록하십시오. 홈 화면 디자인에는 기존 탐색 메뉴가없는 큰 탐색 버튼 만 포함되어 있지만 다른 모든 화면에는 사용하기 쉽도록보다 전통적인 탐색 형식이 있어야합니다.
이 화면에서 입력 기반 입력을 최대한 최소화하십시오. 키보드는 어색하고 느릴 수 있으므로 사용자의 신체에 추가적인 노력이 필요합니다. 그러나 키보드 기반 입력이있는 경우 탐색에 키보드 토글 명령을 포함시켜 사용자가 필요에 따라 키보드를 쉽게 표시하고 숨길 수 있습니다.
4. 너무 많은 선택을하지 마십시오
화면이 클수록 더 많은 선택이 가능합니다. 버튼과 상호 작용을이 게임이나 게임으로 생각하면 한 번에 하나의 결정을 내릴 수 있습니다. 여기서 속임수는 두 요소 중에서 선택하는 것입니다.
이 개념의 장점 중 하나는 디자인을 단순화한다는 것입니다. 화면 당 두 가지만 선택하면 디자인 요소와 시각적 혼란이 줄어들어보다 유용한 인터페이스가 만들어집니다.
선택 사항을 디자인 할 때 작업이 똑같이 명확해야합니다. 사용자는 이것을 어떻게 선택합니까? 버튼은 명확하고 쉽게 만질 수있을 정도로 커야합니다. 작은 애니메이션을 사용하여 대화 형 요소 또는보다 대중적인 사용자 선택에 눈을 끌 수 있습니다.
화면 크기 때문에 단순화 된 선택이 중요합니다. 전체 화면이 항상 사용자의 시야에있는 것은 아니므로 선택 자체를 제한 할 수 있습니다. 미리 선택을 능률화하면 사용자 옵션을 제거하는 환경에 대해 걱정할 필요가 없습니다.
5. 프라이버시 고려
사용자가 공공 장소에서 키오스크 화면까지 올라 갔다고해서 모든 사람이 자신이하는 일을 알고 싶어한다는 의미는 아닙니다.
화면이 클수록 다른 사용자가 사용자의 활동을 볼 가능성이 높아집니다. 터치 디스플레이에서 민감한 정보 나 데이터를 요구할 때 큰 고려 사항입니다.
이 문제를 해결하기 위해 종종 터치 기반 디자인에는 폼이나 데이터 입력을위한 작은 팝업 상자가 포함되어있어 컨텐츠가 멀리서 보이지 않게됩니다.
6. 웹에서 연결 끊기
대형 터치 스크린의 경우 가장 중요한 디자인 문제 일 수 있습니다. 인터넷 연결 없이도 작동해야합니다.
생각해보십시오 : 대형 화면은 공공 장소에 있거나 이동식 키오스크 나 대형 태블릿과 같은 작은 화면은 휴대용입니다. 이는 인터넷 액세스 및 연결 작동 여부에 영향을 줄 수 있습니다. 연결하지 않아도 디자인이 작동해야합니다.
JavaScript에서 글꼴 라이브러리, 데이터 수집에 이르기까지 디자인을 실행하는 모든 도구가 로컬로 저장되어 있는지 확인하십시오.
7. 명백한 상호 작용을위한 디자인 버튼
디자인은 사용자에게 화면과 상호 작용하는 방법을 보여 주어야합니다. 모든 사용자가 첫눈에 터치 스크린을 바로 볼 수있는 것은 아닙니다.
애니메이션 및 버튼과 같은 시각적 신호를 사용하여 프로세스를 안내합니다.애니메이션 및 버튼과 같은 시각적 신호를 사용하여 프로세스를 안내합니다. 대부분의 대형 화면은 사용자를위한 일회성 상호 작용 또는 참여 지점이며 모든 인터페이스는 약간 다릅니다. 보다 일반적으로 이해되는 요소를 사용하면 더 쉽게 사용할 수 있으므로 사용자가 디자인에 참여할 가능성이 높아집니다.
많은 디자인에는 시작 화면과 같이 터치시 완전히 활성화되는 화면 영역이 포함됩니다. 어쨌든 상호 작용을 신호하는 버튼을 포함하십시오. 디자인에서 벗어나지 않고 사용자에게 장치 작동 방법을 알려줍니다.
"시작하려면 여기를 누르십시오"와 같은 설명 현미경을 사용하여 사용자에게 프로세스를 안내하십시오. 이러한 요소가 지나치게 명백해 보이지만 인터페이스 사용 방법이 모든 사용자에게 항상 제 2의 것은 아닙니다. 쉽게 생각해.
결론
디자인 프로젝트 중 대형 스크린을 사용해야하는 프로젝트가 있습니까? 그들은 어느 곳에서나 인기를 얻고 있습니다. 아직 그러한 프로젝트를 수행하지 않았더라도 앞으로 프로젝트를 얻을 가능성이 있습니다.
대부분의 디자인 원칙은 다른 인터페이스 기반 디자인과 동일하지만 많은 디자이너에게는 대형 화면의 크기 및 크기 조정이 불편할 수 있습니다. 이러한 화면이 공개적으로 표시되면 중지하고 화면과 상호 작용하여 어떤 디자인 요소와 상호 작용이 당신에게 호소력이 있는지 확인하십시오.
