brunch

You can make anything
by writing

C.S.Lewis

by Potatohands Jun 14. 2023

9.모바일 디바이스에서 쉽게 인풋
입력하기

[1]인풋컨트롤


알다시피 모바일에서 form 입력은 흥미로운 작업이 아니다.


모바일에서는 키보드가 작아서 잘못된 키보드를 누르기 쉽기 때문이다.



그러나 디자이너들은 모바일 인풋 입력을 쉽게 만들 수 있다.


요즘 출시되는 많은 앱과 사이트들을 모바일 디바이스의 강점을 살려서 


GPS를 이용하거나 또는 보이스 인풋을 활용해 쉽게 입력 할 수 있도록 한다. 



위치를 따로 검색해서 입력하지 않아도 현재위치 버튼을 클릭하면 해당 위치정보가 입력된다.


이런 입력 장치는 사용자의 시간을 절약시켜준다.



그리고 모바일 키보드에 보면 보이스 인풋 옵션이 기본적으로 탑재되어있는 경우들이 많아지고 있어


사람들이 원하고 싶어하는 글자들을 음성으로 인식되도록 제공한다.


손으로 타이핑을 하지 않고 보이스 인풋을 통해 타이핑을 할수 있다.



모든 폼 필드에 이런 옵션이 적용되는 것은 사용성이 좋지 않을 수도 있다.


예를 들어 음성인식 소프트웨어는 자주 이름을 인식하거나 주소를 인식할때 


정확도가 떨어지는 문제를 일으킨다.



GPS인식와 음성인식의 기능은 많은 사람들이 알고 자주 사용된다.


이 두가지 외에도 다양한 인풋을 쉽게 하는 기능들이 있다. 



1. 앱이 사용자의 연락처에 접근 할 수 있도록 허용


- 연락처에 주소 정보가 있다면 배송지 입력을 선택하는 것을 쉽게 할 수 있다




2. 앱이 카메라에 접근 할 수 있도록 허용 


- OCR 기능을 이용하여 신분증 또는 신용카드 정보등을 자동으로 스캔하고 타이핑하게 해준다.


3.QR 코드 스캔을 할 수 있다


- 카메라로 QR코드를 인식하게 한다면 물리적 세계에서 찍은 내용이 디지털 세계와 연결되고 url 처럼 타이핑하기 어려운 것들을 쉽게 타이핑 할 수 있도록 돕는다


4.애플페이 또는 구글페이를 허용


- 신용카드 정보를 입력하는 단계를 건너 뛸 수 있다. 


5.인증 번호를 자동인식하도록 허용 


- 모바일로 인증번호를 입력해야할때 문자로 수신되는 verification code 번호를 자동으로 입력되도록 코드를 키보드 위에 선택가능하도록 제공한다


6.생체 인증 허용


- 생제 인증을 이용하면 (페이스 아이디, 지문 아이디) 모바일에서 로그인의 경우 쉽게 로그인 할 수 있다. 아이디 또는 비밀번호를 입력하지 않아도 되기때문에 잘못된 타이핑등의 오류를 방지 할 수 있다. 



모바일에서 폼입력을 하는데에는 많은 제한이 있는 것 같지만 


또한 데스크탑에서 지원하지 않는 여러 강점이 있다. 



디자이너들을 디자인할 때 책임감을 가지고 모바일의 강점을 최대한 기회로 활용하여


디자인해야한다.


https://www.nngroup.com/videos/mobile-input-fields/

https://www.nngroup.com/articles/design-pattern-guidelines/#Input%20Controls





매거진의 이전글 8.모바일 인풋필드 디자인 체크리스트
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari