Morph มีเครื่องมือมากกว่า 300 ตัว แปลงไฟล์ แก้ไขภาพ จัดการ PDF ตัดต่อวิดีโอ สร้าง QR ดึงสี จัดรูปแบบข้อมูล แปลงฟอนต์ และอีกหลายสิบตัว จำนวนนี้เป็นจุดแข็ง แต่ก็เป็นปัญหาการออกแบบด้วย หากคุณไม่สามารถหาเครื่องมือที่ต้องการในสองวินาที การมีเครื่องมือ 300 ตัวก็ไม่ดีกว่าการไม่มีเลย
หน้า Browse เดิมแสดงเครื่องมือในรูปแบบตารางแบน ทำงานได้ดีเมื่อ Morph มีเครื่องมือ 40 ตัว เมื่อเพิ่มเป็น 300 ตัว มันกลายเป็นสมุดโทรศัพท์ คุณเลื่อน คุณจ้องมอง คุณยอมแพ้และใช้ Dock แทน ประสบการณ์นั้นไม่ดีพอ
The new Browse page is a complete redesign. It is built around one idea: every tool should be reachable in under two seconds, whether you know what you are looking for or you are just exploring.
สิ่งที่เปลี่ยนไป
หน้า Browse ที่ออกแบบใหม่เปิดด้วยหัวข้อเดียวที่เขียนด้วย Cormorant Garamond: "ทุกเครื่องมือ หน้าต่างเดียว" ด้านล่างมีหน้าที่เปิดออกเป็น 4 ส่วนที่ชัดเจน แต่ละส่วนออกแบบสำหรับความต้องการของผู้ใช้ประเภทต่าง ๆ
ด้านบน มีการ์ดเกรเดียนต์ 3 แบบที่เน้นเครื่องมือที่กำหนด Morph: Morph Artboard (เครื่องมือแก้ไขรูปภาพเต็มรูปแบบ), Flowcut (เครื่องมือแก้ไขวิดีโอ), และตัวสร้างรหัส QR แต่ละการ์ดมีการเคลื่อนไหวเมื่อชี้เมาส์เล็กน้อย — ยกขึ้นเล็กน้อยและขยายขนาดเล็กน้อย — ทำให้หน้าเว็บนี้ รู้สึก ตอบสนองและมีชีวิตชีวาโดยไม่รบกวน ในมือถือ การ์ดเหล่านี้จะเล็กลงเพื่อให้พอดีในแถบเลื่อนแนวนอนที่กว้าง 220px
ด้านล่างบัตรแนะนำ มีแถบปุ่มการแปลงที่พบบ่อยที่สุดแสดงการแปลงไฟล์ที่ผู้คนค้นหามากที่สุด เช่น PNG เป็น JPEG, MP4 เป็น MP3, HEIC เป็น JPG, PDF เป็น Text และ WebP เป็น PNG นี่คือทางลัดหนึ่งคลิกไปยังคู่การแปลงที่ผู้คนค้นหามากที่สุด ไม่มีเมนู ไม่มีการเลือกแบบดรอปดาวน์ คลิกปุ่ม ลากไฟล์ แล้วเสร็จ
ด้านล่างนี้ บัตรหมวดหมู่จัดระเบียบเครื่องมือทั้งหมดเป็นกลุ่มที่สามารถเลือกดูได้ แต่ละบัตรมีขอบซ้ายสี (3px แข็ง ต่างกันตามหมวดหมู่) ป้ายจำนวนรูปแบบ และจำนวนคู่การแปลง เครื่องมือภาพ เครื่องมือวิดีโอ เครื่องมือเสียง เครื่องมือเอกสาร เครื่องมือผู้พัฒนา เครื่องมือข้อมูล — แต่ละหมวดหมู่คือจุดหมายปลายทาง ไม่ใช่ตัวกรอง
ค้นหาที่ทำงานจริง
แถบค้นหาตั้งอยู่ใกล้ด้านบนของหน้า แสดงว่า "ค้นหาเครื่องมือ 300+..." และกรองไดเรกทอรีเครื่องมือทั้งหมดแบบเรียลไทม์ขณะที่คุณพิมพ์ ไม่มีปุ่มส่ง ไม่มีการโหลด_spinner ทุกการกดปุ่มลดผลลัพธ์ ทันที เพราะการค้นหาทำงานในฝั่งไคลเอนต์กับอาร์เรย์เครื่องมือ
เมื่อช่องค้นหาถูกโฟกัส แสงสีส้มเล็กน้อยจะปรากฏรอบๆ ช่องนั้น — สีส้มเดียวกัน #FF5200 ที่ใช้ในทุกสถานะที่ใช้งานใน Morph ปุ่มล้างเล็กๆ จะปรากฏเมื่อมีข้อความถูกป้อน ทำให้คุณสามารถรีเซ็ตการค้นหาด้วยการแตะเพียงครั้งเดียวแทนการเลือกและลบ
นี่คือการออกแบบที่เรียบง่ายโดยเจตนา ไม่มีการจับคู่แบบไม่ชัดเจน ไม่มีอัลกอริทึมจัดอันดับ ไม่มีเครื่องมือแนะนำที่ใช้ AI นี่คือตัวกรองข้อความสำหรับรายการแบบแบน ทำงานได้เพราะชื่อเครื่องมือและคำอธิบายเขียนไว้ชัดเจน และการกรองด้วยฝั่งไคลเอนต์ในระดับนี้ใช้เวลา ทันที บางครั้งประสบการณ์การค้นหาที่ดีที่สุดคือการที่ไม่มีความล่าช้า
หมวดหมู่เป็นจุดหมายปลายทาง
การจัดระเบียบเครื่องมือในทุกที่มักจะถูกมองว่าเป็นตัวกรอง คุณเลือกหมวดหมู่จากเมนูแบบเลือกได้ และตารางจะแสดงผลเฉพาะส่วนที่คุณเลือก วิธีนี้ทำงานได้ แต่ทำให้ประสบการณ์การท่องเว็บราบเรียบเป็นแบบธุรกรรม คุณรู้ว่าคุณต้องการอะไร คุณกรอง แล้วคุณก็ออกจากหน้า ซึ่งไม่ใช่สิ่งที่เราต้องการ
หน้า Browse ใหม่จัดการหมวดหมู่ต่าง ๆ อย่างแตกต่างกัน แต่ละการ์ดหมวดหมู่แสดงตัวเลขสองตัว: จำนวนรูปแบบที่รองรับ และจำนวนคู่การแปลงที่ใช้ได้ ตัวอย่างเช่น การ์ดเครื่องมือรูปภาพไม่เพียงแต่บอกว่า "รูปภาพ" เท่านั้น แต่ยังบอกว่ามีรูปแบบมากกว่า 15 แบบ และคู่การแปลงมากกว่า 80 คู่ บริบทนี้เปลี่ยนคำอธิบายให้เป็นการเชิญชวนให้สำรวจ
การ์ดปรากฏในมุมมองด้วยการเคลื่อนไหวแบบสั่นสะเทือน แต่ละการ์ดปรากฏทีละ 30 มิลลิวินาทีหลังจากก่อนหน้า เมื่อชี้เมาส์ ภาพลักษณ์แบบกระจกจะทำงาน: กล่องเงาหลายชั้นร่วมกับการเบลอพื้นหลังสร้างเอฟเฟกต์ความลึกที่ทำให้การ์ดดูเหมือนยกตัวขึ้นจากพื้นผิว นี่ไม่ใช่การตกแต่งที่ไร้ประโยชน์ แต่เป็นกลไกตอบสนองที่บอกคุณว่าคุณอยู่ที่ไหนและคุณสามารถโต้ตอบกับอะไรได้
ทุกการเคลื่อนไหวเคารพการใช้งาน prefers-reduced-motion ของมีเดียควอรี หากระบบปฏิบัติการของคุณตั้งค่าให้ลดการเคลื่อนไหว ประสิทธิภาพการจัดเรียงและเมื่อชี้เมาส์จะถูกปิดใช้งาน การเข้าถึงได้ไม่ใช่สิ่งที่คิดหลัง — มันถูกฝังไว้ในทุกการโต้ตอบ
เครื่องมือแนะนำ
การ์ดสามใบที่โดดเด่นด้านบนของ Browse ถูกคัดเลือกโดยมือ ไม่ใช่โดยอัลกอริทึม ไม่มีการจัดอันดับความนิยม ไม่มีการทดสอบ A/B หรือตัววัดการมีส่วนร่วมที่ตัดสินว่าจะใส่เครื่องมือใดในฮีโร่ เครื่องมือที่โดดเด่นถูกเลือกเพราะแสดงถึงสิ่งที่ Morph ทำได้ดีที่สุด
Morph Artboard เป็นโปรแกรมแก้ไขรูปภาพแบบครบวงจรพร้อมเลเยอร์ มัสก์ โหมดผสม และคุณสมบัติที่ใช้ AI เช่น การเติมภาพแบบสร้างสรรค์และการลบวัตถุ Flowcut เป็นโปรแกรมแก้ไขวิดีโอแบบเบราว์เซอร์ที่มีการแก้ไขตามไทม์ไลน์ การปรับสี การปรับความเร็ว และการสนับสนุน LUT พร้อมตัวเลือกการส่งออกสำหรับ YouTube, Instagram, TikTok และ GIF ตัวสร้างรหัส QR สร้างรหัสสแกนได้ทันทีด้วยสีและขนาดที่ปรับแต่งได้
นี่ไม่ใช่เครื่องมือทั้งหมดที่น่าสนใจ แต่การคัดเลือกหมายถึงการตัดสินใจ 3 บัตร 3 เครื่องมือ ข้อความชัดเจนหนึ่ง: Morph ไม่ใช่แค่เครื่องแปลงไฟล์ มันคือแพลตฟอร์มสร้างสรรค์
เหตุผลที่สำคัญ
ไดเรกทอรีเครื่องมือ 300 รายการไม่ใช่ผลิตภัณฑ์ มันคือสเปรดชีต ผลิตภัณฑ์คือสิ่งที่เกิดขึ้นระหว่างช่วงเวลาที่ผู้ใช้เปิดใช้งาน Browse ถึงช่วงเวลาที่ค้นพบสิ่งที่ต้องการ ช่องว่างนี้ควรวัดในวินาที ไม่ใช่การเลื่อน
เครื่องมือที่ดีจะไม่เด่นชัด คุณค้นหา ค้นพบ และใช้งาน คุณไม่ต้องอ่านเอกสาร ไม่ต้องดูวิดีโอสอน ไม่ต้องสร้างบัญชี หน้า Browse ใหม่ถูกออกแบบมาตามหลักการนี้ ทุกอย่าง บนหน้าจอช่วยให้คุณค้นหาเครื่องมือหรือแสดงเครื่องมือที่คุณไม่รู้จัก
ไม่มีการลงทะเบียนหรือการอัปโหลด ทุกเครื่องมือทำงานในเบราว์เซอร์ของคุณโดยไม่ต้องใช้เซิร์ฟเวอร์ ไฟล์ของคุณจะอยู่บนอุปกรณ์ของคุณ ความรับประกันความเป็นส่วนตัวนี้ไม่ใช่แค่การตลาด — มันคือสถาปัตยกรรมของ Morph Morph ใช้ WebAssembly และ JavaScript ประมวลผลไฟล์แบบ client-side ไม่มีอะไรสัมผัสเซิร์ฟเวอร์เว้นแต่คุณจะใช้คุณสมบัติ AI โดยเฉพาะ และแม้ในกรณีนั้น การประมวลผลจะเกิดขึ้นบน Cloudflare Workers โดยไม่มีการเก็บข้อมูลหรือบันทึก
เครื่องมือมากกว่า 300 ตัวในแอปเดียวไม่มีความหมาย หากคุณหาเครื่องมือที่ต้องการไม่เจอ รีดีไซน์ Browse ทำให้ค้นหาเครื่องมือที่เหมาะสมได้เร็วเท่ากับการใช้งาน.
หากคุณยังไม่ได้สำรวจสิ่งที่ Morph สามารถทำได้นอกเหนือจากการแปลงไฟล์ หน้า Browse คือจุดเริ่มต้นที่ดีที่สุด คุณสามารถใช้เครื่องมือต่างๆ เช่น การบีบอัดรูปภาพ การตัดต่อวิดีโอ การแปลงฟอนต์ การดึงข้อมูลเมตาดาต้า การเข้ารหัส การสร้างแผนภูมิ และการสร้างรีซูเม่ ทั้งหมดนี้จัดระเบียบและค้นหาได้ง่าย
เปิดหน้า Browse พิมพ์สิ่งที่คุณต้องการ และดูว่าเกิดอะไรขึ้น หรือไม่ต้องพิมพ์อะไรเลย — แค่เลื่อนหน้าจอ คุณอาจพบเครื่องมือที่คุณไม่รู้ว่าต้องการ เช่น เครื่องมือบีบอัดรูปภาพ ที่ทำงานทั้งหมดในเบราว์เซอร์ของคุณ หรือ ตัวแก้ไขวิดีโอฟรี ที่ส่งออกเป็น GIF ด้วยการปรับสีที่เหมาะสม
เครื่องมือทุกตัว หน้าต่างเดียว ไม่มีความยุ่งเหยิง