Adobe XD กับ Sketch – เครื่องมือ UX ใดที่เหมาะกับคุณ

นักออกแบบ UX ต้องการเครื่องมือมากมายเพื่อทำให้ขั้นตอนต่างๆ ของเวิร์กโฟลว์ UX สมบูรณ์ ตั้งแต่การวิจัยไปจนถึงการออกแบบ ต้นแบบและการส่งมอบ หากคุณทำงานบนพีซี คุณอาจถูกกล่าวถึงอย่างต่อเนื่องว่า Sketch ซึ่งเป็นโปรแกรมแก้ไขกราฟิกเวกเตอร์ยอดนิยมและคล่องตัว พร้อมปลั๊กอินที่มีประโยชน์มากมายซึ่งกำลังกลายเป็นมาตรฐานอุตสาหกรรมอย่างรวดเร็ว แต่มีให้เฉพาะบน Mac OS เท่านั้น ซึ่งหมายความว่า เว้นแต่คุณจะมีเครื่อง Apple คุณจะถูกละทิ้ง แต่ตอนนี้ Adobe กำลังทำงานอย่างแข็งขันกับคู่แข่ง Sketch ข้ามแพลตฟอร์มที่เหมาะสม (และหน้าตาเหมือนกัน?) หลังจากห่างหายไปหลายปี: Adobe XD

Adobe XD คืออะไร?

Adobe Experience Design CC หรือ Adobe XD เป็นโปรแกรมแก้ไขกราฟิกเวกเตอร์น้ำหนักเบาและเครื่องมือสร้างต้นแบบ ซึ่งเปิดตัวที่ Adobe MAX 2015 ในชื่อ Project Comet ซอฟต์แวร์เปิดตัวในรุ่นตัวอย่างในเดือนมีนาคม 2016 โดยเป็นส่วนหนึ่งของ Creative Cloud และในปัจจุบันนี้อยู่ในช่วงเบต้า โดยจะได้รับการอัปเดตแทบทุกเดือน

ก่อนหน้านั้น Adobe กำลังทำงานเพื่อเพิ่มคุณสมบัติสำหรับนักออกแบบ UX ในเครื่องมือที่สร้างขึ้นเช่น Photoshop และ Illustrator แม้ว่าทั้งสองจะเป็นซอฟต์แวร์ที่ยอดเยี่ยม แต่ก็ไม่ได้มีน้ำหนักเบาและไม่คล่องตัวสำหรับงานประเภทนี้ ในช่วงหลายปีที่ผ่านมา—และโดยเฉพาะอย่างยิ่งหลังจากการเลิกใช้ Adobe Fireworks ในปี 2013 (เครื่องมือสร้างต้นแบบเว็บแบบคลาสสิกที่ได้รับจาก Macromedia) นักออกแบบ UX จำนวนมากขึ้นรู้สึกว่า Creative Cloud ไม่ตรงกับความคาดหวังของตลาด ดังนั้นพวกเขาจึงกระโดดไปที่ Sketch (หากพวกเขามี Mac) แม้ว่าการตอบสนองของ Adobe สำหรับการอพยพจำนวนมากครั้งนี้จะล่าช้าเล็กน้อย (Bohemian Coding เปิดตัว Sketch เมื่อ 6 ปีที่แล้ว) แต่ก็คุ้มค่าแก่การรอคอย โดยเฉพาะอย่างยิ่งหากคุณถูกจำกัดให้ใช้เครื่องมือที่ไม่เพียงพอบนพีซีของคุณ มาเปรียบเทียบ Adobe XD กับ Sketch

ส่วนต่อประสานผู้ใช้และคุณสมบัติพิเศษ

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

ทำซ้ำ Grid

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

การสร้างต้นแบบ

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

แผงสินทรัพย์

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

Adobe ได้ประกาศคุณลักษณะบางอย่างถัดไปที่จะปรากฏบน XD ในบล็อกของผลิตภัณฑ์ หนึ่งในนั้นได้ขยายฟีเจอร์แอสเซท ทำให้ผู้ออกแบบสามารถเผยแพร่คู่มือสไตล์ของโปรเจ็กต์ด้วยแบบอักษรที่ดาวน์โหลดได้ แอสเซ็ท และรหัสฐานสิบหกสี ควบคู่ไปกับต้นแบบเชิงโต้ตอบและฟีเจอร์การตรวจสอบสำหรับการสำรวจองค์ประกอบภายในต้นแบบของนักพัฒนา สิ่งนี้เรียกว่า "แฮนด์ออฟสำหรับนักพัฒนา" และสามารถทำได้ใน Sketch (และ Photoshop) โดยใช้ปลั๊กอินเช่น Zeplin คุณลักษณะอื่นในอนาคตที่ถูกล้อเลียนคือการทำงานร่วมกันแบบเรียลไทม์ใน XD ซึ่งคล้ายกับคุณลักษณะการทำงานร่วมกันที่มีอยู่ใน Google เอกสารและมีอยู่ในเครื่องมือออกแบบ UX อื่น ๆ เช่น Figma

Sketch (และปลั๊กอิน) กับ Adobe XD

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

ถึงเวลาเปลี่ยนหรือยัง?

Adobe XD เป็นอันดับแรกและสำคัญที่สุดสำหรับผู้ใช้ Windows (ซึ่งไม่สามารถใช้ macOS เท่านั้น Sketch) และสมาชิก Adobe Creative Cloud ปัจจุบัน (ผู้ที่ไม่ต้องจ่ายเงินเพิ่มสำหรับ XD นอกเหนือจาก Photoshop, Illustrator ฯลฯ)

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

• • •

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

• eCommerce UX – ภาพรวมของแนวทางปฏิบัติที่ดีที่สุด (พร้อมอินโฟกราฟิก)
• ความสำคัญของการออกแบบที่เน้นมนุษย์เป็นศูนย์กลางในการออกแบบผลิตภัณฑ์
• ผลงานออกแบบ UX ที่ดีที่สุด – กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ
• หลักการฮิวริสติกสำหรับอินเทอร์เฟซมือถือ
• การออกแบบที่คาดหวัง: วิธีสร้างประสบการณ์ผู้ใช้ที่มีมนต์ขลัง