การออกแบบแอพมือถือไม่เหมือนการออกแบบเว็บ

แน่นอนว่ามีทฤษฎีสี ประเภทการตั้งค่า และการดูแลรักษาเส้นตาราง แต่ยังมีอะไรอีกมากมายให้พิจารณาเมื่ออุปกรณ์เปลี่ยนไป

เพื่อให้กระจ่างเกี่ยวกับสิ่งที่ควรทำและไม่ควรทำในการออกแบบแอปบนอุปกรณ์เคลื่อนที่ Tomas Laurinavicius ได้กำหนดแนวทางปฏิบัติที่ดีที่สุดเมื่อออกแบบสำหรับอุปกรณ์เคลื่อนที่

Tomas Laurinavicius เป็นนักออกแบบอิสระและเป็นผู้เขียนร่วมของ Mobile Design Book

วิธีการออกแบบแอพ

(พร้อมตัวอย่างการออกแบบที่ดี)

ใส่โทมัส:

ในบทความนี้ ฉันต้องการแชร์ตัวอย่างการออกแบบแอปบนอุปกรณ์เคลื่อนที่ที่ยอดเยี่ยม โดยเฉพาะองค์ประกอบที่นำมารวมกันเพื่อสร้างแอปที่ยอดเยี่ยม

ตัวอย่างแอพ – หน้าจอเปิดตัว

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

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

Hyperlapse จาก Instagram & Yummly

รัฐว่างเปล่า

เมื่อผู้ใช้ดาวน์โหลดแอปของคุณครั้งแรก ก็จะไม่มีข้อมูลให้ดู นี่เรียกว่าหน้าจอว่างเปล่า

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

Airbnb และฟลิปบอร์ด

ตัวอย่างแอพ – หน้าจอเข้าสู่ระบบ

ลืมชื่อผู้ใช้ ใช้ที่อยู่อีเมลแทน

ทำให้กระบวนการเข้าสู่ระบบง่ายขึ้นโดยให้ตัวเลือกในการเข้าสู่ระบบด้วยแพลตฟอร์มที่มีอยู่ ขึ้นอยู่กับผู้ชมของคุณ อาจเป็น Google, Facebook หรือแม้แต่ LinkedIn

SoundCloud & Foursquare

ตัวอย่างแอพ – ฟีดกิจกรรม

เมื่อออกแบบฟีดกิจกรรมที่น่าสนใจและน่าสนใจ ให้พิจารณาบริบทและใช้หลักเกมมิ่ง

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

Swarm โดย Foursquare & Behance

ตัวอย่างแอพ – หน้าจอสมัคร

หากขั้นตอนการสมัครของคุณซับซ้อน ผู้ใช้จะออกจากระบบ

ลดความซับซ้อนให้มากที่สุด รวมเฉพาะข้อมูลที่จำเป็นและแนะนำให้ใช้เครือข่ายอื่นที่เก็บข้อมูลผู้ใช้เช่น Facebook หรือ Twitter

Spotify & Cirqle

เช็คเอาท์

การชำระเงินเป็นคุณลักษณะที่ยุ่งยากในการออกแบบในแอปบนอุปกรณ์เคลื่อนที่

ต้องนำเสนอข้อมูลจำนวนมากโดยสรุปและให้คำแนะนำในขั้นตอนต่อไป จัดลำดับความสำคัญของข้อมูลและแบ่งออกเป็นส่วน ๆ ที่สามารถนำเสนอเป็นกลุ่ม

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

กำหนดเป้าหมาย & ให้ช้อปปิ้ง

ความคิดเห็น

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

เมื่อออกแบบความคิดเห็น ความสามารถในการอ่านและบริบท (เช่น รูปโปรไฟล์ ชื่อ และวันที่) เป็นปัจจัยที่สำคัญที่สุดในการจัดหาระบบนิเวศของชุมชนแอปที่ดู "สด"

เส้นทาง & Tripstr

ค้นหา

การค้นหาเป็นคุณลักษณะที่จำเป็นสำหรับเนื้อหาที่ผู้ใช้สร้างขึ้นและแอปที่มีข้อมูลจำนวนมาก

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

กล่องจดหมายโดย Gmail & Lovely

การแบ่งปัน

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

ทำให้ง่ายต่อการแชร์แอพหรือเนื้อหาจากมัน โดยเพิ่มไอคอนการแชร์ที่ชัดเจนและอนุญาตให้แชร์อย่างรวดเร็วผ่านเครือข่ายต่างๆ

ฤดูใบไม้ผลิ & Jukely

ความสามารถในการอ่าน

การอ่านง่ายบนอุปกรณ์ขนาดเล็ก ทำให้พิมพ์ใหญ่หรือเล็กเกินไปได้ง่าย

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

ความสามารถในการอ่าน & Feedly

การนำทาง

การนำทางมีความสำคัญอย่างยิ่งต่อแอปทุกประเภท

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

เชื่อมต่อ Facebook & LinkedIn

การตั้งค่า

หน้าจอการตั้งค่ามักถูกมองข้ามเพราะไม่น่าตื่นเต้น แต่จะเป็นหนึ่งในหน้าจอที่คุณใช้บ่อยที่สุด

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

เครื่องหมายถูก 2 & Yแผน

การแจ้งเตือน

การแจ้งเตือนเป็นเหตุผลที่ผู้ใช้กลับมาที่แอปของคุณ

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

Gogobot & ไฮไลท์

ข้อความ

ฟังก์ชันการส่งข้อความหรือแชทก็เป็นคุณสมบัติทั่วไปเช่นกัน เมื่อออกแบบระบบการส่งข้อความ ทุกอย่างเกี่ยวกับการสื่อสารและบริบท

ปรับขนาดประเภทให้เหมาะสมเพื่อให้ผู้ใช้สามารถอ่านข้อความที่ยาวขึ้นและรวมวันที่ เวลาที่โพสต์ ตำแหน่ง และข้อมูลอื่นๆ ที่เกี่ยวข้อง

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

Facebook Messenger & Path Talk

ประวัติโดยย่อ

แอพจำนวนมากอนุญาตให้ผู้ใช้สร้างบัญชีและจัดเก็บเรื่องราวหรือกิจกรรมรอบโปรไฟล์นั้น

ไม่ว่าจะเป็นโซเชียลมีเดีย การช็อปปิ้ง หรือแอพอื่นๆ การทำให้หน้าโปรไฟล์ชัดเจนและดึงดูดผู้ใช้เป็นสิ่งสำคัญ

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

Frontback & Quora

บทสรุป

อย่างที่คุณเห็นจากแอปทั้งหมดที่ฉันได้ระบุไว้ มีหลายสิ่งที่ต้องพิจารณาและเชี่ยวชาญในการออกแบบแอปที่ชนะ

ในขณะที่ทุกคนสามารถออกแบบแอปได้ สิ่งสำคัญคือต้องจ้างนักออกแบบที่มีประสบการณ์ในสาขานี้ และสามารถใช้ความรู้และแนวทางปฏิบัติที่ดีที่สุดทั้งหมดได้

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