การออกแบบที่มีความแม่นยำ – Adobe XD Review

เมื่อเราสรุปปี 2018 และก้าวเข้าสู่ปี 2019 เรามาทบทวนสถานะปัจจุบันของอุตสาหกรรมการออกแบบ บทบาทของนักออกแบบ เครื่องมือออกแบบ UX และเวิร์กโฟลว์กัน

ตั้งแต่การสร้างระบบการออกแบบที่สอดคล้องกันไปจนถึงการออกแบบโฟลว์สำหรับนวัตกรรมอุปกรณ์ต่อไป หรือการสร้างต้นแบบอินเทอร์เฟซที่ซับซ้อนสำหรับการทดสอบผู้ใช้ นักออกแบบสามารถเลือกจากเครื่องมือการออกแบบ UX ที่มีอยู่มากมาย ไม่ว่าจะเป็นโปรแกรมยอดนิยมอย่าง Sketch, Figma บนเว็บ, Adobe XD ที่เติบโตอย่างรวดเร็ว หรือ InVision Studio ที่เพิ่งเปิดตัว—ความคุ้นเคยกับเครื่องมือออกแบบ UX ที่เหมาะสม รวมถึงการตรวจทาน Adobe XD นี้จะช่วยเร่งกระบวนการออกแบบผลิตภัณฑ์

การเลือกเครื่องมือออกแบบ UX ที่เหมาะสม

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

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

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

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

เมื่อเร็ว ๆ นี้ InVision แพลตฟอร์มการสร้างต้นแบบได้ตัดสินใจเข้าสู่พื้นที่ด้วยเครื่องมือการออกแบบของตัวเอง InVision Studio มันไม่ได้เคลื่อนไหวเร็วอย่างที่ทุกคนหวัง ดังนั้นแม้ว่า Studio จะดูแข็งแกร่ง แต่ก็ยังค่อนข้างท่วมท้นและมีบั๊กที่ฉาวโฉ่ แม้ว่าจะมีการโฆษณาครั้งแรก

หลังจากครอบครองจักรวาลการออกแบบดิจิทัลมาอย่างยาวนาน Adobe ก็อยู่เบื้องหลังการแข่งขันนี้สำหรับเครื่องมือการออกแบบ UX/UI ขั้นสูงสุด ไม่มีความหรูหราในการอยู่ในตำแหน่งนั้นนาน… เข้าสู่ Adobe XD แม้ว่าจะช้าไปเล็กน้อยในการแข่งขัน แต่ Adobe XD ได้รับความนิยมเพิ่มขึ้นและกลายเป็นคู่แข่งสำคัญนับตั้งแต่เปิดตัวในปี 2559

Adobe XD Review: คุณสมบัติและประโยชน์

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

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

ราคา

ปัจจัยหนึ่งในความสำเร็จในช่วงต้นของอุตสาหกรรมที่ชื่นชอบเช่น Sketch และ Figma คือความสามารถในการจ่ายได้ Adobe XD เป็นส่วนหนึ่งของการสมัครสมาชิก Adobe Creative Cloud ซึ่งให้คุณเข้าถึงแอพมากกว่า 20 รายการ เช่น Photoshop, Illustrator, Premiere Pro ฯลฯ ในราคา $50/เดือน ดังนั้นจึงยากที่จะแยกราคาสำหรับผลิตภัณฑ์นั้นโดยเฉพาะ หากคุณไม่ได้สมัครรับข้อมูลแล้ว อาจเป็นการยากที่จะพิสูจน์ให้เห็นถึงความเหมาะสมในการใช้จ่ายมากไปกับการทดลองใช้เครื่องมือใหม่

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

สะดวกในการใช้

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

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

ระบบนิเวศ

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

ส่วนแบ่งการตลาด

ในปี 2560 Adobe XD มีอันดับเฉลี่ยในตลาดและไม่สามารถบดบังการครอบงำของ Sketch ได้ กรอไปข้างหน้าอย่างรวดเร็วสองปีและ Adobe ก็ไล่ตามอย่างรวดเร็ว (ด้วยสมาชิก Creative Cloud มากกว่า 12 ล้านราย) และได้แสดงให้เห็นศักยภาพที่ยิ่งใหญ่สำหรับการเติบโตอย่างรวดเร็วอย่างต่อเนื่อง

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

รายการฟีเจอร์และปลั๊กอินของ Adobe XD ที่เพิ่มขึ้นเรื่อยๆ

“ด้วยการผสานรวมกับ Creative Cloud เราสามารถทำให้ลูกค้าของเรามีความสุขและมีประสิทธิผลมากขึ้นโดยการเชื่อมต่อพวกเขาอย่างราบรื่นกับบริการทั้งหมดที่พวกเขาใช้ และการจัดหาเครื่องมือที่ไม่มีที่สิ้นสุดที่ขยายแอปพลิเคชันของเราด้วยวิธีที่ทรงพลังและกำหนดเองได้”– Vijay Vachani ผู้อำนวยการหัวหน้า ของ Partner Platform & Ecosystem, Adobe Creative Cloud

อินเทอร์เฟซของ Adobe XD เป็น "เบาและพื้นฐาน" อย่างที่เห็น รองรับระบบการออกแบบที่ซับซ้อนและไลบรารีสัญลักษณ์ ช่วยให้นักออกแบบสร้างและอัปเดตการออกแบบที่ซับซ้อนได้อย่างง่ายดาย เครื่องมือสร้างต้นแบบ XD และแอนิเมชั่นที่สำคัญไม่แพ้กันในการออกแบบและทดสอบผู้ใช้ เมื่อนักออกแบบพร้อมที่จะรับข้อเสนอแนะเกี่ยวกับการออกแบบ ปลั๊กอินโดย UserTesting และ Userlytics ช่วยให้พวกเขาทำได้โดยไม่ต้องออกจากโปรแกรม

การสร้างเครื่องมือออกแบบ UX ขั้นสุดยอดที่จะมีคุณสมบัติที่เหมาะสมคือสิ่งที่บริษัทต่างๆ เช่น InVision, Adobe และอื่นๆ มุ่งมั่นเพื่อ งานมีขนาดใหญ่และซับซ้อน ดังนั้นวิธีหนึ่งในการบรรลุเป้าหมายนี้คือให้แพลตฟอร์มพัฒนาปลั๊กอิน (และสนับสนุนให้ผู้อื่นทำเช่นเดียวกัน)

การประกาศเมื่อเร็วๆ นี้ของ Adobe ในเรื่องกองทุนการออกแบบมูลค่า 10 ล้านดอลลาร์เพื่อจุดประสงค์ที่ชัดเจนนี้ ได้พิสูจน์ให้เห็นถึงความสำคัญของการสนับสนุนปลั๊กอินและจูงใจให้นักพัฒนาสร้างปลั๊กอินเหล่านี้ขึ้นมา ในระหว่างการประชุม Adobe MAX ครั้งล่าสุด มีประกาศสำคัญหลายประการเกี่ยวกับปลั๊กอิน ชุด UI และการรวมแอพเพื่อขยายยูทิลิตี้ของ Adobe XD

แม้ว่า Sketch เป็นเครื่องมือการออกแบบที่ยอดเยี่ยม แต่สิ่งที่ทำให้ปลั๊กอินของบุคคลที่สามนั้นยอดเยี่ยมมาก ๆ เช่น Runner, Color Accessibility Check, Magic Mirror, Auto Animate เป็นต้น Adobe XD กำลังพัฒนาเกมด้วยปลั๊กอินอย่าง RenameIt, Pixel Perfect , เครื่องมือสร้างข้อมูล ฯลฯ และการรวมเข้ากับ Trello, Dribbble, Google ชีต ฯลฯ

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

ตั้งแต่เริ่มต้น Adobe XD ได้รับตำแหน่งเป็น "ผลิตภัณฑ์จากนักออกแบบไปจนถึงนักออกแบบ" และพวกเขาก็ยึดมั่นในหลักสูตรนั้นอย่างซื่อสัตย์ ทุกเดือนจะมีการเปิดตัวฟีเจอร์ชุดใหม่ ตัวอย่างเช่น ในช่วงไม่กี่เดือนที่ผ่านมา Adobe ได้เปิดตัวคุณลักษณะใหม่ของ Adobe XD เช่น Responsive Resize, Timed Transitions, Spell Check, Jira Integration และอื่นๆ

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

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

การขยายกล่องเครื่องมือของนักออกแบบ

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

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

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• เครื่องมือ UX ที่ดีที่สุด (พร้อมอินโฟกราฟิก)
• Figma vs. Sketch vs. Axure - การตรวจสอบตามงาน
• การออกแบบ VUI – ส่วนต่อประสานผู้ใช้เสียง
• ผลงานออกแบบ UX ที่ดีที่สุด - กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ
• ต้นแบบอย่างง่ายดาย - บทช่วยสอน InVision Studio