검색 창이 왼쪽 또는 오른쪽에 있어야합니다.

헤더에 검색 창이있는 웹 앱에서-검색은 어디로 가야합니까? 헤더의 왼쪽 또는 오른쪽? 이 결정을 내릴 때 고려해야 할 사항은 무엇입니까?

다른 사람들이하는 일과 관련하여 다음은 더 인기있는 웹앱에 대한 간략한 개요입니다.

오른쪽 검색 창

  • Dropbox
  • Alto 메일
  • LinkedIn
  • Vimeo
  • 드리블
  • Twitter
  • Behance
  • Last.fm
  • Flickr

왼쪽 검색 창

  • Gmail
  • Grooveshark
  • Outlook.com
  • Yahoo Mail
  • Facebook
  • Ohmytracks
  • YouTube
  • Pinterest
  • Outlook 웹 액세스
  • Salesforce
  • Tumblr
  • Evernote
  • 맛있는

중간 검색 창

  • Box.net

댓글

  • 더 이상 정확하지 않습니다.이 모든 내용을 검토했습니다. 4는 여전히 동일합니다. 대부분은 지금 중간입니다.
  • @ user140421 탭을 유지해 주셔서 감사합니다! 🙂

답변

이 기사를 보는 것이 좋습니다. Jared spool on UIE 에서 콘텐츠의 위치를 평가하고 논문 검색 위치가 어디입니까? 사용자 기대치를 재검토합니다. of Web Objects .

기사 인용

우리의 경험은 잘 디자인 된 페이지가 매번 사용자의 기대를 능가합니다.

여기에 이미지 설명 입력

참가자의 17 %가 검색 창의 오른쪽 상단이 나올 것으로 예상한다고 답했습니다.

최종 논문을 기반으로 한 분석은 다음과 같습니다.

사용자가 검색 창이 오른쪽 상단에있을 것으로 예상하기 때문입니다 (최소 27 %). , 그들이 다른 곳에서 그것을 찾는 것에 적응할 수 없다는 것을 의미하지는 않습니다. 인간은 주변 환경에 매우 잘 적응합니다.

잡지 스매싱 기사 에는 다음과 같은 내용이 있습니다. 검색 창의 위치에 대해 말하기

검색 창을 어디에 배치할까요?

많은 가능성이 있지만 올바른 것은 몇 가지뿐입니다. 사용자에게 가장 편리한 위치는 웹 사이트의 모든 페이지의 왼쪽 상단 또는 오른쪽 상단이며, 사용자는 일반적인 F 자형 스캔 패턴을 사용하여 쉽게 찾을 수 있습니다. 그러나 일부 블로그는 왼쪽 또는 오른쪽 사이드 바 하단에 검색 창을 배치하는 경향이 있습니다. 좋은 생각은 아니지만 광고 고려 사항 때문일 가능성이 높습니다.

왼쪽에서 검색을 사용하는 사이트에 대해 제공 한 예를 살펴 보거나 일부 왼쪽 정렬, 몇 가지 공통 테마가 나타납니다.

  1. 검색은 기술적으로 완전히 왼쪽이 아니라 로고 뒤에 배치되며 사용자를 안내하기 위해 로고의 연속에 있습니다. 검색 사용

  2. 대부분의 사이트는 검색 기능에 크게 의존합니다.

여기에 이미지 설명 입력 검색은 여러 서비스에서 함께 연결되기 때문에 Google 이메일에서 중요합니다.

이미지 입력 여기에 설명

여기에서 검색하는 것은 음악 검색에 중요합니다. 사용자의 첫 번째 출발점 인 경우가 많습니다.

여기에 이미지 설명 입력

검색은 기본 항목 역할을하므로 Youtube에 매우 중요합니다. Youtube의 방대한 데이터베이스에 액세스하기위한 포인트입니다.

그러나 오른쪽에 사이트가있는 사이트의 예를 들어 보면 공통 주제는 이러한 사이트가 검색을 사용해야하지만 중요하지 않다는 것입니다. 사이트의 일부 또는 주요 추진 지점이므로 눈에 잘 띄지 않지만 아래와 같이 사용자가 예상하는 위치에 배치됩니다.

여기에 이미지 설명 입력

여기에 이미지 설명 입력

댓글

  • 다음 항목 살펴보기 예를 들어 검색 창이 더 눈에 띄려면 왼쪽으로 멀어져 야한다고 믿게됩니다. 즉. " 검색 "이 기본 작업 인 경우 '가 중앙으로 더 이동합니다. 또는 왼쪽, ' 보조 작업 인 경우 오른쪽으로 이동합니다.

답변

2010 년 Wikipedia는 검색 창을 페이지 왼쪽 (탐색 상자 바로 아래)에서 이동했습니다. ), 페이지 오른쪽 상단에 있습니다. 그들은 많은 연구 기사에 대한 참조와 자체 연구 결과를 포함하여 그렇게하기위한 자세한 설명 을 게시했습니다.

나는 일부 발췌문을 인용하되 전체 기사를 읽는 것이 좋습니다.

사용자 기대에 영향을 미칠 수있는 또 다른 요인은 검색 엔진 기능의 일반적인 배치입니다. 웹 브라우저 창의 오른쪽 상단 모서리입니다. 검색을 오른쪽 상단에 배치하면 실질적인 이점이 있습니다 …

… 여러 사용성 연구에서 탐색 요소가 웹 브라우저에 배치되는 주요 이점을 지적했습니다. right : 브라우저 스크롤바에 즉시 액세스 할 수 있습니다. 이는 a) 검색 결과 목록을 위아래로 스크롤 할 때, b) 방금 정보를 요청한 기사를 위아래로 스크롤 할 때 특히 유용합니다.

또한 검색 창의 크기가 검색 창의 위치에 어떤 영향을 미치는지 특히 관심이있었습니다. e가 페이지에 배치됩니다.

이전 검색 창의 너비는 약 20 자이고 새 검색 창은 24자를 수용합니다. 더 중요한 것은 레이아웃의 사이드 바에 기존 검색 창이 배치 되었기 때문에 검색 창을 재배치하거나 사이드 바를 넓 히지 않고는 검색 범위를 넓힐 수 없었습니다.

오른쪽 상단의 검색 창 배치를 통해 가능합니다. 한 페이지에서 다음 페이지로 고정 된 표준 너비를 유지하면서 너비가 무엇인지에 대해 최대한의 유연성을 제공합니다.

영어가 아닌 경우 언어 :

… 로고 바로 아래에 검색 창을 배치 한 다른 언어에 대해 English Wikipedia를 테스트하지 않았으며 이 대체 배치는 이미 사용자의 기대에 부응하기 위해 개선되었습니다. 그러나 위에서 인용 된 연구와 검색 창을 오른쪽 상단으로 이동 한 디자인 이유를 바탕으로, 검색을 이동하는 전체적인 사례가 해당 언어에 대해서도 약간 덜한 경우에도 매력적이라고 생각합니다.

마지막으로 요약 :

요컨대 검색 창을 다음으로 이동했습니다. a) 웹 관행 및 사용자 기대치 일치, b) 일반적인 사용성 권장 사항에 따라 확장 가능, c) 이전 검색을 사용할 때 테스트 대상의 실제 관찰 된 문제에 대한 응답

또한 우리는 인식합니다. 수백만 명의 Wikipedia 사용자가 이전 배치로 조정했으며 이제 새 배치로 다시 조정해야합니다. 하지만 Wikipedia의 전 세계 잠재 고객은 매년 수천만 명의 사용자가 증가하고 있으며 (현재는 전 세계적으로 월별 순 방문자 수가 3 억 7 천 5 백만 명입니다.) 이번 10 년 동안 수억 명의 사용자가 증가 할 수 있기를 바랍니다. 이를 위해서는 모든 신규 사용자가 우리에게 적응하기를 기대하기보다는 일반적인 사용자 기대에 적응해야합니다. 이것은 불행히도 이전 배치에 적응 한 사람들에게 불편을 줄 것입니다. 그것이 올바른 결정이라는 것을 우리는 절대적으로 알고 있습니까? 아니요,하지만 기존 사용자가 일시적으로 불편을 겪고 있다는 사실이 그렇지 않다는 것을 나타내는 것은 아닙니다.

답변

내 말에 따르면 왼쪽의 검색 창은 boxofficemojo.com에서 특정 영화를 검색하는 것과 같은 특정 엔티티를 검색하는 것을 의미하고 오른쪽의 검색 창은 특정 기능을 검색하거나 포털의 섹션. “검색”이 앱의 핵심 기능 (검색 엔진 등) 인 경우 검색 창이 중간에 있어야합니다.

“왼쪽 검색 창”에이 이름을 게시하지 않았다면 기본 반응이 나타납니다. 사이트의 오른쪽 상단 섹션에 검색 창을 보는 데 익숙하기 때문에 검색 창이 오른쪽에 있어야합니다. 이러한 검색 창의 대부분은 헤더의 일부이며 콘텐츠 섹션 (예 :이 웹 사이트)과는 별개입니다. .

유튜브, 페이스 북, 지메일이 왼쪽에 있다고 말하지 않고, 중간에 더 많이 있습니다. 왼쪽에있는 검색 상자의 예는 BoxOfficeMojo입니다.

Answer

표준 위치의 중요성 때문에이 질문에 대해 한 표 찬성 UI의 일반적인 부분에 대한 것입니다!

이 연구 는 검색을 포함하여 일반적인 웹 개체의 시선 추적에 대해 발표했습니다. 검색이 일반적인 위치에 있었던 시간. 검색 필드의 경우 일반적인 위치에서 멀어짐에 따른 가장 큰 영향은 뉴스 또는 회사 사이트에 비해 전자 상거래 사이트였습니다.

위치는 웹 개체의 정신 모델 .

그들은 전자 상거래 사이트, 뉴스 사이트 및 회사 사이트에서 검색 창을 포함한 일반적인 웹 개체의 위치에 대해 136 명의 사람들을 조사했습니다. 예상되는 검색 위치는 사이트 유형에 따라 다릅니다.

연구의 두 번째 부분에서는 516 명의 참가자가 화면에 웹 개체를 배치하여 웹 애플리케이션 UI를 구성했습니다.

위 링크로 이동하면 결과를 볼 수 있습니다. “오른쪽 상단으로 경향”은 검색 창 위치에 대한 결과에 대한 설명입니다.

Wichita State의 SURL 2002 년에 “일반적인 전자 상거래 웹 페이지”에 대한 유사한 유형의 연구를 발표했습니다. 그림 5는 예상되는 검색 위치입니다.이 연구에서 위치는 페이지의 상단 중앙이었습니다. [그들은 2006 년에 또 다른 연구를 통해이를 추적했습니다.] 연구 ( http://psychology.wichita.edu/surl/usabilitynews/81/webobjects.asp ). 일부 웹 개체에 대한 기대치는 2002 년과 2006 년 사이에 변경되었습니다. 검색 위치가 중앙에서 오른쪽 상단으로 이동했습니다.

답글 남기기

이메일 주소를 발행하지 않을 것입니다. 필수 항목은 *(으)로 표시합니다