응용 프로그램 디자인에서 쉽게 한 손으로 작업

응용 프로그램 디자인에서 쉽게 한 손으로 작업

애플 리 케이 션의 제스처를 탐구 하기 전에 나는 어떻게 터치 스크린 우리의 행동을 느낄 수 있다 사용자가 자신의 휴대 전화를 사용 하는 방법을 이해 하는 두 개의 기사를 소개 하 고 싶습니다.

사용자가 휴대 전화를 사용 하는 방법

기사에서 "어떻게 할 사용자가 정말 잡아 모바일 장치" [1], 스티븐 Hoober 지적 1333 휴대 전화 사용자가 공공 장소에서의 2 개월 장소 (거리, 공항, 버스 정류장, 카페, 열차, 자동차 클래스) 관습 관측의 사용 다음과 같은 결론을 그립니다.

① 780 사용자 슬라이딩, 클릭, 입력, 스크린을 운영 하 고 다른 사용자가 단순히을 듣고, 보고, 전화 통화를 할 그들의 휴대 전화를 사용 합니다.

②49% 사용자는 한 손으로 작업을 통해 36% 손에 들고 휴대 전화 작업, 그리고 또 다른 15% 손 동작.

③ 한 손으로 작업 사용자, 왼쪽된 손가락 동작을 가진 사용자의 33%.

④ 사용자는 종종 그들의 동작 자세 및 제스처를 변경합니다.

한 손으로 작업 사용자의 49%는 (반대로 왼손잡이 사용자) 다음 두 가지 자세. 녹색 영역, 노란색 영역, 한 손으로 가능한 범위를 넘어 빨간 영역을 클릭 하 여 thumb 스트레치에 대 한 클릭을 쉽게 나타냅니다.

터치 스크린 작업을 감지 하는 방법

터치 [2]에 대 한 일반적인 오해에 스티븐 Hoober 포인트 그 때문에 우리의 손가락 3 차원 소프트, 손가락 영역의 일부만 화면 접촉 때 접촉 각 인 이라고 화면. 터치 스크린만입니다 연락처 찍힌된 영역 크기의 독립적인 각 인, 감동 하는 사람들의 기하학 센터 위치 인식.

이러한 요인, 하드웨어 장치에 차이 이외 사용자 시력의 라인 클릭 작업의 정확도 영향을 미칠 것 이다 때 모바일 장치를 사용 (자세한 설명 첨부할 수 문서에 원래 링크를 보려면 후). 이러한 이유로, 스티븐 Hoober 인터페이스 요소에 대 한 시각적 대상 및 터치 대상 (즉, 뜨거운 지역 우리 자주 말)의 디자인을 제안 했다. (시각적 대상) 문서에서 URL 링크를 클릭 하면, 우리가 정확 하 게, 편지 링크를 클릭 하지 않아도 하지만 필요 주변 사각형 영역을 방 아 쇠를 (터치 대상) 생성 될 수 있습니다 사이트에 점프. 아니라 시각 효과 영향을 미치는에 근거 하 여 터치 영역의 적절 한 증폭 작업의 정확도 높일 수 있습니다.

시각적 분리 목표는 무엇을 할 우리가 자주 전화 제스처, 한 손으로 휴대 전화를 사용 하 여 위에서 언급 한 사용자의 비율의 왼손잡이 작업은 상대적으로 큰, 좋은 손 제스처 디자인 터치 하는 또 다른 방법은 효과적으로 사용 효율의 개선, 사용자 놀라움을가지고 misoperation를 줄일 수 있습니다. 이런 이유로 저자는 기존 애플 리 케이 션 한 작업의 4 사용 요약 되어 있습니다.

제스처를 사용 하는 방법

1. 페이지 스위치

응용 프로그램을 사용 하 여 제한 된 화면 공간에서 다단계, 여러 페이지 전환은 가장 빈번한 작업 경우에 반환 하거나 전환 탭을 클릭 하 여 다시 키의 왼쪽된 위 모퉁이의 대부분에 의존, 그것은 매우 사용 하기 편리 합니다, 있을 것입니다 따라서, 한 손으로 작업의 가장 일반적인 사용 왼쪽과 오른쪽 손 제스처를 사용 하 여 페이지의 다양 한 레벨을 통과 하는 것입니다. 다음 그림 NetEase 클라우드 독서 정보 센터 탭 스위치. 이 제스처 작업에서는 경험에 영향을 미치는 두 가지 주요 요소: 첫째, 사용자가 제품의 제어 및 계층의 명확 하 게 이해의 의미를 형성할 수 있다 고 두 번째는 "푯 말" 지침 서 페이지 요소의 역할에 대 한 필요는 손가락을 따라 페이지의 슬라이딩 과정.

그림 (1) 읽기 NetEase 클라우드 및 슬라이딩 동작 신호 오른쪽에 iOS 설정입니다. NetEase 클라우드 페이지에 어떤 위치 든 지에서 읽기 부드럽게 반환, iOS 반환 작업 제스처 뜨거운 영역 화면 가장자리에 맞게 수 있습니다. 차이점은 읽기 구름에 반환 디자인은 사용자의 잠재 의식의 활용에 더 낮은 운영 비용, 하지만 또한 misoperation의 위험을 증가. Ios, 사용자의 행동은 의식적으로 하 고 misoperation의 확율은 작다, 운영 비용 증가. 이러한 방법 중 둘 다 있다 그들의 자신의 이점 및 불리에 디자인, 그것은 감지 범위와 슬라이딩 손가락의 각도 정의 하는 현실적 이어야 한다.

그림 (1) 아이폰 및 NetEase 클라우드 읽기 오른쪽 기호 뜨거운 지역

NetEase 클라우드 읽기 및 NetEase 뉴스 기사 본문 페이지에 대 한 그림 (2), 왼쪽, 의견 페이지에 슬라이드를 통해 다시 슬라이드 수 있습니다. 반면 NetEase 뉴스 나타납니다 더 자연 스러운, NetEase 클라우드 사용자의 첫 번째 사용 혼란을 만들 의견 페이지에 슬라이딩 오른쪽 더 쉽게 될 것입니다. 이유는 제목에 NetEase 뉴스 바 "반환"과 "스레드" 페이지 요소, 두 개의로 표지판에 포크 처럼 양쪽에 양식 심리적 기대에 앞서도는 사용자가 그래서. 대조적으로, NetEase 구름 반환과 의견을 읽고 왼쪽에 있는 페이지의 하단에는 지도 명확 하지 않습니다.

그림 (2) 페이지 때 가이드 제스처 스위치

2입니다. 콘텐츠 차원 전환 렌더링

다음 그림, 칼 및 읽기, 제스처를 적용 하려면 다른 방법을 보여 줍니다. 년, 개월, 분기의 분리형 치수의 날짜, 주, 씬의 다른 사용 필요가 전환 시간 세분성, 칼 사용 제스처를 위아래로 편리 하 게 이동 하려면 전환 주간 및 좌우 슬라이딩 스위치 날짜를 사용 하 여 달력. 첫 번째 화면 읽기, 문서 요약, 슬라이드의 기본 표시 문서 세부 정보를 검색할 수 있습니다, 하단 슬라이드를 위쪽에서 제스처를 사용 하 여 탐색의 제 4 차원에 대 한 수행할 수 있습니다: 요약, 세부 사항, 이전 글, 다음. 또한, 유사한 제스처 또는 잉크 날씨의 사용.

그림 (3) 칼, 주간 캘린더 전환

그림 (4) 요약 문서 스위치의 세부 정보를 읽고

3. 숨기기 콘텐츠 제스처 동작에 관련 된 기능, 화면 콘텐츠 표시 공간을 확대.

스마트 폰 크기에 제한 됩니다 그리고 첫 화면 공간 사용자에 게 더 귀중 한. 사용자는 처음에 효과적인 정보를 지정 하지 않으면 응용 프로그램의 매력 손상 될 것입니다. 그러나, 실제 디자인은 종종 많은 기능, 첫 화면에 배치 하는 경우, 페이지 수준 너무 깊이 있을 수 있습니다, 그리고에 버튼, 스택 기능 효과적인 정보 디스플레이 공간을 차지 하지 않을 경우 첫 번째 화면에서 사용자가 방향을 찾을 수 없습니다 있도록 될 것입니다. 정보-독서 소프트웨어 디 그와 매직 TeeVee 사용 방법에 표시 된 그림 (5)와 그림 (6). 디 그 사용 하면 칭찬, 책갈피, 오른쪽 제스처를 만든 후 정보 모듈을 공유할 수 있습니다. TeeVee, 왼쪽-슬립 자세한 레 퍼 토리 업데이트 정보 및 미리 알림 설정을 보고 오른쪽으로 슬라이딩 하는 가장 일반적인 삭제 작업입니다. 자연 인간-컴퓨터 상호 작용, 사용자의 지 각 습관에 맞춰 뿐만 아니라 또한 화면 공간을 만들기는 몰입 하기 좋은이 직접 동작 독서 경험,이 Windows UI 디자인 개념은 대단히 계약에. 초보자 사용자 작업이 된 후 매우 편리 하 게 좋은 일을 할 만큼.

그림 (5) 디 그 숨깁니다 왼쪽-슬립 제스처 후 태그 등 콘텐츠 관련 된 작업

그림 (6) TeeVee 제스처 동작

메일, 정보, 및 작은 신선한 벽지에서 iOS 뿐만 아니라 빛의 응용 프로그램은 유사한 제스처 응용 프로그램.

4. 추출 중요 한 기능, 제스처를 사용 하 여 배출 하 여 운영

여러 개의 손가락 터치는 말할 필요도 없이, iOS에는 추가 메모리 비용을 [3] 하지만 필요 합니다. 위에서 설명 했 듯이, 가장 일반적으로 사용 하 여에서 사용된 제스처 슬라이딩 되 고 클릭, 사용 제대로 달성할 수 있다 또한 놀라운 결과. 가장 일반적인 작업은 읽기 및 쓰기, Sina Weibo에에서 쓸 것입니다 microblogging 작업 왼쪽 상단 모서리는 매우 분명 한 위치, 하지만 한 손으로 작동 하기 어려운 그리고 아래쪽 홈 버튼을 누른 다음, 슬라이드에 흐름의 화면을 통해 fuubo를 더 간결 하 고 빠른 마이크로-보의 작업을 트리거할 수 있습니다. 그림 (7) 시 나 Weibo 레이아웃과 Fuubo의 인터페이스 함수 사이 비교 이다.

그림 (7) 시 나 Weibo과 Fuubo의 방법 exhaled microblogging 함수 작성

멋진 인터페이스 제어 재생 진행 슬라이딩 제어 볼륨, 해방 된 많은 기능의 인터페이스에서 손가락 아래로 슬라이딩 어디 놀이.

그림 (8) 멋진 제스처를 사용 하 여

또한, clear,any.do 할 응용 프로그램을 사용 하 여 드롭 다운 제스처는 가장 일반적으로 사용 되 편집 새 항목 기능; 직접 꺼내 배출 음성;를 두 번 클릭 하기 쉬운 읽기 책의 텍스트 책갈피를 직접 추가, 직접 문서 읽기에 Readmill 밝기 조정 태양 시간에 서로 다른 지점에서 날씨를 보고 하향 제스처를 사용 합니다. 이러한 응용 프로그램의 일반적인 특징은 가장 일반적으로 사용 되는 사용 하 여 간단한에-앤-클릭 제스처와 트리거 주파수 효율 향상을 위해 기능을 사용 하 여. 하지만 어떤 기능 우선 순위 높은, 그것 misoperation를 쉽게 인지, misoperation의 결과 이다 신중한 고려를 필요로 하는 문제. 멋진 등 아래로 볼륨 조정 기능 이므로 우선 순위가 높은 경우에 따라 사용자 misoperation 만들고, 이들은 신중 하 게 고려해 야 할 시나리오의 조합을 사용 하는 필요.

위의 정리 애플 리 케이 션 디자인 간단한 손 작업 제스처, 제스처 인터페이스 작업에서 아직도 배우고, 추가 하 고 벽돌을 두 드려 환영.

[1] 스티븐 Hoober입니다. 어떻게 사용자가 모바일 장치를 보유 하는 정말? http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php

[2] 스티븐 hoober입니다. 일반적인 오해에 대 한 touch.http://www.uxmatters.com/mt/archives/2013/03/common-misconceptions-about-touch.php

[3] 쉬운 제스처 동작. http://www.chinaz.com/manage/2012/0608/256316.shtml를 찾을 수

출처: http://uedc.163.com/11389.html