아이폰의 사파리에서는 웹 필드에 텍스트를 입력하면 필드가 강제로 가운데로 이동합니다. 검색엔진에서 suggestion을 입력창 아래 목록으로 보여주는 방식을 사용하면 이런 이유로 2,3개정도 밖에 보여주지 못합니다.

Device-Specific Design

아이폰이 이상한걸 우리가 뭘 어쩌라는거야  식의 다른 검색포탈에 비해 야후는 사용자를 배려하려는 노력이 보입니다. 아이폰의 이런 입력폼 특성을 반영하여 검색제안어를 입력창의 위아래에 2컬럼으로 보여주는 인터페이스를 제공합니다. 일반적인 방식보다 훨씬 많은 제안어를 보여주긴 하지만 눈이 스캔하는 영역이 4군데로 나뉘어서 보기는 어려워졌습니다.

#추가 네이버 재팬도 야후와같은 방식의 검색어 제안을 사용하고 있습니다. 반투명의 레이어 위에 좀 더 깔끔한 형태입니다.

그런데 iOS4로 업데이트 되면서 아이폰의 이런 이상한 동작이 수정되었습니다.

웹에서의 UI를 그대로 답습하여 fulldown 메뉴를 사용하는 것 보다는 키워드 입력시 배경을 dimmed 하여 노이즈를 줄이주고 2컬럼을 사용하여 더 많은 검색어를 보여주려는 야후의 방식이 장점이 많습니다. 하지만 이번 iOS4업데이트에 맞춰서 입력창을 위로 옮겨야 겠네요.

그런데 사실 구글과 bing은 애플에서 뭘 얻었는지 아이폰OS3 버전에서도 그런 작동 방식을 우회해서 입력창이 상단에 있도록 하고 있었습니다. bing도 suggestion을 보여줄때는 배경을 가리도록 하였네요.

Suggestion Bubbles

제가 제안 하는 방식은 차라리 정렬을 포기하고 그냥 버블로 표시하여 더 많이 보여주는 것입니다. 다음에서 제공하고 있는 초성검색 제안어를 제대로 사용하기 위해서는 좀 더 많은 키워드를 보여줄 필요가 있습니다. 예로든 삼원가든은  제안어 목록에 있지만 표시영역의 제한때문에 다음 모바일은 보여주지 못하고 있습니다.

모바일 검색어 제안 UI를 설계시 유의점

1. pc와 모바일 환경이 다르다. pc에서 하던거 그대로 따라하지 말자

2. 입력 중 suggestion을 보여주는 상황에서 노이즈가 되는 화면은 가리자

3. 정렬을 통한 빠른 인지 vs. 많은 키워드 노출 의 트레이드 오프를 고민하자