สร้างความพึงพอใจให้ผู้ใช้ด้วยแนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบแอปบนอุปกรณ์เคลื่อนที่
เผยแพร่แล้ว: 2022-03-11แอพมือถือคือชุดของประสบการณ์ที่เชื่อมต่อ เป็นหน้าที่ของนักออกแบบในการทำให้ประสบการณ์เหล่านั้นมีความเหนียวแน่นและราบรื่น นี่ไม่ใช่งานเล็ก รูปแบบและส่วนประกอบ UI จะต้องมีลักษณะและทำงานอย่างสม่ำเสมอในทุกหน้าจอ การโต้ตอบจะต้องใช้งานง่ายและสอดคล้องกับผลลัพธ์ที่ผู้ใช้ต้องการ แอปทั้งหมดต้องรวมหลักเกณฑ์การช่วยสำหรับการเข้าถึง
การวิจัยและทดสอบผู้ใช้เป็นวิธีที่ดีที่สุดในการเปิดเผยข้อมูลเชิงลึกที่จำเป็นต่อแอปเพื่อให้ประสบความสำเร็จอย่างยั่งยืน อย่างไรก็ตาม มีแนวทางปฏิบัติที่ดีที่สุดที่ใช้กันอย่างแพร่หลายซึ่งสามารถช่วยคุณออกแบบแอปบนอุปกรณ์เคลื่อนที่ที่สร้างความพึงพอใจและรักษาผู้ใช้ในระยะยาว
ลดความซับซ้อนและปรับปรุงกระบวนการออนบอร์ดของคุณ
การศึกษาระบุว่าผู้ใช้ที่นำเสนอบทช่วยสอนการเริ่มต้นใช้งานมักจะมองว่างานยากกว่าเมื่อเปรียบเทียบกับผู้ที่ไม่เห็นบทช่วยสอน ในบางสถานการณ์ หน้าจอการเริ่มต้นใช้งานและคำแนะนำเครื่องมืออาจเป็นวิธีที่มีประสิทธิภาพในการแนะนำคุณลักษณะหลักของแอปและกระตุ้นให้ผู้ใช้มีส่วนร่วมกับแอปซึ่งเป็นส่วนหนึ่งของกิจวัตร อย่างไรก็ตาม การขอให้ผู้ใช้ตรวจสอบหน้าจอออนบอร์ดมากกว่าสามหรือสี่หน้าจอ หรืออ่านข้อมูลล่วงหน้ามากเกินไปอาจสร้างความรำคาญได้ ผู้ใช้มักจะค่อนข้างคิดออกเอง
โดยทั่วไป UI ของแอปควรมีความคุ้นเคยและใช้งานง่ายในทันทีซึ่งไม่จำเป็นต้องมีบทช่วยสอน อย่างไรก็ตาม หากคุณพบว่าจำเป็นต้องใช้กลยุทธ์การเริ่มต้นใช้งาน ให้จำกัดจำนวนขั้นตอนในบทช่วยสอน และหากเป็นไปได้ แสดงเฉพาะในบริบทที่เกี่ยวข้องกับการดำเนินการที่ผู้ใช้ดำเนินการอยู่แล้ว นอกจากนี้ จำกัดคำแนะนำเครื่องมือให้เหลือเพียงคุณลักษณะที่สำคัญที่สุดจำนวนหนึ่งของแอปของคุณ
เสนอคุณลักษณะเดียวกันในเวอร์ชันแอปและเดสก์ท็อป
ด้วยการเข้าชมเว็บบนมือถือที่เพิ่มขึ้น ผู้ใช้ส่วนใหญ่คาดหวังว่าจะสามารถทำงานแบบเดียวกันบนอุปกรณ์เคลื่อนที่ของตนได้เหมือนกับที่ทำบนเดสก์ท็อป ในขณะที่การศึกษาหนึ่งแสดงให้เห็นว่าผู้ใช้ส่วนใหญ่ยังคงชอบทำงานที่ซับซ้อนบนเดสก์ท็อปของตนมากกว่า แต่จากการศึกษาของ Pew พบว่า 15% ของผู้ใหญ่ชาวอเมริกันใช้สมาร์ทโฟนเป็นวิธีเดียวในการเข้าถึงอินเทอร์เน็ต ตัวอย่างเช่น การไม่สามารถเข้าถึงคุณสมบัติทั้งหมดบนแอพธนาคารบนมือถือ อาจเป็นสาเหตุของความหงุดหงิดที่ท้ายที่สุดแล้วจะนำผู้ใช้ไปสู่ธุรกิจของตนที่อื่น
การจัดการความคาดหวังในการเปิดตัวฟีเจอร์อาจเป็นความแตกต่างระหว่างการตรวจสอบแอปที่ดีและการตรวจสอบแอปที่ไม่ดี หากคุณต้องการเปิดแอปก่อนที่จะใช้ชุดคุณลักษณะเต็มรูปแบบ ให้ดำเนินการมากกว่าการโพสต์หน้าจอ "เร็วๆ นี้" และสร้างแผนงานคุณลักษณะที่เข้าถึงได้แบบสาธารณะเพื่อสร้างความคาดหวังที่ถูกต้อง
ใช้การแจ้งเตือนอย่างชาญฉลาด
การแจ้งเตือนเป็นเครื่องมือที่ทรงพลังที่สุดในการรักษาผู้ใช้ โดยให้การกระตุ้นเตือนอย่างทันท่วงทีเพื่อกลับเข้าสู่แอปอีกครั้งและมีส่วนร่วมกับเนื้อหา แต่สิ่งสำคัญคือต้องพิจารณาความถี่และระยะเวลาของข้อความ Push ของคุณ ควบคู่ไปกับเนื้อหาที่พวกเขานำเสนอ การรับ Ping มากเกินไปหรือ Burst ผิดปกติอาจทำให้ผู้ใช้ปิดการแจ้งเตือนทั้งหมด
เมื่อคุณแสดงการแจ้งเตือน ให้เก็บเป็นบริบท เช่น ขออนุญาตเข้าถึงกล้องเมื่อผู้ใช้พยายามถ่ายภาพ เพิ่มการตั้งค่าการแจ้งเตือนแบบละเอียดที่เข้าถึงได้ง่าย เพื่อให้ผู้ใช้สามารถปรับแต่งการแจ้งเตือนได้ตามความต้องการ นอกจากนี้ อย่าขอให้ผู้ใช้อนุญาตการแจ้งเตือนจนกว่าพวกเขาจะโต้ตอบกับผลิตภัณฑ์ของคุณเป็นครั้งที่สามหรือสี่ หลังจากที่พวกเขาได้มีโอกาสสัมผัสแอปของคุณและคุณค่าที่ได้รับ
ทำให้การดูเว็บของคุณปราศจากความผิดหวัง
มุมมองเว็บช่วยให้นักพัฒนาและนักออกแบบสามารถทำซ้ำได้อย่างรวดเร็วและราคาถูก และทำการเปลี่ยนแปลงระหว่างการอัปเดตแอป เมื่อใช้อย่างชำนาญ พวกเขาสามารถประหยัดเวลาในการพัฒนาและลดความซับซ้อนของ UX โดยทำให้ผู้ใช้อยู่ในแอพในขณะที่แสดงหน้าที่กำหนดไว้ล่วงหน้า
การดูเว็บยังเป็นประโยชน์ต่อผู้ใช้อีกด้วย ตัวอย่างเช่น ช่วยให้แอปเข้าถึงฮาร์ดแวร์ของอุปกรณ์ได้ง่าย เช่น กล้อง นอกจากนี้ แอปจำนวนมากยังใช้มุมมองเว็บเพื่อตรวจสอบสิทธิ์ผู้ใช้ ซึ่งสามารถลงชื่อเข้าใช้โดยใช้ตัวจัดการรหัสผ่าน จากนั้นจึงเปลี่ยนเส้นทางกลับไปที่แอปอย่างราบรื่น
อย่างไรก็ตาม ผู้ใช้จะไม่ทนต่อการเสียดสีเมื่อพูดถึงการสลับบริบทระหว่างแอปที่มาพร้อมเครื่องและมุมมองเว็บ การต้องกลับไปกลับมาระหว่างแอปและเบราว์เซอร์เพื่อทำงานให้เสร็จลุล่วงถือเป็นประสบการณ์การใช้งานที่ไม่ดี
เพิ่มประสิทธิภาพแอปของคุณสำหรับการเชื่อมต่อที่ไม่ดี
แอพใด ๆ ที่ไม่ได้รับการปรับให้เหมาะสมเพื่อจัดการกับงานที่สำคัญที่สุดภายใต้การเชื่อมต่อที่ไม่ดีนั้นย่อย ตัวอย่างเช่น หากผู้ใช้จองแผนการเดินทางหรือชำระเงินทางอีคอมเมิร์ซ ตรวจสอบให้แน่ใจว่าการกระทำของพวกเขาได้รับการบันทึกแล้วดำเนินการทันทีที่การเชื่อมต่อกลับมา

หากแอปของคุณต้องการการเชื่อมต่อตลอดเวลา ให้สื่อสารกับผู้ใช้ว่าพวกเขาต้องการการเชื่อมต่อเพื่อดำเนินการต่อ แทนที่จะนำเสนอด้วยสปินเนอร์ที่ไม่มีที่สิ้นสุดหรือที่แย่กว่านั้นคือไม่มีอะไร ผู้ใช้ที่กลัวว่าจะถูกเรียกเก็บเงินซ้ำซ้อนจะสูญเสียความไว้วางใจและละทิ้งแอปของคุณในท้ายที่สุด
รักษารูปแบบและส่วนประกอบของคุณให้สอดคล้องกัน
ความสอดคล้องของภาพเป็นสิ่งจำเป็นเมื่อพูดถึงผลิตภัณฑ์ดิจิทัล ความล้มเหลวในการดำเนินการและรักษาแนวทางด้วยภาพบ่งบอกถึงการขาดความเป็นมืออาชีพและอาจทำให้ผู้ใช้หมดความเชื่อถือ การทำงานร่วมกันของประสบการณ์มีความสำคัญเท่าเทียมกัน ตัวอย่างเช่น ส่วนประกอบและรูปแบบ เช่น ปุ่ม แบบฟอร์ม เมนู และแดชบอร์ด ไม่ควรจัดสไตล์ให้เหมือนกันเท่านั้น แต่ควรทำงานอย่างสม่ำเสมอตลอดทั้งแอปของคุณ ไม่ว่าหน้าจะเป็นประเภทใด
ในฐานะนักออกแบบแอพมือถือ คุณกำลังสร้างมากกว่าคอลเลกชันของมุมมอง คุณเป็นนักออกแบบระบบ UI เพื่อปลูกฝังความสม่ำเสมอเมื่อเริ่มโครงการใหม่ ให้ทดลองกับระบบการออกแบบต่างๆ เช่น แนวทางอินเทอร์เฟซสำหรับมนุษย์ของ Apple และการออกแบบวัสดุของ Google เพื่อพิจารณาว่าระบบใดเหมาะสมที่สุดสำหรับอุปกรณ์ของผู้ใช้ของคุณ
ลดเสียงรบกวนใน UI ของคุณ
UI ที่ดูโฉบเฉี่ยวเป็นส่วนเสริมจากการออกแบบซอฟต์แวร์ในยุค 90 นอกจากรูปลักษณ์ที่ล้าสมัยแล้ว สไตล์ยังมีเส้น เส้นขอบ และรูปร่างที่ชัดเจนมากเกินไป ซึ่งสร้างสัญญาณรบกวนที่มองเห็นได้มากเกินไป และทำให้ผู้ใช้ประมวลผลข้อมูลบนหน้าจอได้ยากขึ้น
โครงสร้างสนับสนุนบางอย่างมีความจำเป็นเพื่อช่วยให้ผู้ใช้เข้าใจลำดับชั้นภาพของเพจ แม้ว่าจะไม่มีสูตรมหัศจรรย์ แต่จงทำผิดพลาดในด้านที่น้อยกว่า และใช้โครงสร้างที่รองรับ เช่น เส้น พื้นหลังทึบ และเงาตกกระทบเท่าที่จำเป็น หากใช้อย่างรอบคอบ ช่องว่างภายในสามารถให้ความแตกต่างที่ชัดเจนราวกับเส้นได้ โดยต้องมีที่ว่างเพียงพอภายในองค์ประกอบ
ทำให้แอปของคุณเข้าถึงได้อย่างเต็มที่
Neumorphism เป็นเทรนด์การออกแบบที่องค์ประกอบอินเทอร์เฟซจะแสดงโดยใช้เงาที่ละเอียดอ่อน การซ้อนทับแบบไล่ระดับ และสีแบบเอกรงค์ องค์ประกอบแบบนีโอมอร์ฟิคมีจุดมุ่งหมายเพื่อให้ดูน่าสัมผัสและเชิญชวนให้เกิดการโต้ตอบ แต่การพึ่งพาสีแบบเอกรงค์และคอนทราสต์ต่ำอาจทำให้มองเห็นได้ยาก Neumorphism ส่วนใหญ่ไม่สามารถเข้าถึงได้สำหรับผู้ใช้ที่มีความบกพร่องทางสายตา ทำให้แนวโน้มไม่สอดคล้องกับความต้องการที่เพิ่มขึ้นสำหรับผลิตภัณฑ์ดิจิทัลที่รวมเข้าด้วยกัน
นอกจากนี้ ส่วนประกอบ neumorphic มักจะเขียนโค้ดได้ยาก ซึ่งทำให้ยากต่อการผสมผสานความสวยงามนี้เข้ากับแนวทางการมองเห็นของบริษัท หากคุณตัดสินใจที่จะใช้ส่วนประกอบ neumorphic ให้ดำเนินการอย่างพอเหมาะ และตรวจสอบให้แน่ใจว่าผลิตภัณฑ์ของคุณยังคงเป็นไปตามมาตรฐานการช่วยสำหรับการเข้าถึง
มุ่งมั่นเรียนรู้อย่างต่อเนื่อง
การปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบแอพมือถือนั้นจำเป็นต้องมีการเรียนรู้อย่างต่อเนื่อง: การอ่านไซต์และบทความการออกแบบ แลกเปลี่ยนเคล็ดลับและกลเม็ดกับนักออกแบบคนอื่นๆ และติดตามข่าวสารล่าสุดเกี่ยวกับเครื่องมือและกระบวนการที่เกิดขึ้นใหม่ นอกจากนี้ยังหมายถึงการเผชิญกับความท้าทายที่เกิดจากอุปกรณ์และแพลตฟอร์มใหม่ๆ และตระหนักว่าเมื่อใดที่คุณต้องอาศัยรูปแบบและแนวทางปฏิบัติที่สะดวกสบาย แทนที่จะออกแบบสิ่งที่ดีที่สุดสำหรับผู้ใช้ในขณะนี้
หมายเหตุบรรณาธิการ: ขอขอบคุณ Damir Kotoric สมาชิกเครือข่าย Toptal ที่ร่วมให้ข้อมูลด้านการออกแบบอย่างลึกซึ้งในเรื่องนี้
อ่านเพิ่มเติมในบล็อก Toptal:
- หลักการออกแบบ UX บนมือถือ
- หลักการสถาปัตยกรรมสารสนเทศสำหรับมือถือ (พร้อมอินโฟกราฟิก)
- หลักการฮิวริสติกสำหรับอินเทอร์เฟซมือถือ
- ข้อจำกัดในการออกแบบ UX บนมือถือ แนวทางปฏิบัติที่ดีที่สุด และการทำงานกับนักพัฒนา
