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

ผู้ใช้ต้องเลือก Smart Form เมื่อ

• อินเทอร์เฟซการป้อนข้อมูล

• จำเป็นต้องมีการนำทางที่ซับซ้อน เช่น แท็บทั่วไปและโครงสร้างเลเยอร์ 2 แท็บ

• จำเป็นต้องป้อนข้อมูลเพื่อส่งหรือเริ่มต้นโฟลว์ของกระบวนการ

• ต้องการการตรวจสอบความถูกต้องหรือเงื่อนไขทางธุรกิจที่จะใช้กับข้อมูลที่ป้อนโดยผู้ใช้

• แบบฟอร์มที่ต้องผสานรวมกับระบบการจัดการกระบวนการทางธุรกิจผู้ใช้ต้องเลือก

ผู้ใช้ต้องเลือก Page เมื่อ

• ต้องการแสดงเนื้อหาแบบสแตติกและไดนามิกบนหน้าเว็บ (โดยไม่ต้องเขียน HTML)

• จำเป็นต้องมีการนำทางเพจ

• การสร้างเว็บไซต์แบบคงที่หรือไดนามิก

• สร้างการรวมกลุ่ม / การตลาดทางอีเมล

• การกระทำ ข้อความหรือรูปภาพบนเพจที่ต้องมีการผสานรวมกับ Microflow หรือเว็บไซต์ของ third-party

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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