วิธีออกแบบการค้นหาสำหรับแอพมือถือของคุณ

เผยแพร่แล้ว: 2022-03-10
สรุปโดยย่อ ↬ ขณะที่คุณทำงานเพื่อสร้างประสบการณ์ที่ดีขึ้นสำหรับผู้ใช้แอปบนอุปกรณ์เคลื่อนที่ ให้ใช้เวลาคิดเกี่ยวกับการออกแบบแถบค้นหาของแอปของคุณ สิ่งต่างๆ เช่น ตำแหน่ง ข้อความแนะนำ และวิธีแสดงผลการค้นหามีส่วนทำให้ผู้ใช้มีส่วนร่วมกับการค้นหาและแอปของคุณโดยรวม

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

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

ทางลัดดิจิทัลรูปแบบนี้ไม่ได้มีอยู่แค่ในเครื่องมือค้นหาเช่น Google แอพมือถือตอนนี้มีฟังก์ชั่นการค้นหาในตัวเช่นกัน

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

การใช้เว็บด้วยโปรแกรมอ่านหน้าจอ

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

เพิ่มเติมหลังกระโดด! อ่านต่อด้านล่าง↓

การค้นหาแอพมือถือไม่สามารถต่อรองได้

แถบค้นหาเป็นส่วนมาตรฐานของเว็บไซต์มาหลายปีแล้ว แต่สถิติแสดงให้เห็นว่าผู้ใช้ไม่ได้มองว่าแถบนี้เป็นสิ่งจำเป็นเสมอไป ข้อมูลนี้จาก Neil Patel และ Kissmetrics มุ่งเน้นไปที่การรับรู้และการใช้แถบค้นหาบน เว็บไซต์ อีคอมเมิร์ซ:

ข้อมูลการค้นหาเว็บไซต์ Kissmetrics
ข้อมูลจากอินโฟกราฟิก Kissmetrics เกี่ยวกับการค้นหาไซต์ (ที่มา: Kissmetrics) (ตัวอย่างขนาดใหญ่)

อย่างที่คุณเห็น 60% ของผู้ใช้ที่ทำการสำรวจชอบใช้การนำทางแทนการค้นหา ในขณะที่ 47% เลือกใช้ "การค้นหา" ที่กรองได้มากกว่าฟังก์ชันการค้นหาทั่วไป

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

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

นี่คือ เหตุผลที่แอปมือถือต้องมีแถบค้นหา

คุณจะพบว่ามีประโยชน์มากมายสำหรับการค้นหาในแอปบนอุปกรณ์เคลื่อนที่:

  • แอพที่ขับเคลื่อนด้วยเนื้อหา เช่น หนังสือพิมพ์ แพลตฟอร์มการเผยแพร่ และบล็อก
  • ร้านค้าอีคอมเมิร์ซที่มีสินค้าคงเหลือจำนวนมากและการจัดหมวดหมู่ของสินค้าคงเหลือเหล่านั้น
  • แอพเพิ่มประสิทธิภาพการทำงานที่มีเอกสาร ปฏิทิน และบันทึกที่ค้นหาได้อื่นๆ
  • รายชื่อไซต์ที่เชื่อมโยงผู้ใช้กับโรงแรม ร้านอาหาร แผนการเดินทาง สินค้าสำหรับขาย อพาร์ตเมนต์ให้เช่า และอื่นๆ ที่เหมาะสม
  • แอพหาคู่และเครือข่ายที่เชื่อมต่อผู้ใช้ด้วย "การจับคู่" จำนวนมาก

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

วิธีออกแบบการค้นหาสำหรับแอพมือถือของคุณ

ฉันจะแบ่งส่วนต่อไปนี้ออกเป็นสองประเภท:

  1. วิธีออกแบบองค์ประกอบการค้นหาทางกายภาพในแอพมือถือของคุณ
  2. วิธีออกแบบแถบค้นหาและผลลัพธ์ภายในบริบทของแอป

1. การออกแบบองค์ประกอบการค้นหาทางกายภาพ

มีหลายประเด็นที่ต้องพิจารณาเมื่อพูดถึงการมีอยู่จริงขององค์ประกอบการค้นหาแอปของคุณ:

บนหรือล่าง?

Shashank Sahay อธิบายว่าทำไมมีสองที่ที่องค์ประกอบการค้นหาปรากฏบนแอพมือถือ:

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

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

  • 2. แท็บในแถบนำทางที่อยู่ด้านล่างสุด
    นี่สำหรับแอปที่ใช้การค้นหาเป็นการปรับปรุงประสบการณ์หลักของการใช้คุณสมบัติหลักของแอป

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

ค้นหาแอพ Instagram
Instagram วางฟังก์ชันการค้นหาในแถบนำทางด้านล่าง (ที่มา: อินสตาแกรม) (ตัวอย่างขนาดใหญ่)

จากที่กล่าวมา ฟังก์ชันการค้นหาจะมีอยู่ในแถบนำทาง เพื่อให้ผู้ใช้สามารถค้นหาบัญชีอื่นๆ เพื่ออ่านหรือติดตามได้

เท่าที่รายละเอียดพื้นฐานนี้ดำเนินไป Sahay พูดถูกว่าตำแหน่งของการค้นหาสัมพันธ์กับความตั้งใจอย่างไร แต่การออกแบบองค์ประกอบการค้นหานั้นนอกเหนือไปจากตำแหน่งที่วางบนแอพ

ตื้นหรือลึก?

จะมีบางครั้งที่แอพมือถือจะได้รับประโยชน์จากฟังก์ชั่นการค้นหาที่อยู่ลึกลงไปในประสบการณ์แอพ

คุณจะเห็นสิ่งนี้ค่อนข้างบ่อยในแอปอีคอมเมิร์ซเช่น Bed Bath & Beyond:

การค้นหาแอพ Bed Bath & Beyond
Bed Bath & Beyond ใช้การค้นหาแบบลึกเพื่อช่วยให้ผู้ใช้ค้นหาร้านค้าใกล้เคียง (ที่มา: Bed Bath & Beyond) (ตัวอย่างขนาดใหญ่)

ในตัวอย่างนี้ ฟังก์ชันการค้นหานี้อยู่นอกการค้นหาผลิตภัณฑ์มาตรฐานบนหน้า Landing Page หลัก ผลลัพธ์สำหรับการค้นหาประเภทนี้จะแสดงในลักษณะเฉพาะซึ่งสะท้อนถึงจุดประสงค์ของการค้นหา:

ผลการค้นหาแผนที่ Bed Bath & Beyond
Bed Bath & Beyond แสดงผลการค้นหาบนแผนที่ (ที่มา: Bed Bath & Beyond) (ตัวอย่างขนาดใหญ่)

มีวิธีอื่นๆ ที่คุณใช้อาจต้องใช้ฟังก์ชันการค้นหา "เชิงลึก" บนแอปอีคอมเมิร์ซ

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

นอกจากนี้ คุณจะเห็นการค้นหาเชิงลึกภายในแอปท่องเที่ยวและความบันเทิง เช่น Hotels.com:

การค้นหาแอพ Hotels.com
Hotels.com มีการค้นหาแบบละเอียดเพื่อจำกัดผลการค้นหาตามชื่อที่พัก (ที่มา: Hotels.com) (ตัวอย่างขนาดใหญ่)

คุณคงคุ้นเคยกับฟังก์ชันการค้นหาพื้นฐานที่เข้ากันได้กับแอปที่เกี่ยวข้องกับการเดินทาง คุณป้อนรายละเอียดการเดินทางของคุณและดึงผลลัพธ์ที่เกี่ยวข้องมากที่สุดในรูปแบบรายการหรือแผนที่ นั่นคือสิ่งที่ภาพหน้าจอนี้เป็นของ

อย่างไรก็ตาม ดูว่ามันเขียนว่า "Property Name" ข้างแว่นขยายตรงไหน? นี่คือฟังก์ชันการค้นหาภายในฟังก์ชันการค้นหา และสิ่งเดียวที่ผู้ใช้สามารถค้นหาได้ที่นี่คือชื่อคุณสมบัติโรงแรมจริง

บาร์ แท็บ หรือแว่นขยาย?

สิ่งนี้นำฉันไปสู่จุดการออกแบบต่อไปของฉัน: จะทราบได้อย่างไรว่าองค์ประกอบการออกแบบใดที่จะใช้แทนฟังก์ชันการค้นหา

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

ต่อไปนี้คือตัวอย่างวิธีการใช้แอป YouTube บนอุปกรณ์เคลื่อนที่:

ไอคอนค้นหาแอป YouTube
YouTube ใช้แว่นขยายเพื่อแสดงฟังก์ชันการค้นหา (ที่มา: YouTube) (ตัวอย่างขนาดใหญ่)

อย่างที่ฉันเห็น แว่นขยายคือองค์ประกอบการออกแบบการค้นหาที่คุณจะใช้เมื่อ:

  • สาเหตุหลักประการหนึ่งที่ผู้ใช้เข้ามาที่แอปคือทำการค้นหา
  • และ แข่งขันกับกรณีการใช้งานหลักอื่น

ในกรณีนี้ YouTube ต้องใช้แว่นขยายขนาดเล็กเพราะให้บริการผู้ใช้สองประเภท:

  1. ผู้ใช้ที่มาที่แอปเพื่อค้นหาวิดีโอ
  2. ผู้ใช้ที่มาที่แอปเพื่ออัปโหลดวิดีโอของตัวเอง

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

“ค้นหา” หรือให้คำแนะนำ?

อีกสิ่งหนึ่งที่ควรพิจารณาเมื่อออกแบบการค้นหาแอปบนอุปกรณ์เคลื่อนที่คือข้อความในช่องค้นหา ในการตัดสินใจ คุณต้องถามตัวเองว่า

"ผู้ใช้ของฉันจะทราบหรือไม่ว่าสามารถค้นหาข้อมูลประเภทใดได้ด้วยฟังก์ชันการค้นหานี้"

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

นี่คือแอพสำหรับ Airbnb:

ข้อความค้นหาแอพ Airbnb
Airbnb เสนอข้อความคำใบ้เพื่อแนะนำให้ผู้ใช้ได้รับผลการค้นหาที่แม่นยำยิ่งขึ้น (ที่มา: Airbnb) (ตัวอย่างขนาดใหญ่)

แถบค้นหาบอกว่า "ลอง 'Costa de Valencia'" ไม่จำเป็นต้องเป็นคำแนะนำที่ชัดเจน วิธีนี้ช่วยให้ฉันค้นพบว่าจะใช้แถบค้นหานี้เพื่อค้นหาสถานที่ที่จะอยู่ในการเดินทางครั้งต่อไปได้อย่างไร

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

2. การออกแบบแถบค้นหาและผลลัพธ์ในบริบท

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

ค้นหาง่าย

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

เมื่อป้อนคำค้นหาที่เกี่ยวข้อง คุณสามารถให้ผลลัพธ์ได้หลายวิธี

สำหรับแอปอย่าง Flipboard ผลลัพธ์จะแสดงเป็นแฮชแท็กที่กำลังเป็นที่นิยม:

ผลการค้นหาแอป Flipboard
Flipboard แสดงผลการค้นหาเป็นรายการแฮชแท็ก (ที่มา: Flipboard) (ตัวอย่างขนาดใหญ่)

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

ESPN มีฟังก์ชันการค้นหาพื้นฐานแบบดั้งเดิมมากขึ้น:

ผลการค้นหาแอป ESPN
ESPN ได้ออกแบบผลการค้นหาในรายการแบบดั้งเดิม (ที่มา: ESPN) (ตัวอย่างขนาดใหญ่)

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

กรองการค้นหา

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

Yelp มีตัวอย่างที่ดีของสิ่งนี้:

ตัวกรองการค้นหาแอป Yelp
ผู้ใช้ Yelp มีตัวเลือกตัวกรองที่ใช้ได้หลังจากทำการค้นหา (ที่มา: Yelp) (ตัวอย่างขนาดใหญ่)

ในการค้นหาด้านบน ตอนแรกฉันค้นหาร้านอาหารใน "ตำแหน่งปัจจุบัน" ของฉัน ในบรรดาตัวกรองต่างๆ ที่แสดง ฉันตัดสินใจเพิ่ม "การจัดส่งตามคำสั่งซื้อ" ในข้อความค้นหาของฉัน คำค้นหาของฉันจึงกลายเป็น:

ร้านอาหาร > ตำแหน่งปัจจุบัน > เดลิเวอรี่

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

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

เว็บไซต์อีคอมเมิร์ซเป็นอีกหนึ่งกรณีการใช้งานที่ดีสำหรับตัวกรอง นี่คือวิธีที่ Wayfair ทำสิ่งนี้:

ตัวกรองการค้นหาแอป Wayfair
Wayfair มีตัวกรองในการค้นหาเพื่อช่วยให้ผู้ใช้จำกัดผลลัพธ์ให้แคบลง (ที่มา: Wayfair) (ตัวอย่างขนาดใหญ่)

รายการผลการค้นหาของ Wayfair นั้นค่อนข้างมาตรฐานสำหรับตลาดอีคอมเมิร์ซ จำนวนรายการจะปรากฏขึ้น ตามด้วยตารางรูปภาพสินค้าที่ตรงกันและรายละเอียดสรุป

นี่คือสิ่งที่: Wayfair มีสินค้าคงคลังจำนวนมาก ตลาดออนไลน์อื่น ๆ เช่น Amazon และ Zappos ก็เหมือนกัน ดังนั้น เมื่อคุณบอกผู้ใช้ว่าคำค้นหาของพวกเขาสร้าง 2,975 รายการ คุณต้องมีวิธีที่จะบรรเทาความล้นหลามที่อาจมาพร้อมกับสิ่งนั้น

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

การค้นหาแบบคาดการณ์ล่วงหน้า

การเติมข้อความอัตโนมัติเป็นสิ่งที่ผู้ใช้ของคุณคุ้นเคยอยู่แล้ว สำหรับแอปที่มีเนื้อหาจำนวนมาก การใช้ฟังก์ชันการค้นหาประเภทนี้อาจเป็นประโยชน์อย่างมากต่อผู้ใช้ของคุณ

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

Pinterest เป็นแอปโซเชียลมีเดียที่ผู้คนใช้ในการรวบรวมเนื้อหาที่พวกเขาสนใจและเพื่อค้นหาแรงบันดาลใจสำหรับสิ่งที่พวกเขาทำในชีวิต:

ค้นหาแอพ Pinterest เติมข้อความอัตโนมัติ
Pinterest คาดการณ์ข้อความค้นหาของผู้ใช้และให้ทางลัดในการเติมข้อความอัตโนมัติ (ที่มา: Pinterest) (ตัวอย่างขนาดใหญ่)

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

แอพอื่นที่ฉันมีส่วนร่วมมากคือแอพ Apple Photos:

ค้นหาแอพ Apple Photos
Apple Photos ใช้การเติมข้อความอัตโนมัติเพื่อช่วยให้ผู้ใช้ค้นหารูปภาพที่เกี่ยวข้องมากที่สุด (ที่มา: Apple) (ตัวอย่างขนาดใหญ่)

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

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

ฉันจะใส่ผลลัพธ์ "การค้นหาล่าสุด" ลงในที่เก็บข้อมูลนี้ด้วย นี่คือตัวอย่างจาก Uber:

ผลการค้นหาล่าสุดของแอป Uber
ผลการค้นหาล่าสุดของ Uber ให้ปุ่มลัดสำหรับผู้ใช้ซ้ำในคลิกเดียว (ที่มา: Uber) (ตัวอย่างขนาดใหญ่)

ก่อนที่ฉันจะมีโอกาสพิมพ์คำค้นหาในแอป Uber ระบบจะแสดงคำค้นหาล่าสุดให้ฉัน

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

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

จำกัดการค้นหา

ฉันคิดว่าจุดประหยัดเวลานี้เป็นสิ่งสำคัญที่ต้องจดจำเมื่อออกแบบการค้นหาแอปบนอุปกรณ์เคลื่อนที่

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

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

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

หมวดหมู่การค้นหาแอป Ibotta
Ibotta แสดงหมวดหมู่ที่ผู้ใช้สามารถค้นหาได้ (ที่มา: Ibotta) (ตัวอย่างขนาดใหญ่)

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

Hotels.com ได้จำกัดฟังก์ชันการค้นหา:

Hotels.com จำกัดผลการค้นหา
Hotels.com บังคับให้ผู้ใช้ทำการเลือกเพื่อไม่ให้ได้ผลลัพธ์มากเกินไป (ที่มา: Hotels.com) (ตัวอย่างขนาดใหญ่)

ดังที่คุณเห็นที่นี่ ผู้ใช้ไม่สามารถแค่ค้นหาโรงแรมทั่วประเทศโครเอเชียได้ เป็นการค้นหาที่กว้างเกินไปและเป็นการค้นหาที่ Hotels.com ไม่ควรให้ ประการหนึ่ง เซิร์ฟเวอร์ Hotels.com อาจต้องเสียภาษีมากเกินไปในการดำเนินการค้นหาในลักษณะนั้น นอกจากนี้ยังมอบประสบการณ์ที่แย่มากให้กับผู้ใช้อีกด้วย ลองนึกภาพว่ามีโรงแรมกี่แห่งที่จะปรากฏในรายการผลลัพธ์นั้น

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

ห่อ

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