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

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

อินเทอร์เฟซผู้ใช้ไม่ได้เป็นส่วนหนึ่งของ UX?

ทำไม 'UI' จึงกลายเป็นคำที่นิยมใช้

เทมเพลตชีตเทอมสำหรับการได้มา

UX กับ UI

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

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

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

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

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

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

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

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

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

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

ทำไมคุณไม่ควรออกแบบให้ถูกใจ

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

เข้าสู่ระบบ เลี้ยงลูก หรือที่เรียกว่า ' เอฟเฟกต์การเลี้ยงลูก ”.

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

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

มันผิดอะไร?

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

ที่นั่น vs คนเดียว vs ฉัน

มาดูภัยพิบัติด้านการออกแบบของ Dribbble กัน

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

เมื่อใดเครือข่ายสายฟ้าจะเปิดใช้งานบน bitcoin

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

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

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

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

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

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

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

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

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

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

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

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

Susan Weinschenk ย คณบดีบาร์เกอร์ (Weinschenk และ Barker 2000) ได้ตรวจสอบแนวทางการใช้งานและการวิเคราะห์พฤติกรรมจากหลายแหล่ง (รวมถึง Nielsen's , Apple และ Microsoft) และสร้างชุดการวิเคราะห์พฤติกรรมการใช้งาน 20 ชุดนี้สำหรับการทดสอบ

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

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

หลักการออกแบบ UX ตามที่ระบุไว้ข้างต้นในครั้งนี้เราจะพูดถึงว่าปัจจัยการออกแบบภาพมีผลต่อสิ่งต่างๆอย่างไร:

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

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

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

UX / UI - การออกแบบควรขับเคลื่อนด้วยข้อมูล

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

หลักการออกแบบความสามัคคีและความหลากหลาย

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

ข้อสรุป

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

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