การค้นหาด้วยตัวกรองที่จำเป็น

feelerino 10/19/2018. 8 answers, 1.596 views
search filter default

ฉันมีปัญหาในการออกแบบช่องค้นหาที่มีตัวกรอง / หมวดหมู่บังคับสองรายการก่อนที่ผู้ใช้จะกดปุ่ม "ไป"

จนถึงตอนนี้ทางออกที่ดีที่สุดที่ฉันจะได้รับคือ:

ป้อนคำอธิบายรูปภาพที่นี่

ฉันได้นำเสนอวิธีแก้ไขปัญหาต่อไปนี้ให้กับลูกค้าของฉัน แต่พวกเขายืนยันว่ามันไม่เหมาะเมื่อผู้ใช้ต้องเปิดปุ่มแยกและเปลี่ยนแกนเคอร์เซอร์ของพวกเขาและสิ่งเหล่านั้นทั้งหมด แต่ฉันไม่เห็นว่าวิธีนี้สามารถทำได้ ส่งผลกระทบอย่างมากต่อการนำทาง ถ้ามันขึ้นอยู่กับฉันฉันจะไปกับอันนี้ แต่พวกเขายืนยันว่าไม่ใช่รูปแบบที่พวกเขาต้องการดังนั้นลืมมัน

ป้อนคำอธิบายรูปภาพที่นี่

ดี ... ความคิดใด ๆ

8 Answers


JoL 10/19/2018.

ฉันจำ GitHub ได้บางอย่างเช่นที่ Mike M แนะนำสำหรับการค้นหาของพวกเขา ฉันเพิ่งสังเกตเห็นว่ามีการเปลี่ยนแปลงและสิ่งที่พวกเขาทำตอนนี้คือการเลือกเป็นส่วนหนึ่งของเมนูเหมือนเติมข้อความอัตโนมัติ: ป้อนคำอธิบายรูปภาพที่นี่

ฉันคิดว่าการเลือกเริ่มต้นที่ด้านบนคือสิ่งที่พวกเขาเชื่อว่าเป็นสิ่งที่พบได้บ่อยที่สุดซึ่งเหมาะสมที่จะค้นหาใน repo ปัจจุบันตามค่าเริ่มต้น ข้อได้เปรียบที่ฉันสังเกตเห็นในที่นี้คือมันช่วยให้คุณสามารถสลับได้โดยไม่ต้องยุ่งยาก หากฉันต้องการค้นหา "ราง" ใน "All GitHub" (ซึ่งเหมาะสมกว่า) ทั้งหมดที่ฉันต้องทำคือกด ก่อนกด Enter ซึ่งหมายความว่าการเปลี่ยนตัวกรองเป็นเพียงปุ่มกดเพิ่มเติมเพียงครั้งเดียว

เปรียบเทียบสิ่งนี้กับโซลูชันอื่น ๆ :

  • dropdown input at the left หมายความว่าฉันต้อง กด Shift + Tab แล้วกด ครั้งหรือสองครั้ง (ฉันรู้สึกว่าบางรายการไม่เปลี่ยนการเลือกในการเข้าชมครั้งแรกและเปิดเฉพาะเมนูที่ไม่มีการเลือกซึ่งทำให้ฉัน ความไม่แน่นอนเกี่ยวกับดรอปดาวน์โดยทั่วไป)
  • 2 ปุ่มทางด้านขวาพร้อมค่าเริ่มต้นด้านซ้าย หมายความว่าฉันต้องกด Tab สองครั้ง
  • 2 ปุ่มทางด้านขวาพร้อมค่าเริ่มต้นทางด้านขวา หมายความว่าฉันต้องกด Tab หนึ่งครั้งเพื่อสลับ แต่อาจไม่ง่ายที่ค่าเริ่มต้นไม่ใช่สิ่งที่ใกล้เคียงกับอินพุตมากที่สุด
  • radio input นั้นเป็นแบบหล่นลง แต่อย่างน้อยฉันก็มั่นใจได้ว่าการกดปุ่มลูกศรจะทำให้เกิดการเปลี่ยนแปลงในการเลือก

โซลูชันอื่นทั้งหมดเหล่านี้ยังประสบว่ามีสัญญาณรบกวนทางภาพมากขึ้นเมื่อไม่ได้ใช้งานอินพุต อย่างไรก็ตามข้อดีที่พวกเขาทำทุกอย่างคือพวกเขาไม่ต้องการจาวาสคริปต์ (หากเรากำลังพูดถึงเว็บไซต์ที่นี่) ซึ่งเป็นสิ่งที่ดีทั้งสำหรับนักพัฒนาและผู้ใช้


Mike M 10/19/2018.

หากจำเป็นต้องใช้ตัวกรองให้เลือกการค้นหาที่บ่อยที่สุดเป็นค่าเริ่มต้น

คุณสามารถลองดร็อปดาวน์การค้นหาที่กำหนดขอบเขตไว้ก่อนฟิลด์อินพุตการค้นหา วิธีนี้ปุ่มค้นหา Active ตั้งแต่ต้น

นำไปสู่สิ่งที่ตัวชี้วัดของคุณแสดงให้เห็นว่าผู้ใช้ส่วนใหญ่จะต้องการค้นหาและไม่ทำให้พวกเขาหยุดชั่วคราวเพื่อเลือกตัวกรอง

ป้อนคำอธิบายรูปภาพที่นี่

ข้อเสียเปรียบ

หากคุณมีการวัดบางอย่างที่ทำให้เป็นกรณีสำหรับการค้นหาที่เป็นไปได้มากที่สุดผู้ใช้ที่ไม่เห็นตัวกรองและเพียงแค่การค้นหาจะได้รับรางวัล

ผู้ที่จะค้นหา 'Fragments' (สมมติว่ามันน้อยกว่าการค้นหา) อาจไม่เห็นรายการแบบหล่นลงและค้นหาทันที


Bromox 10/19/2018.

เนื่องจากนี่เป็นภารกิจบังคับก่อนที่จะโต้ตอบกับการค้นหาให้พิจารณาการค้นหาเช่นคำกระตุ้นการตัดสินใจเช่นการบันทึกหรือส่ง ก่อนที่คุณจะทำสิ่งเหล่านี้ได้สำเร็จคุณต้องกรอกแบบฟอร์ม

ในกรณีนี้ฟอร์มของคุณคือกลุ่มเรเดียลและฟิลด์ป้อนข้อความ

ป้อนคำอธิบายรูปภาพที่นี่


DarrylGodden 10/19/2018.

หากสิ่งเหล่านี้เป็นเพียงสองตัวเลือกและมีแนวโน้มที่จะยังคงอยู่ดังนั้นฉันจะไปกับสิ่งนี้:

รูปจำลอง

แหล่งดาวน์โหลด bmml - Wireframes สร้างขึ้นด้วย Balsamiq Mockups


Yoav Barak 10/20/2018.

คุณพิจารณาการค้นหาอัตโนมัติที่แนะนำสำหรับทั้งสองหมวดหมู่หรือไม่

ด้วยวิธีนี้คุณจะให้คุณค่าแก่ผู้ใช้ทันทีก่อนที่จะบังคับให้เขาตัดสินใจเลือกเพิ่มเติม ..

ป้อนคำอธิบายรูปภาพที่นี่


Fernando Vega 10/19/2018.

อาจไม่ใช่การตัดสินใจในอุดมคติสำหรับการออกแบบ - ฉันหมายความว่า I จะไม่ทำเช่นนี้ แต่เนื่องจากลูกค้าดูเหมือนจะเป็นคนขี้เหนียวฉันจึงทิ้งมันลงไปในความคิด

แถบค้นหาสองแถบหนึ่งแถบสำหรับแต่ละหมวดหมู่เมื่อผู้ใช้มุ่งเน้นไปที่หนึ่งปิดใช้งานอีกแถบ

อย่างที่ฉันพูดไม่ใช่ความคิด good แต่ฉันไม่เห็นอะไรผิดปกติกับโซลูชันอื่น ๆ ที่คุณได้นำเสนอให้กับลูกค้าแล้วดังนั้นสำหรับฉันแล้วดูเหมือนว่าลูกค้าไม่ต้องการให้มีบางอย่างที่ makes sense แต่พวกเขาต้องการสิ่งที่ they want และพวกเขาต้องการให้คุณหาว่ามันคืออะไร

บางทีพวกเขาอาจต้องการบางสิ่งที่โง่เช่นนี้ ... ?!


rackandboneman 10/20/2018.

ทางเลือกที่ดีทางหนึ่ง: ค้นหาทั้งสองทุกครั้ง (หากการพิจารณาประสิทธิภาพอนุญาต) และนำเสนอผลลัพธ์ในสองแท็บ "documentos" และ "fragmentos" เบื้องหน้าแท็บที่ทราบว่าเกี่ยวกับการค้นหาบ่อยขึ้น (สามารถตั้งค่าส่วนกลางหรือการตั้งค่าต่อผู้ใช้) หากประสิทธิภาพเป็นปัญหาที่นี่ให้ดำเนินการค้นหาเติมแท็บพื้นหลังเฉพาะเมื่อมีการคลิกจริง


Graipher 10/20/2018.

คุณสามารถถามตัวเองว่าการเลือกที่จำเป็นจริงๆคือแค่ค้นหาทั้งสองหมวดหมู่ตามค่าเริ่มต้น จากนั้นคุณสามารถเสนอตัวกรองในหน้าผลลัพธ์เพื่อปรับแต่งการค้นหา

ถ้าอย่างที่คุณพูดคำค้นหานั้นมีความยาวผลลัพธ์อาจไม่ซ้ำกันมากพอที่จะให้สิ่งที่ผู้ใช้กำลังค้นหาอยู่

หากคุณยังคงต้องการให้ตัวเลือกทั้งหมดตั้งแต่ต้นให้ซ่อนตัวกรองใต้ลิ้นชักการค้นหาขั้นสูงหรือสิ่งที่คล้ายกัน


HighResolutionMusic.com - Download Hi-Res Songs

1 AJR

Birthday Party flac

AJR. 2019. Writer: Adam Met;Jack Met;Ryan Met;Peter Ivers;David Lynch.
2 Loote

Your Side Of The Bed flac

Loote. 2018. Writer: ​Jesse Saint John;Jackson Foote;Emma Lov Block.
3 AJR

100 Bad Days flac

AJR. 2019. Writer: Jack Met;Adam Met;Ryan Met.
4 Joe Jonas

Longer Than I Thought flac

Joe Jonas. 2018. Writer: Patrick Nissley;Jackson Foote;Dave Katz.
5 Loote

Out Of My Head flac

Loote. 2018. Writer: Emma Lov Block;Michael Pollack;Jeremy Dussolliet;Jackson Foote.
6 Iselin Solheim

Anyone Out There flac

Iselin Solheim. 2019. Writer: Iselin Solheim;Max Grahn.
7 Loote

Wish I Never Met You flac

Loote. 2018. Writer: Jackson Foote;Alex Peter Koste;Jeremy Dussolliet;Emma Lov Block.
8 Kim Petras

Heart To Break flac

Kim Petras. 2018. Writer: Cirkut;Aaron Joseph;Dr. Luke;Jacob Kasher;Kim Petras.
9 A L E X

Out On The Trampoline At Night flac

A L E X. 2018. Writer: A L E X.
10 A L E X

I Want To Hold Your Hand flac

A L E X. 2018. Writer: A L E X.
11 A L E X

Field flac

A L E X. 2018. Writer: A L E X.
12 A L E X

Save Me flac

A L E X. 2018. Writer: A L E X.
13 Devin

Summer Lover flac

Devin. 2019. Writer: Tommy Lee James;Stuart Crichton;Oliver Heldens;Nile Rodgers;Devin Guisande.
14 A L E X

9 To 5 flac

A L E X. 2018. Writer: A L E X.
15 A L E X

Skirt flac

A L E X. 2018. Writer: A L E X.
16 Florian Picasso

Midnight Sun (Extended Version) flac

Florian Picasso. 2019.
17 Florian Picasso

Midnight Sun flac

Florian Picasso. 2019.
18 21 Savage

Enzo flac

21 Savage. 2019. Writer: YungLunchBox;Sheck Wes;Offset;Gucci Mane;21 Savage;DJ Snake.
19 Tales Of Ratatösk

Battle Of The Doomed Gods 320kbps

Tales Of Ratatösk. 2019.
20 Tales Of Ratatösk

Andro 320kbps

Tales Of Ratatösk. 2019.

Related questions

Hot questions

Language

Popular Tags