วิธีคิด

Design

การใช้เทคโนโลยีเข้ามาช่วยในขั้นตอนการออกแบบ

<p>การใช้เทคโนโลยีเข้ามาช่วยในขั้นตอนการออกแบบ</p>

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

การออกแบบ User Interface (UI) สามารถนำเทคโนโลยีเข้ามาช่วยในขั้นตอนการออกแบบทำให้กระบวนการมีประสิทธิภาพมากขึ้น ประหยัดเวลา และลดข้อผิดพลาดที่อาจเกิดขึ้น การออกแบบอัตโนมัติ (Automated UI Design Processes) เป็นหนึ่งในแนวทางการทำงาน

 

เริ่มต้นตั้งแต่การสร้าง Wireframe ไปจนถึงการทำ User Interface ปกติเมื่อร่าง Wireframe ออกมาแล้วค่อยเพิ่มรายละเอียดต่าง ๆ

 

การจัดการเรื่องของสีอาจใช้ Khroma ซึ่งเป็น AI สำหรับช่วยเลือกสี และสร้าง Color palette ในการออกแบบ ส่วนของการจัดการเรื่องของรูปภาพ ปัญหาที่นักออกแบบจะเจอจะมีตั้งแต่เรื่องของความละเอียดของรูปภาพ ซึ่งหลาย ๆ ครั้ง Resource ที่ทางแบรนด์หรือทางลูกค้าให้มา อาจจะมีความละเอียดไม่มากพอเนื่องจากเป็นรูปที่ถ่ายนานแล้วหรือเป็นรูปที่ถูกย่อขนาด ก็จะมีเครื่องมืออย่าง Let's Enhance รวมถึง AI แบรนด์อื่น ๆ ที่ช่วยขยายความละเอียดของรูปภาพ รวมไปถึงการลดเวลาในการ Di-cut รูปภาพก็จะมีเครื่องมืออย่าง Adobe Express (Remove Background) และ RemoveBg

 

หรือในอีกกรณี คือ ต้องการทดลองทำ High-fidelity Mockups จาก Wireframe เลยเพื่อทำการทดสอบก่อนจะออกแบบจริง ก็อาจจะใช้ Uizard สำหรับการทำ เพื่อให้ทีม UX ได้นำไปให้กลุ่มผู้ใช้งานได้ทดลองก่อน ในขณะที่ทำงานสามารถที่จะใช้เครื่องมือในการตรวจสอบสัดส่วนของการออกแบบ เช่น Design Lint ที่อยู่บน Figma

 

นอกจากเครื่องมือต่าง ๆ ที่มาช่วยเรื่องการทำงานเหล่านี้แล้วยังมี Design Systems และ Component Libraries ช่วยให้นักออกแบบสามารถออกแบบได้โดยมีโครงสร้าง และกรอบข้อกำหนดที่เป็นมาตรฐาน เช่น Material Design ที่พัฒนาโดย Google เน้นการออกแบบที่เรียบง่ายและสอดคล้องกันเป็นระบบ หรือ Carbon Design System ที่พัฒนาโดย IBM มีชุดของ Components และ Guidelines ที่ช่วยให้นักออกแบบและนักพัฒนาสามารถสร้างแอปพลิเคชันและทำงานร่วมกันได้อย่างมีประสิทธิภาพ รวมถึง Ant Design ที่พัฒนาโดย Ant Financial ของ Alibaba และ Material-UI ที่เป็น Component Library ที่ใช้หลักการของ Material Design

 

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

 

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

Share

เขียนโดย
UI/UX Designer

ภาวิณี เกิดทอง