อย่าเรียกตัวเองว่านักออกแบบ UI: UI คือ UX

เผยแพร่แล้ว: 2022-03-11

UI และ UX เป็นคำศัพท์การออกแบบทั่วไปสองคำ อย่างไรก็ตาม คำเหล่านี้มักถูกนำไปใช้ในบริบทที่ไม่ถูกต้อง

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

UI ไม่ใช่ ส่วนหนึ่ง ของ UX ใช่ไหม

ทำไม “UI” กลายเป็นคำศัพท์ดังกล่าว?

UX กับ UI

เราในฐานะนักออกแบบ (และในฐานะมนุษย์) หมกมุ่นอยู่กับรูปลักษณ์ของสิ่งต่างๆ เรารู้ว่า "สิ่งที่อยู่ข้างในนั้นสำคัญ" แต่เรายังคงแห่ตัวเองอยู่หน้ากระจกทุกเช้า พยายามทำตัวให้ดูดีสำหรับคนแปลกหน้าที่เราจะไม่มีวันได้เห็นอีก

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

ตามคำจำกัดความจาก Nielsen Norman Group “'ประสบการณ์ของผู้ใช้' ครอบคลุมทุกแง่มุมของการโต้ตอบของผู้ใช้ปลายทางกับบริษัท บริการ และผลิตภัณฑ์ของบริษัท”

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

หากต้องการชื่อไม่กี่:

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

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

อันที่จริง เราไม่ได้ออกแบบด้วยซ้ำ เรากำลังสร้างงานศิลปะ

ภาพเปรียบเทียบ ui กับ ux
ประสบการณ์ผู้ใช้กับส่วนต่อประสานผู้ใช้ (ภาพประกอบโดยเชน Rounce)

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

ทำไมคุณไม่ควร "ออกแบบเพื่อชอบ"

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

ป้อน Dribbble หรือเรียกอีกอย่างว่า "เอฟเฟกต์ Dribbble"

Dribbble เริ่มต้นจากการเป็นเว็บไซต์ "แสดงและบอกเล่า" สำหรับนักออกแบบ แต่กลายเป็นที่รู้จักอย่างรวดเร็วในฐานะวิธีแสดงงานออกแบบเพื่อความชอบมากกว่าข้อเสนอแนะเชิงสร้างสรรค์ สิ่งนี้นำไปสู่นักออกแบบที่อัปโหลดงานเฉพาะสำหรับการถูกใจ และแฟชั่นนี้ไม่ได้จบเพียงแค่นั้น

เช่นเดียวกับการเสพติดทั้งหมด นักออกแบบเริ่มหาวิธีเพิ่มเติมในการเลี้ยงมัน รวมถึงการสร้างไคลเอนต์ปลอมและแนวคิดของแอพเพื่อให้มีบางอย่างที่ Dribbblers สามารถ "ชอบ"

สมัครสมาชิกบล็อกการออกแบบ Toptal และรับ eBook . ของเรา

มีอะไรผิดปกติกับที่?

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

มาดูความหายนะด้านการออกแบบของ Dribbble กัน

แม้ว่าตัวอย่างแรกนี้จะไม่ได้สร้างบรีฟ/ไคลเอนต์การออกแบบที่แท้จริง และพื้นหลังที่เหนือชั้นค่อนข้างจะหักล้างการออกแบบไปเอง สิ่งที่ทำให้สิ่งนี้ไม่สมจริงยิ่งกว่านั้นก็คือองค์ประกอบภาพขยายเกินวิวพอร์ต เช่น แบบว่า "ทลายกำแพงที่สี่" แม้ว่าการออกแบบมีเป้าหมายที่จะ "สวย" แต่ก็ไม่ใช่การออกแบบ ที่ได้ผล

แนวโน้มการออกแบบเทียบกับการออกแบบที่มีความหมาย
ในตัวอย่างนี้ การออกแบบเสียสละความหมายและคุณค่าสำหรับภาพที่ทำไม่ได้


ออกแบบเพื่อผู้ใช้จริงด้วยอุปกรณ์จริง
ในตัวอย่างนี้ UI ออกแบบมาสำหรับอุปกรณ์ที่ไม่มีอยู่จริง


UI 3 มิติจากอนาคต
ตัวอย่างนี้ดูสวยงามราวกับงานศิลปะ แต่ขณะนี้ไม่มีอุปกรณ์ใดให้เราดู UI ในลักษณะนี้ได้


การออกแบบเว็บไซต์ที่นำเสนออย่างสวยงาม
ตัวอย่างนี้ดีกว่ามาก เนื่องจากแสดงการออกแบบที่แท้จริงและใช้งานได้จริงโดยไม่ต้องมีเสียงระฆังและนกหวีด

ความหลงใหลในการออกแบบภาพมาจากไหน?

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

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

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

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

หลักการออกแบบ UX

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

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

20 ฮิวริสติกการใช้งาน
Susan Weinschenk และ Dean Barker (Weinschenk and Barker 2000) ได้ศึกษาแนวทางการใช้งานและการวิเคราะห์พฤติกรรมจากหลายแหล่ง (รวมถึง Nielsen, Apple และ Microsoft) และสร้าง Usability Heuristics จำนวน 20 ชุดขึ้นมาเพื่อตรวจสอบ

การออกแบบภาพยังคงมีความสำคัญ

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

ต่อไปนี้คือหลักการออกแบบ UX ตามรายการด้านบน คราวนี้เราจะพูดถึงว่าปัจจัย การออกแบบภาพ เป็นอย่างไร:

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

สิ่งสำคัญคือต้องคิดว่า UI เป็นเครื่องมือที่สามารถใช้ในการปรับปรุง UX ได้ แทนที่จะเป็นการเคลือบแบบแวววาวที่ทำให้ UX “ดูดีขึ้น” ยกตัวอย่าง Amazon: พวกเขาทำเงินได้กว่าแสนล้านดอลลาร์ทุกปี และแม้ว่า UI และประสบการณ์การชำระเงินจะใช้งานง่ายอย่างเห็นได้ชัด แต่ก็ไม่น่าสนใจในแง่ของสุนทรียภาพทางภาพตามอัตภาพ

อเมซอน
Amazon ทำเงินได้ 1.9 พันล้านดอลลาร์ในช่วงสามเดือนสุดท้ายของปี 2560 แต่คุณจะไม่เดาได้จากการออกแบบ UI

การออกแบบ UX/UI ควรขับเคลื่อนโดย Data

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

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

บทสรุป

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

ในทางกลับกัน คำว่า “นักออกแบบ UX” ก็ไม่ได้ผิดอะไรมาก นั่นคือถ้าคุณคิดว่าตัวเองเป็นนักออกแบบที่ออกแบบอินเทอร์เฟซทุกประเภท เหนือสิ่งอื่นใด สิ่งสำคัญคือในฐานะนักออกแบบ คุณต้องเลือกตำแหน่งงานที่คุณระบุตัวตนได้อย่างแท้จริง

• • •

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

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