자동완성기능 썸네일형 리스트형 PART_3_5. 인터렉션 디자인 (INTERACTION DESIGN) PART_3. 인터렉션 디자인 (INTERACTION DESIGN) *** 빠른 검색 (Instant Search) *** - 키워드를 입력한 동시에 결과값을 보여주는 기법으로 그 원리나 효과는 검색의 자동완성 기능과 비슷 - 사용자와 시스템이 동시에 상호작용해 즉각적인 피드백을 재공한다는 점과 검색결과 화면으로 이동하지않고 검색결과를 확인할 수 있음 - 브라우져와 서버 간의 상호작용을 의미하므로 서버 부하가 수반됨 - 쿼리가 많은 사이트에서는 채택하기 부담스러움 - 키워드 조합이나 철자 오류에 따른 결과값을 곧바로 확인해야하는 경우 유용 - 입력값과 결과값이 동시에 변화하므로 다음과같은 사항을 고려한다 . 입력값과 결과값 영역을 근접 배치 - 두 영역이 멀리 떨어져 있으면 시선의 분산으로 곧바로 확인이.. 더보기 PART_3_4. 인터렉션 디자인 (INTERACTION DESIGN) PART_3. 인터렉션 디자인 (INTERACTION DESIGN) *** 자동 완성 (Auto Complete) *** - 검색UI의 요구사항은 입력 편의성, 입력신속성, 입력 정확성 - 입력 신속성과 정확성을 위해 등장한것이 자동완성 기능임 - 같은 단어를 반복적으로 사용할 경우 단어를 기계적으로 저장해 사용자가 해당 단어와 관련된 글자를 입력하면 신속하게 관련 단어를 목록화해서 보여주는 기능 - 검색어 입력 이벤트(onkeypress, onblur, onchange)를 자바 스크립트를 이용해 목록화(indexing)된 유사어를 서버에 요청하는 방식 - 시스템 관점에서 보면 유사어 제안(suggest) 기능 - 얼마나 사용자 컨텍스트에 적합한 유사어를 제시할 수 있느냐가 관건 - 자동 완성 기능의 장.. 더보기 이전 1 다음