해결책
2008년까지 피드나 콘텐츠 목록을 다시 불러와야 하는 모든 모바일 앱은 이 문제를 같은 방식으로 해결했다. 대개 화면 한쪽 구석에 밀어 넣어, 대부분의 사용자가 가끔만 실행하는 동작을 위해 영구적인 시각적·상호작용적 공간을 차지하는 전용 새로고침 버튼이었다. 이것은 이미 해결된 표준 인터페이스 디자인으로 여겨졌고, 남은 진짜 디자인 질문은 버튼을 정확히 어디에 둘지와 어떤 아이콘을 쓸지뿐이었다.
애플을 떠난 뒤 독립 트위터 클라이언트 Tweetie를 만들던 로렌 브리히터는 새로고침 가능한 목록을 중심으로 만들어진 다른 모든 앱이 이미 가진 것과 같은 디자인 문제에 직면했다. 사용자에게 피드를 다시 불러올 신뢰할 수 있고 발견하기 쉬운 방법을 주는 것이었다. 화면 어딘가에 버튼을 하나 더 두는 표준 답은, 이미 그것을 당연한 해결책으로 받아들인 다른 모든 개발자에게 그러했듯 그에게도 이용 가능했다.
브리히터는 더 나은 새로고침 버튼을 설계하는 대신 버튼을 완전히 제거했다. 그는 목록을 맨 위까지 스크롤한 사용자가 아직 보이지 않는 무언가를 보고 싶을 때 이미 자연스러운 신체 제스처를 하고 있다는 점을 알아차렸다. 목록을 자기 상단 가장자리 너머로 더 아래로 끌어당기는 것이었다. Tweetie는 새로고침 동작을 나중에 '당겨서 새로고침'이라 불린 그 기존의 과도 스크롤 제스처에 직접 매핑했고, 그래서 피드를 다시 불러오는 데 전용 인터페이스 요소가 전혀 필요 없었으며, 사용자가 정상적인 스크롤의 일부로 이미 하고 있던 동작만 있으면 되었다.
이룬 것
버튼을 제거하고 새로고침을 사용자가 목록 상단에서 이미 하던 과도 스크롤에 매핑하여, 다시 불러오는 데 추가 UI나 동작이 들지 않게 했다.
사용자는 스크롤할 때 이미 목록을 상단 가장자리 너머로 끌어당겼으므로, 그 제스처는 익숙했고 배울 필요가 없었다.
버튼을 제거하니 화면 공간이 확보되고 인터페이스가 단순해져 앱이 더 깔끔해졌다.
그 제스처에는 추가 노력이 들지 않아 새로고침이 힘들이지 않고 자연스럽게 느껴졌고, 잦은 사용을 장려했다.
그 패턴은 다른 앱에서 쉽게 모방할 수 있어 표준 상호작용으로서의 채택이 가속되었다.
어떤 기능에 전용 컨트롤이 필요할 때, 사용자가 이미 그 기능을 작동시킬 수 있는 인접한 동작을 하고 있는지 확인하고, 그 컨트롤을 완전히 제거하라.
그 후
트위터는 2010년 브리히터의 회사 Atebits를 인수하고 Tweetie의 디자인을 자사 공식 앱에 통합했으며, 여기에는 당겨서 새로고침 제스처도 포함되었고 이후 브리히터를 발명자로 명시한 미국 특허가 부여되었다. 트위터는 그 특허를 공격적으로 사용하는 대신, 새로 만든 Innovator's Patent Agreement의 첫 번째 적용 특허로 삼아 방어적으로만 사용하고 그 제스처를 모방하는 다른 회사를 추격하지 않겠다고 공개적으로 약속했다.
근거 확인하기
출처
- Oh, That 'Pull To Refresh' Thing In iOS? Yeah, Twitter Has A Patent App On That TechCrunch · techcrunch.com
- Meet Loren Brichter, the high-priest of app design Fox News (via Wall Street Journal) · foxnews.com