web-development-kb-ko.site

선택 상자를 검색 창과 결합 할 수 있습니까?

글쎄, 검색 창 안에서 선택 상자에 대해 어떻게 생각하는지 궁금합니다. 텍스트가 상자 아래로 가지 않는 한 정말 멋지다고 생각합니다.

예:

enter image description here

이것은 현재 코딩중인 호스팅 사이트에 속합니다. 그러나 친구는 다른 모든 호스팅 사이트가 바 외부와 버튼 옆에 그것을 가지고 있으며 우리는 그들과 같이해야한다고 말했습니다.

잘 모르겠습니다. 다른 사람들이하는 것과 다르게 행동하고 싶습니다. 어떻게 생각해?

4
Kawohi

UI를 이런 식으로 디자인해야하는 두 가지 이유는 "멋지다"와 "다른 사람들과 다른 것"입니까?

이 경우 내 대답은 다음과 같습니다. UI를 특정 방식으로 디자인 해야하는 이유가 있다고 생각하지 않습니다. 사용자 인터페이스를 만들 때 기억해야 할 가장 중요한 것 중 하나는 자신을위한 것이 아니라 최종 사용자 를위한 것입니다.

즉, 귀하의 사이트를 방문한 사람들 이 무엇을 기대하고 이해하고 이전에 사용했는지 알아 내야합니다. 예를 들어 검색 필드 외부에 선택 상자를 배치하는 경쟁 업체 사이트를 사용하여 관찰 한 일부 사용자를 대상으로 사용성 테스트를 수행 한 다음 디자인을 사용하여 사용자를 관찰하십시오. 어느 것이 더 잘 작동하는지 확인하십시오 (꽤 작은 UI 조각이므로 차이가 없을 수 있습니다).

그러나 전반적으로 "멋지다"와 "다른 것이 좋다"는 UI 디자이너로서 진지하게 받아 들여지지는 않는다는 점을 명심하십시오. 대부분의 경우, 논증을 뒷받침 할 사실이 필요합니다. 사용 현황 데이터 또는 측정 항목을 시작하는 것이 좋습니다.

7
Rahul

이 질문은 업데이트 할 가치가있는 것 같습니다 ...

조용히하고 컨트롤을 결합

7 년 전 (질문이 제기되었을 때), 이것은 일부 사람들에게 "흔하지 않은"것처럼 보였습니다. 물어 보려는 @kawoki와 같은 사람들에게 선의를 표합니다. 이제 컨트롤을 매쉬해도됩니다!

The now ubiquitous Amazon mega-search box

업계 (특히 e-comm 및 mobile)로서 우리는 서로를 보완하는 컨트롤을 결합하여 실험했습니다. 아마존 검색 창은 전형적인 사례입니다. 끝없는 테스트 (여전히 진행 중) 후에 일반적인 범주의 브라우징 경험이 미묘한 메뉴로 다운 플레이되고 검색 상자가 최고를 지배했습니다. 기본적으로 전체 검색이지만 검색 상자에서 바로 위에서 언급 한 범주에 액세스하여 범위를 제한 할 수 있습니다.

이 이야기의 교훈

혁신적인 상호 작용이 특정 문제를 해결하는 것처럼 보이면 사용자에게도 의미가있을 수 있습니다. "흔치 않은"것으로 버리지 마십시오 — 테스트 해보세요!

2
plainclothes

또한 검색 창 방문자의 대부분이 모바일 일 가능성이 높습니다. 드롭 다운이 휴대 기기 사용자에게 매우 유용한 지 확실하지 않습니다.

0
Saurabh M