ตัวอย่างการออกแบบ UX ที่ดี | สุดยอดคู่มือ UX #16

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

ตัวอย่างการออกแบบ UX ที่ดี – สารบัญ:

1. จะหาแรงบันดาลใจในการออกแบบได้จากที่ไหน?
2. วิธีการรับรู้การออกแบบ UX ที่ดี
3. ตัวอย่างการออกแบบ UX ที่ดี – Google
4. ตัวอย่างการออกแบบ UX ที่ดี – Apple
5. ตัวอย่างการออกแบบ UX ที่ดี – Airbnb

จะหาแรงบันดาลใจในการออกแบบได้จากที่ไหน?

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

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

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

วิธีการรับรู้การออกแบบ UX ที่ดี

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

1. อย่างแรกและสำคัญที่สุด ควรมีกรณีศึกษา ซึ่งจะนำเสนอข้อมูลจากการวิจัย ปัญหาผู้ใช้ เป้าหมายทางธุรกิจ และ KPI - ตัวชี้วัดที่จะช่วยให้ตรวจสอบว่าโครงการเมื่อดำเนินการแล้วบรรลุ " ความสำเร็จ " ตามสมมติฐานหรือไม่

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

หลังจากวิเคราะห์ข้อมูลจาก Google Analytics และ hotjar และดำเนินการสำรวจกับผู้ใช้แล้ว ปรากฏว่าปัญหาที่ใหญ่ที่สุดของพวกเขาคือการขาดความพร้อมของสินค้าที่เลือก ซึ่งพวกเขาพบในตะกร้าสินค้าเท่านั้น ต้องการสรุปคำสั่งซื้อผลิตภัณฑ์ โครงการนี้จำเป็นต้องมีการวิเคราะห์ที่ครอบคลุมมากขึ้น การวิจัยร่วมกับการเปลี่ยนแปลงการทำงานของอินเทอร์เฟซ ง่ายที่จะอนุมานได้ว่าปัจจัยที่วัดความสำเร็จหลังจากใช้งานจริงคือ จำนวนการละทิ้งรถเข็นช็อปปิ้งที่ลดลงและ Conversion ที่เพิ่มขึ้นบนไซต์ (ผู้ที่เข้าชมไซต์เทียบกับผู้ที่ทำการซื้อ)

ในที่นี้ เรามีปัญหาที่กำหนดไว้อย่างชัดเจน – ทั้งจากมุมมองของธุรกิจและผู้ใช้ เรามีเป้าหมายและกำหนดมาตรการความสำเร็จ

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

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

ตัวอย่างการออกแบบ UX ที่ดี – Google

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

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

ตัวอย่างการออกแบบ UX ที่ดี – Apple

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

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

ที่น่าสนใจคือ Apple แบ่งปันแนวทางปฏิบัติที่ดีที่สุดเกี่ยวกับการออกแบบบนเว็บไซต์และจัดเตรียมแบบจำลองที่ดาวน์โหลดได้ สื่อการศึกษา รวมถึงแนวทางอินเทอร์เฟซสำหรับมนุษย์

ตัวอย่างการออกแบบ UX ที่ดี – Airbnb

นับตั้งแต่ก่อตั้งขึ้นในปี 2008 Airbnb (แพลตฟอร์มสำหรับการเช่าที่พักจากบุคคลทั่วไป) ได้รับความนิยมอย่างมากในหมู่ผู้ใช้ – หนึ่งในเหตุผลหลักคือ แน่นอนว่า UX ที่ออกแบบมาอย่างดี

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

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

Airbnb เช่น Apple แชร์แนวทางปฏิบัติที่ดีที่สุด กรณีศึกษาที่น่าสนใจ และข่าวสารจากโลกแห่งการออกแบบบนเว็บไซต์

หากคุณชอบเนื้อหาของเรา เข้าร่วมชุมชนผึ้งที่วุ่นวายบน Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest

ผู้เขียน: Klaudia Kowalczyk

Graphic & UX Designer ที่ถ่ายทอดการออกแบบในสิ่งที่ไม่สามารถสื่อออกมาเป็นคำพูดได้ สำหรับเขา ทุกสี เส้น หรือแบบอักษรที่ใช้ล้วนมีความหมาย หลงใหลในการออกแบบกราฟิกและเว็บ

ดูกระทู้ทั้งหมด

สุดยอดคู่มือ UX:

1. UX คืออะไร – และไม่ใช่
2. UX และ UI - เปรียบเทียบได้หรือไม่
3. ปัจจัย 7 ประการของประสบการณ์ผู้ใช้ (ที่โดดเด่น)
4. คุณรู้หรือไม่ว่าการออกแบบ UX หมายถึงอะไร?
5. คุณกำลังออกแบบประสบการณ์ผู้ใช้หรือไม่? ดูแลสิ่งเหล่านี้!
6. 10 ฮิวริสติกการใช้งานสำหรับการออกแบบ UX ที่คุณต้องรู้
7. ขั้นตอนการออกแบบ UX ใน 5 ขั้นตอนง่ายๆ
8. การออกแบบที่เน้นผู้ใช้เป็นศูนย์กลางและหลักการสำคัญ
9. ขั้นตอนของกระบวนการออกแบบที่เน้นผู้ใช้เป็นศูนย์กลาง
10. ประสบการณ์ของลูกค้าคืออะไร?
11. ประสบการณ์ผู้ใช้กับประสบการณ์ของลูกค้า คำอธิบายง่ายๆ เกี่ยวกับความสัมพันธ์ของพวกเขา
12. ประสบการณ์แบรนด์คืออะไร?
13. ปฏิสัมพันธ์ระหว่างมนุษย์กับคอมพิวเตอร์ (HCI) คืออะไร?
14. ทำไม UX ถึงสำคัญ?
15. การใช้งานเทียบกับฟังก์ชันใน UX
16. ตัวอย่างการออกแบบ UX ที่ดี