'터치 방식'에 해당되는 글 1건

  1. 2010.05.11 아이폰/아이팟 터치의 놀라운 터치감의 비밀은? (6)




마전 미국에서 현재 시판된 휴대폰중 아이폰의 터치감이 가장 뛰어나다는 발표를 한 바 있는데요, 아이폰의 터치감이 대단하다는 건 많은 분들이 인정하고 계실겁니다. 아이폰 특유의 정전식 터치방식은 아이폰의 조작감을 환상적으로 만들어줍니다. 그리고 정전식 터치방식은 감압식에선 되지않던 멀티터치도 가능하게 해 줍니다. 제 기억에 멀티터치 기술을 처음 선보였던 것은 동양계(한국계였던것같네요)의 한 젊은 남자 엔지니어였던것 같은데, 그당시만 해도 화면 외부에서 전류를 흘려보내는 장치와 디스플레이의 크기가 상당히 컸었습니다. 아마 그 방식이 진화를 거듭해 아이팟 터치에 이식된것이 아닌가 싶습니다. 정전기를 이용한 멀티터치 방식은 디스플레이 수명도 길게 가져갈 수 있고, 감압식보다 다양한 컨트롤 방식을 제공한다는 강점이 있기 때문에, 몇몇 사람들은 "무조건 정전식 터치를 사야해"라고 말하기도 합니다. 그리고 삼성의 최초 안드로이드OS 탑재폰, 갤럭시A도 정전식 터치방식을 채용했습니다. 그런데 왜 갤럭시는 아이팟터치/아이폰 들의 터치감을 따라가지 못하는 걸까요?


미국 샌프란시스코의 "모토"는 2010년 3월, 미국내 스마트폰 6종에 대한 터치스크린 성능을 비교한 결과 아이폰의 터치 성능이 가장 뛰어난 것으로 나타났다고 밝혔습니다. 비교 대상은 아이폰, HTC의 드로이드 에리스, 모토로라의 드로이드, 구글 넥서스원, 팜 프리, 블랙베리 입니다. 실험방법은, 각각의 스마트폰에서 기본 드로잉 프로그램을 열어놓고, 각각 7mm(중간두께의 손가락)와 4mm(아주가는두께의 손가락)의 손가락 모형 로봇이 천천히 사선 방향으로 직선을 긋는 것입니다. 우수한 터치 스크린일 수록 직선을 그리지만, 그렇지 않은 스크린은 구불구불한 모습을 보이거나 끊어지고 고르지 않은 층을 보입니다. 가장 직선이 선명하고 고른 것은 단연 아이폰이고, 그 반대는 모토로라의 드로이드였습니다. 연구진은 이 실험에 앞서 일반인들을 대상으로 같은 종류의 실험을 진행했는데요, 결과는 마찬가지였습니다. 아이폰은 손가락 접촉 면적이나 압력에 상관없이 일정한 직선을 그려 경쟁자들을 압도했습니다. 모토 연구팀은 "아이폰은 스마트폰 터치스크린의 최강자"라며, "터치 스크린의 성능은 스크린의 재질, 두께 등 하드웨어 측면과, 소프트웨어 알고리즘, UI, 터치 센서 크기, 디자인 등 여러가지 요소에 의해 결정된다."고 설명했습니다.
출처 : 한경닷컴 권민경 기자 kyung@hankyung.com


아이폰의 환상적인 터치감이 단지 하드웨어적인 구조에서 나왔다면 누구든 이를 따라할 수 있을 겁니다. 아이폰의 훌륭한 터치감의 비밀은 하드웨어가 아닌 소프트웨어에 있습니다. 삼성이 아이폰같은 터치감의 기계를 만들지 못하는 이유도 바로 여기에 있구요. 아마 애플은 초기 아이폰/아이팟 터치를 설계하면서, 기계를 주로 터치모바일이라는 점에 초점을 맞추고 설계한 것 같네요. 그래서 아이팟 터치가 나온 것이겠지요. 아이폰의 터치 인식 방식은 기존 윈도우 모바일이나 안드로이드의 터치 인식 방법과는 조금 다릅니다. 기존 OS들은 터치를 염두에 두지 않고 설계됐기 때문에 개발자들은 마우스 클릭시의 이벤트를 다음과 같은 식으로 구분해 놓았습니다.

onmousedown
onmousemove  (약간의 움직임이 있으면)
onmousemove
onmouseup
onclick

or

onmousedown
onmouseup    (움직임이 거의 없이, 마우스를 클릭했을 때)
onclick

하지만 아이팟 터치의 경우에는 아래와 같은 이벤트가 발생합니다.

ontouchstart
ontouchmove
ontouchend


위의 결과는 터치 시험을 해보려는 모바일 기기로 직접 
http://www.mobigen.com/~hiongun/tmp/touch.html 에 들어가셔서 확인해 볼수 있습니다.

아래의 결과는 제 아이폰에서 테스트 버튼을 두번 꾹꾹 눌렀을때의 이벤트를 확인한 것입니다.























 

불행히도 마우스만 쓰던 기존 O/S(Windows)에는 touch 이벤트가 정의되어 있지 않아서, 무조건 마우스 이벤트밖에 발생하지 않습니다. 거기까지는 좋습니다. 문제는 마우스다운 이벤트에 일반적인 행동이, 어떤 항목의 "선택" 액션과 연결되어 있다는 것입니다. 여러 항목이 있는 화면에서 터치로 스크롤을 시도하면, 우선 항목 하나가 '선택'되어서(색반전이 일어나고), 그 이후에 스크롤이 일어나는 식입니다. 아이폰에서는 터치스크롤을 시도하면, "선택되지 않고"(색반전없이) 바로 스크롤로 연결됩니다.

이 간단한 차이 하나가, '터치'를 엄청나게 다르게 만듭니다. '선택'(색깔반전)이 조금만 길어지고, mouse up 이벤트까지 겹쳐지면, 곧바로 on click 이벤트로 이어져서, 클릭오류를 만들어 내기 때문입니다. 그래서 불필요한 오류 클릭이 엄청나게 증가합니다.

이 간단한 차이 하나가, '터치'를 엄청나게 다르게 만듭니다. '선택'(색깔반전)이 조금만 길어지고, mouse up 이벤트까지 겹쳐지면, 곧바로 on click 이벤트로 이어져서, 클릭오류를 만들어 내기 때문입니다. 그래서 불필요한 오류 클릭이 엄청나게 증가합니다.

반면 아이폰에서는 항상 스크롤 우선(터치우선)이기 때문에, 오류 클릭이 전혀 발생하지 않습니다. 불행히도 아이폰의 대항마로 최근에 나온 안드로이드폰 역시 터치 우선 이벤트를 발생시키지 않는 것 같습니다. 이게 바뀌지 않는 한, 정전식 터치로 바꾸어도 오류클릭은 줄어들지 않습니다.



그래도 윈도우7에서는 멀티터치도 지원하고, 타블렛 인식 기반이 제대로 잡힌 OS이니, WM7에서는 이를 개선해줬으면 좋겠네요.   



Tip from
Effortless - 上善若水 - 상선약수(물처럼 자유롭게 세상을 흐르자.) 
http://blog.daum.net/effortless/7864588
 

Posted by designeer shyfragrance

댓글을 달아 주세요

  1. moolgreem 2010.05.13 18:36 Address Modify/Delete Reply

    '아이팟 터치의 터치 소프트웨어를 그대로 물려받은 아이폰' 이라고 쓰는 부분은 맞지 않습니다.
    아이폰이 먼저 나오고 아이팟 터치가 나중에 나왔으니까요.

  2. Favicon of https://ndolson.com BlogIcon 엔돌슨 2010.05.18 23:52 신고 Address Modify/Delete Reply

    요런 테스트는 어떻게 했네요 ㅋㅋ 터치감이 중요하긴하죠. 하지만 나중에 대세는 핸드폰에서 무엇일까요? 전 가상현실이라고 봅니다 우기기!!

    • Favicon of http://shymean.tistory.com BlogIcon shyfragrance 2010.05.19 13:10 Address Modify/Delete

      가상현실이라....요새 가상현실이라는 것이 증강현실에 묻혀버렸죠. 어쩌면 가상현실보단 증강현실이 이 시대에 맞는 자연스러운 흐름인지도 모르겠지만요. 음...그래도 휴대폰에서 대세를 이룰 가상현실에는 어떤 종류가 있을까요?

  3. 라라라 2012.05.07 13:18 Address Modify/Delete Reply

    아이팟 터치가 먼저 나오지 않았나요?
    그리고 아이폰이 나온 걸로 아는데...

  4. Favicon of http://9485ccgenevois.com/clfrance.php BlogIcon christian louboutin 2013.07.14 04:26 Address Modify/Delete Reply

    지금은 반짝반짝 빛이 나겠지,, 하지만 시간이 흐르면 그빛은 사라저버릴거야,지금 우리처럼