การออกแบบหน้าจอการกำหนดค่าหน้าจอสัมผัส HMI มีสามองค์ประกอบ คุณรู้กี่องค์ประกอบ มอฉวน

การออกแบบหน้าจอสัมผัส HMI ส่วนใหญ่จะประกอบด้วยเลย์เอาต์ ข้อความ และสี

1.  1. รูปแบบ: เค้าโครงหน้าจอจะแตกต่างกันไปตามฟังก์ชันที่มีโฟกัสต่างกัน พื้นที่การทำงานแต่ละส่วนควรเน้นและชัดเจน ไม่ว่าการออกแบบฟังก์ชันใด เค้าโครงหน้าจอควรเป็นไปตามหลักการ 5 ประการต่อไปนี้

2. 
   

3. 1) หลักการสมดุล:

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

2) หลักการคาดหมาย: 

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

3) หลักการเศรษฐกิจ:

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

4) หลักการสั่งซื้อ: 

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

5)การทำให้เป็นมาตรฐาน:

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

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

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

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

2.ข้อความและวลี: นอกเหนือจากการปรากฏเป็นสื่อแสดงผลของข้อความแล้ว ข้อความและการใช้ถ้อยคำจะต้องถูกแสดงเมื่อออกแบบส่วนหัว ชื่อเรื่อง ข้อความพรอมต์ คำสั่งควบคุม เซสชัน และฟังก์ชันอื่นๆ รูปแบบและเนื้อหาของการออกแบบข้อความและวลีควรสังเกตดังนี้

1) ให้ความสนใจกับความเรียบง่ายของวลี

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

2) รูปแบบ

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

3)เนื้อหาข้อมูล

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

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

1) จำกัดจำนวนสีที่แสดงพร้อมกัน โดยทั่วไป หน้าจอเดียวกันไม่ควรเกิน 4 หรือ 5 ชนิด และสามารถใช้ระดับและรูปร่างที่แตกต่างกันเพื่อจับคู่สีและเพิ่มรูปแบบ

2) สีของวัตถุที่เคลื่อนไหวในภาพควรคมชัด ในขณะที่วัตถุที่ไม่เคลื่อนไหวควรเป็นสีเข้ม สีของวัตถุควรแตกต่างกันมากที่สุดเท่าที่จะเป็นไปได้ และสีพื้นหน้าควรสว่างกว่า ในขณะที่พื้นหลังควรเข้มกว่า

3) พยายามหลีกเลี่ยงการใส่สีที่เข้ากันไม่ได้ เช่น สีเหลืองกับสีน้ำเงิน สีแดงกับสีเขียว เป็นต้น เว้นแต่สำหรับการเปรียบเทียบ.

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

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

การออกแบบของหน้าจอสัมผัส HMI ตามหลักการดังต่อไปนี้

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

หลักการของการใช้งานง่าย: ความเรียบง่ายและความสะดวกในการใช้งานเป็นหลักการที่สำคัญที่สุดของการออกแบบส่วนต่อประสาน

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