ในอินโฟกราฟิก ApeeScape ล่าสุด:“ เครื่องมือ UX ที่ดีที่สุด ” เราตรวจสอบเครื่องมือการออกแบบดิจิทัลที่มีอยู่มากมายในตลาดซึ่งส่วนใหญ่สามารถช่วยเหลืองานประจำวันของแต่ละบุคคลได้ นักออกแบบ UX .
เครื่องมือสามอย่างที่นำเสนอ Sketch, Figma และ Axure ได้สร้างการติดตามที่ซื่อสัตย์เนื่องจากมีความเชี่ยวชาญในงานเฉพาะในเวิร์กโฟลว์การออกแบบ UX
อย่างไรก็ตามประสิทธิภาพของเครื่องมือเหล่านี้แตกต่างกันไป ขึ้นอยู่กับงานออกแบบในมือ . แทนที่จะแสดงคุณลักษณะทั้งหมดในตารางเปรียบเทียบเราจะพิจารณาประสิทธิภาพของคุณลักษณะเหล่านี้ด้วยการตรวจสอบตามงาน
นี่คือภาพรวมโดยย่อของคู่แข่ง:
เราจะให้คะแนนเครื่องมือแต่ละชิ้นโดยพิจารณาจากประสิทธิภาพการทำงานของงานออกแบบในแต่ละวัน ไม่มี ปลั๊กอินส่วนเสริมหรือแอปของบุคคลที่สาม งานรวมถึง:
บันทึก: เมื่อเครื่องมือมีคุณสมบัติที่เหมือนกันเกือบทั้งหมดที่จำเป็นในการทำงานให้สำเร็จความชนะจะตกเป็นของเครื่องมือที่ใช้งานง่ายกว่าและให้การจัดส่งที่เร็วขึ้น หากการตัดสินใจดังกล่าวดูเหมือนจะใกล้เกินไปการสนับสนุนจากบุคคลที่สามคือตัวตัดสาย
ความคิดสร้างสรรค์เป็นกระบวนการสร้างสรรค์ในการสร้างแนวคิดใหม่ ๆ และโดยปกติแล้วจะทำโดยกลุ่มสหวิทยาการซึ่งประกอบด้วยนักออกแบบนักพัฒนาเจ้าของผลิตภัณฑ์และผู้จัดการโครงการ
เป้าหมายคือการสร้างแนวคิดใหม่เพื่อใช้ในผลิตภัณฑ์หลังจากพิจารณาข้อกำหนดพื้นฐานและงานใด ๆ ที่อยู่ระหว่างการก่อสร้างแล้ว ตัวอย่างเช่นทีมงานอาจผ่านเซสชันการกำหนดแนวคิดเพื่อสร้างชุดของ MVP คุณสมบัติสำหรับแอปใหม่หรือคุณสมบัติรุ่นใหม่ในแอปที่มีอยู่
นักออกแบบหลายคนใช้แนวคิดแนวคิดบนไวท์บอร์ดหรือกระดาษ อย่างไรก็ตามความคิดยังทำแบบดิจิทัลโดยเฉพาะใน สำนักงานกระจาย . การสร้างแนวคิดเป็นกีฬาประเภททีมและรวมถึงผู้ที่ไม่ใช่นักออกแบบเช่นเจ้าของ / ผู้จัดการผลิตภัณฑ์และนักพัฒนาส่วนหน้า เครื่องมือที่ส่งเสริมการทำงานร่วมกันและใช้งานง่ายเหมาะที่สุดสำหรับงานนี้
Sketch และ Axure เสนอบริการแชร์บนคลาวด์ แต่ไม่มีวิธีแชร์หน้าจอแบบเรียลไทม์กับผู้ทำงานร่วมกัน
ไฟล์ที่แชร์ใน Figma สามารถเข้าร่วมได้แบบเรียลไทม์และเคอร์เซอร์ของผู้เข้าร่วมทุกคนจะปรากฏขึ้น การคลิกที่อวาตาร์ตัวแทนในแถบเครื่องมือจะเปลี่ยนมุมมองเป็นมุมมองของบุคคลนั้นทำให้ง่ายต่อการแบ่งปันความคิดอย่างรวดเร็ว นอกจากนี้ Figma ไม่ต้องการให้ผู้ที่ไม่ใช่นักออกแบบเป็นเจ้าของสำเนา พวกเขาเปิดลิงค์ไฟล์และเริ่มทำงาน
เครื่องมือการทำงานร่วมกันของไวท์บอร์ดอื่น ๆ อาจเหมาะกับแนวคิดแนวคิดมากกว่า Figma เช่น ภาพจิตรกรรมฝาผนัง และ Realtimeboard แต่สำหรับเครื่องมือออกแบบ Figma นั้นดีกว่า Sketch และ Axure หนึ่งไมล์
power pivot ใน excel คืออะไร
สิ่งที่ส่งมอบอย่างเที่ยงตรงมักจะผลิตเป็น โครงลวด หรือภาพร่างดิจิทัลที่นักออกแบบและเจ้าของผลิตภัณฑ์รายอื่นเผยแพร่และตรวจสอบได้ นักพัฒนาและผู้มีส่วนได้ส่วนเสียอื่น ๆ สามารถดูได้ทั้งนี้ขึ้นอยู่กับกระบวนการ UX
Wireframes มีขึ้นเพื่อแสดงโครงสร้างพื้นฐานของแอปเพื่อให้สามารถกำหนดรูปแบบการโต้ตอบได้ก่อนที่จะใช้เวลาในการสร้างแบบจำลองความเที่ยงตรงสูง
การสร้างไวร์เฟรมความเที่ยงตรงเที่ยงตรงสามารถทำได้โดยเครื่องมือที่อุทิศให้กับงานโดยเฉพาะรวมถึง Balsamiq Mockups , Moqups และ FluidUI . อย่างไรก็ตาม Sketch, Axure และ Figma สามารถทำงานเดียวกันได้โดยเฉพาะอย่างยิ่งเมื่อผู้ใช้สร้างไลบรารีคอมโพเนนต์โครงร่าง
เนื่องจากโครงร่างโครงร่างมักทำหน้าที่เป็นรูปแบบ UI เริ่มต้นสำหรับแอปหรือเพจจึงเป็นการตัดหยาบแบบโมโนโครมที่เปลี่ยนแปลงบ่อย สิ่งนี้ช่วยรักษาความคาดหวังของผู้มีส่วนได้ส่วนเสียในการตรวจสอบ
สำหรับโครงร่างความสะดวกในการใช้งานความเร็วในการจัดส่งและการปรับเปลี่ยนเป็นสิ่งสำคัญเนื่องจากช่วยให้นักออกแบบสามารถสร้างรูปแบบต่างๆได้อย่างมีประสิทธิภาพ
Axure ได้รับชัยชนะที่นี่เนื่องจากมีส่วนประกอบที่บรรจุไว้ล่วงหน้าสำหรับ Wireframing ทันทีหลังจากติดตั้งซอฟต์แวร์ Sketch และ Figma มีไฟล์ เครื่องมือ ที่ช่วยให้คุณสร้างโครงร่างได้ แต่คุณต้องวาดส่วนประกอบโครงร่างหรือดาวน์โหลดไฟล์ที่มี ไม่ว่าในกรณีใดจะต้องรวมเข้ากับไฟล์ สัญลักษณ์ (Sketch) หรือ ส่วนประกอบ (Figma) ไลบรารีที่จะลากแล้วปล่อยเหมือนส่วนประกอบ Axure
Axure มีบุคคลที่สามมากมาย ห้องสมุด สำหรับการสร้างสิ่งส่งมอบที่มีความเที่ยงตรงต่ำและ Sketch มีจำนวนมากทั้งฟรีและเสียเงิน ไฟล์ ที่สามารถดาวน์โหลดได้ในขณะที่ Figma ทรัพยากรสาธารณะ ยังคงเป็นลูกนก
สร้างและโปรแกรมหุ่นยนต์
ครั้งเดียว นักออกแบบ ได้สร้างไลบรารีคอมโพเนนต์โครงร่างเครื่องมือทั้งสามจะจับคู่อย่างเท่าเทียมกัน โปรดทราบว่าส่วนประกอบของ Axure มีคุณสมบัติพาราเมตริกและปรับได้ แต่สำหรับโครงลวดแบบคงที่เครื่องมือทั้งสามจะทำงานได้ดีเมื่อมีไลบรารีพร้อมใช้งาน
การส่งมอบที่มีความเที่ยงตรงสูงเกิดจากข้อเสนอแนะและการเรียนรู้ที่รวบรวมจากโครงลวดที่มีความเที่ยงตรงต่ำ เป็นแบบจำลองที่แสดงสีรายละเอียดภาพและเสนอการออกแบบขั้นสุดท้ายสำหรับแอป
ความเที่ยงตรงสูงยังหมายถึงการจำลองหน้าจอที่พร้อมนำเสนอและแสดงต่อลูกค้าผู้บริหารภายในและผู้มีส่วนได้ส่วนเสียอื่น ๆ ที่ไม่ใช่นักออกแบบ เครื่องมือออกแบบที่มีความโดดเด่นในงานนี้มีคุณสมบัติทั้งหมดที่จำเป็นในการเพิ่มการขัดเงาที่จำเป็นในการสร้างตัวแทนของสิ่งที่ส่งมอบให้กับลูกค้าขั้นสุดท้าย
ซึ่งรวมถึงการควบคุมการเติมและจังหวะของวัตถุการเพิ่มเอฟเฟกต์เช่นเงาและการไล่ระดับสีและการส่งออกงานศิลปะในรูปแบบที่ย่อยง่าย (png, pdf, jpg)
ร่าง และ Figma มีชุดเครื่องมือที่เหมือนกันเกือบทั้งหมดที่สามารถสร้างการจำลองที่มีความเที่ยงตรงสูง แต่ Figma ของ รูปแบบการโต้ตอบได้รับการปรับแต่งมากขึ้นและใช้เครื่องมือได้ง่ายขึ้นตั้งแต่เริ่มต้น เครื่องมือทั้งสองสามารถเข้าถึงการแก้ไขขั้นสูงและคำสั่งบูลีนเช่น Join, Intersect, Union และ Subtract แม้ว่าการสนับสนุนปลั๊กอินของ Sketch จะอนุญาตให้บุคคลที่สามสร้างคุณลักษณะเพิ่มเติม แต่เครื่องมือเหล่านี้จะไม่สามารถใช้งานได้ทันทีหลังจากติดตั้ง
เครื่องมือทั้งสามมีคุณสมบัติที่อนุญาตให้สร้างอ็อบเจ็กต์แบบกำหนดเองได้ แต่ Axure ทำให้เข้าถึงคำสั่งได้ยาก การแก้ไขที่กล่าวถึงข้างต้นไม่สามารถใช้ได้บนแถบเครื่องมือ เข้าถึงได้จากเมนูบริบทเมื่อเลือกวัตถุหลายชิ้นเท่านั้น
นอกจากนี้ Figma เครือข่ายเวกเตอร์ ทำให้การทำงานกับเครื่องมือไลน์เป็นเรื่องง่าย
ต้นแบบอินเทอร์แอกทีฟอาจมีความหยาบเหมือนต้นแบบกระดาษหรือมีรายละเอียดเหมือนกับแอปที่มีอยู่ในเวอร์ชันแยกส่วนซึ่งได้รับการเปลี่ยนแปลงเพื่อสำรวจคุณลักษณะใหม่ ๆ โดยทั่วไปแล้วต้นแบบแบบโต้ตอบจะช่วยให้ผู้ใช้สามารถนำทางจากหน้าจอไปอีกหน้าจอและใช้ฟังก์ชันต่างๆเช่นเมนูและรายการ
สำหรับนักออกแบบหลาย ๆ คนสไลด์โชว์แบบโต้ตอบขั้นพื้นฐานจะเพียงพอเมื่อนำเสนองาน โดยเฉพาะอย่างยิ่งสำหรับแอปบนอุปกรณ์เคลื่อนที่เนื่องจากการเปลี่ยนอย่างง่ายให้การโต้ตอบกับอุปกรณ์เพียงพอที่จะอธิบายการออกแบบ
โมเดลการสร้างต้นแบบของ Figma ได้รับการผสมผสานอย่างดีและใช้งานง่ายและเนื่องจากเป็นแอปบนคลาวด์แบบเรียลไทม์จึงไม่จำเป็นต้องรีเฟรชหน้า HTML เมื่ออัปเดตไฟล์
ในบางครั้งผู้มีส่วนได้ส่วนเสียต้องการให้การเชื่อมต่อข้อมูลแบบสดเพื่อโหลดต้นแบบที่มีข้อมูลจริงเพื่อทดสอบความสามารถในการปรับขนาดของการออกแบบ แต่ขณะนี้นักออกแบบส่วนใหญ่มีความต้องการเพียงเล็กน้อยสำหรับต้นแบบที่ซับซ้อน
ทั้ง Sketch และ Figma รองรับการสร้างต้นแบบอย่างง่ายด้วยการเชื่อมโยง 'object to artboard' และชุดการเปลี่ยนภาพที่ จำกัด ปลั๊กอิน ช่วยหนุนความสามารถในการสร้างต้นแบบอย่างง่ายของ Sketch แต่ Axure มีประสิทธิภาพมากที่สุดในการจัดหารูปแบบการโต้ตอบที่มีประสิทธิภาพสำหรับต้นแบบ
ระบบการออกแบบในขณะที่ค่อนข้างใหม่ในโดเมนการออกแบบ UX มีมานานหลายทศวรรษ . ซึ่งรวมถึงภาษาการออกแบบส่วนประกอบทรัพยากรและแนวทางที่ใช้ร่วมกันซึ่งช่วยให้ทีมสามารถทำงานร่วมกันและตัดสินใจได้ดีขึ้น โดยทั่วไปแล้วไลบรารีระบบการออกแบบจะถูกนำไปใช้เป็นเว็บไซต์และทำหน้าที่เป็นแหล่งความจริงเดียวสำหรับผลิตภัณฑ์ทั่วทั้ง บริษัท
ในขณะที่ ไลบรารีคอมโพเนนต์ สามารถสร้างขึ้นในโปรแกรมใดก็ได้ไม่มีโปรแกรมใดที่อนุญาตให้นักออกแบบพลิกสวิตช์และสร้างไลบรารีส่วนประกอบที่ใช้งานได้ในขณะเดินทาง Axure สามารถ สร้างหน้า HTML ด้วยส่วนประกอบที่กำหนดเอง แต่ไม่มีวิธีสืบค้นส่วนประกอบเดียวเพื่อค้นหาค่าสีขนาดและคุณสมบัติอื่น ๆ
การสร้างระบบการออกแบบโดยใช้เครื่องมือเหล่านี้ยังคงเป็นกระบวนการที่ต้องทำด้วยตนเอง อย่างไรก็ตามมีปลั๊กอินสำหรับ Sketch (เช่น Google เพิ่งเปิดตัว ปลั๊กอินการออกแบบวัสดุ ) และอย่างน้อย เครื่องมือของบุคคลที่สาม ในผลงานของ Figma
Figma ได้รับชัยชนะเนื่องจากการทำงานร่วมกันเป็นหัวใจสำคัญของระบบการออกแบบที่ดี พนักงานของ บริษัท จากหลายสาขาวิชา (การออกแบบการพัฒนาคุณภาพเนื้อหา) จำเป็นต้องเข้าถึงไลบรารีระบบการออกแบบและจำนวนมากจะเพิ่มลงในไฟล์ส่วนประกอบการออกแบบที่ซิงค์กับไลบรารีที่ใช้ร่วมกัน ทุกคนสามารถใช้ Figma ได้ไม่ใช่แค่ผู้ถือใบอนุญาตเท่านั้นทำให้ไม่ต้องเจ็บปวดในการเข้าถึงและเพิ่มไฟล์ที่แชร์
เมื่อนักออกแบบ UI เสร็จสิ้นการสร้างอินเทอร์เฟซเป็นหน้าที่ของพวกเขาที่จะต้องส่งไฟล์ออกแบบให้กับนักพัฒนาเพื่อให้โครงการเสร็จ แต่ก แฮนด์ออฟ เป็นมากกว่าการแลกเปลี่ยนข้อมูลธรรมดา ๆ จึงเป็นโอกาสสำหรับนักออกแบบในการสื่อสารถึงเหตุผลของงานและด้วยเหตุนี้จึงช่วยให้นักพัฒนาสามารถแต่งงานกับรูปแบบที่มีฟังก์ชันได้
มีวิธีการแฮนด์ออฟหลายสิบวิธีและเครื่องมือของบุคคลที่สามอีกมากมายเพื่ออำนวยความสะดวกในการปรับสีแดงและการสืบค้นข้อมูลวัตถุจากไฟล์ Sketch และ Figma (ดู Avocode และ เซปลิน ). อย่างไรก็ตามในการเปรียบเทียบนี้เรากำลังดูเครื่องมือออกแบบดั้งเดิมก่อนที่จะเสริมด้วยปลั๊กอินหรือแอปอื่น ๆ
สิ่งที่น่าสนใจคือการเพิ่มขึ้นของระบบการออกแบบ UX ช่วยลดความจำเป็นในการ Handoff รูปแบบนี้เนื่องจากไลบรารีคอมโพเนนต์ที่เผยแพร่เป็นแหล่งความจริงเดียวสำหรับนักพัฒนา พวกเขาสามารถดึงข้อมูลเค้าโครงและการออกแบบที่แน่นอนของส่วนประกอบโดยไม่ต้องรอการปรึกษาหารือเกี่ยวกับการส่งมอบหรือ UX
นอกจากนี้การรับข้อมูลจากวัตถุในไฟล์ออกแบบจะมีประโยชน์ในระหว่างการสร้างระบบการออกแบบดังนั้นมุมมองบางส่วนของ CSS จึงเป็นสิ่งที่ดี
Sketch ช่วยให้คุณสามารถเลือกวัตถุและใช้เมนูตามบริบทเพื่อ 'คัดลอกแอตทริบิวต์ CSS' แต่ไม่เหมาะอย่างยิ่ง Figma ทำงานได้อย่างยุติธรรมโดยให้แท็บ 'รหัส' ในแผงคุณสมบัติที่สร้างค่า CSS, iOS หรือ Android สำหรับวัตถุที่เลือก (นักพัฒนาสามารถใช้คุณลักษณะนี้ในโหมดดูอย่างเดียวหรือโหมดต้นแบบ)
รายการรหัส c++
ในขณะนี้มีเพียง Axure เท่านั้นที่มี 'เครื่องกำเนิดไฟฟ้า' ที่มีประสิทธิภาพซึ่งสร้างไฟล์ HTML ที่เผยแพร่ได้อย่างสมบูรณ์ข้อมูลจำเพาะของ Word และแม้แต่รายงานที่จัดรูปแบบ CSV เพื่อนำเข้าสู่สเปรดชีต แม้ว่าผลลัพธ์จะไม่ใช่ไลบรารีการออกแบบ แต่แอปก็มีเอกสาร Handoff สำหรับนักพัฒนาที่เป็นประโยชน์
จากตัวเลขแล้ว Figma เป็นผู้ชนะในการเปรียบเทียบนี้ส่วนใหญ่เป็นเพราะลักษณะการทำงานร่วมกันและความพร้อมใช้งานข้ามแพลตฟอร์ม เนื่องจากทีมจำนวนมากขึ้นใช้ระบบการออกแบบที่ต้องการการผสานรวมที่เข้มงวดมากขึ้นในการพัฒนาและการออกแบบส่วนหน้าการทำงานร่วมกันแบบเรียลไทม์และคุณลักษณะการฝังแบบสดของ Figma จึงให้ประโยชน์อย่างมาก ในทางกลับกัน Figma เป็นแอปพลิเคชันออนไลน์ที่อาจถูกห้ามใช้ในองค์กรด้วยเหตุผลด้านความปลอดภัย
Axure เกิดขึ้นเป็นอันดับสองเนื่องจากความแข็งแกร่งที่มาพร้อมส่วนประกอบที่สร้างไว้ล่วงหน้าคุณสมบัติการสร้างต้นแบบเชิงโต้ตอบที่มีประสิทธิภาพและการสร้างเอกสาร ในกรณีที่หายากกว่าเมื่อ บริษัท ต้องการเข้าถึงที่เก็บข้อมูลในโลกแห่งความเป็นจริงเพื่อดูลักษณะการทำงานของคุณลักษณะเฉพาะ Axure เป็นตัวเลือกที่ดีที่สุดหรือเพียงตัวเลือกเดียว
ร่าง อาจมีมาก่อน แต่เมื่อผู้ใช้ใช้ประโยชน์จากปลั๊กอินและทรัพยากรจำนวนมากที่มีอยู่สำหรับเครื่องมือนี้จะมีประสิทธิภาพอย่างมากและสามารถปรับแต่งให้ตรงกับความต้องการของกลุ่มการออกแบบได้ ข้อแม้ที่นี่คือปลั๊กอินจะต้องได้รับการอัปเดตทุกครั้งหลังการอัปเดต Sketch และเนื่องจากเป็นแอปพลิเคชันสำหรับ Mac เท่านั้น บริษัท ที่ใช้พีซี Windows จะไม่สามารถใช้งานได้
เครื่องมือทั้งสามที่ได้รับการตรวจสอบในบทความนี้มีประสิทธิภาพในตัวของมันเอง อย่างไรก็ตามแต่ละข้อมีข้อ จำกัด ขึ้นอยู่กับนักออกแบบและทีมแต่ละคนในการระบุความต้องการขั้นตอนการทำงานชั่งน้ำหนักข้อดีข้อเสียของแต่ละโปรแกรมและตัดสินใจเลือกอย่างเหมาะสม
•••Axure เป็นเครื่องมือออกแบบ UX ที่ใช้สำหรับสร้างโครงร่างและต้นแบบเชิงโต้ตอบ Axure มีประโยชน์อย่างยิ่งสำหรับนักออกแบบเดสก์ท็อปและแอปพลิเคชันมือถือและได้รับการยกย่องอย่างสูงในกลุ่ม บริษัท ระดับองค์กรสำหรับฟังก์ชันการทำงานระดับสูงและรายละเอียดภาพที่สามารถสร้างไว้ในต้นแบบได้
Axure เป็นหนึ่งในเครื่องมือสร้างต้นแบบชั้นนำสำหรับนักออกแบบ UX ระดับองค์กรและทีมออกแบบดิจิทัล อย่างไรก็ตามทางเลือกอื่นของ Axure เช่น Sketch และ Figma ก็ได้รับความนิยมเช่นกันเนื่องจากเครื่องมือการทำงานร่วมกันคุณสมบัติแฮนด์ออฟและการสนับสนุนปลั๊กอิน
ความคิดเป็นส่วนสำคัญของกระบวนการออกแบบ UX เนื่องจากช่วยให้นักออกแบบสามารถสร้างแนวคิดและโซลูชันที่ปกติแล้วอาจไม่ได้รับการพิจารณาได้อย่างอิสระและรวดเร็ว นอกจากนี้ยังเป็นช่วงเวลาอันมีค่าสำหรับนักออกแบบในการทำงานร่วมกันและผสมผสานความรู้และประสบการณ์ที่ผ่านมาในกระบวนการแก้ปัญหา
การออกแบบที่มีความเที่ยงตรงสูงคือการจำลองหน้าจอที่พร้อมนำเสนอและแสดงต่อลูกค้าผู้บริหารภายในและผู้มีส่วนได้ส่วนเสียอื่น ๆ เครื่องมือออกแบบที่โดดเด่นในงานนี้มีคุณสมบัติทั้งหมดที่จำเป็นในการเพิ่มการขัดเงาที่จำเป็นในการสร้างการแสดงอินเทอร์เฟซสำหรับลูกค้าขั้นสุดท้าย
ต้นแบบ Lo-fidelity คือโครงร่างหรือภาพร่างดิจิทัลที่นักออกแบบและเจ้าของผลิตภัณฑ์คนอื่น ๆ สามารถตรวจสอบได้ นักพัฒนาและผู้มีส่วนได้ส่วนเสียสามารถดูได้ทั้งนี้ขึ้นอยู่กับกระบวนการ UX Wireframes มีขึ้นเพื่อแสดงโครงสร้างพื้นฐานของแอปก่อนที่จะใช้เวลาในการจำลองแบบไฮ - ฟิลิตี้