Use alignment to ease scanning and

Use alignment to ease scanning and communicate groupings or hierarchy. Alignment tends to make an app look neat and organized and it gives users places to focus while they scroll through screenfuls of information. Indentation and alignment of different information groups indicate how the groups are related and make it easier for users to find specific items.

Make sure that users can understand primary content at its default size. For example, users shouldn’t have to scroll horizontally to read important text, or zoom to see primary images.

Be prepared for changes in text size. Users expect most apps to respond appropriately when they choose a different text size in Settings. To accommodate some text-size changes, you might need to adjust the layout; for more information about displaying text in your app, see Text Should Always Be Legible.

As much as possible, avoid inconsistent appearances in your UI. In general, elements that have similar functions should also look similar. People often assume that there must be a reason for the inconsistencies they notice, and they’re apt to spend time trying to figure it out.

Make it easy for people to interact with content and controls by giving each interactive element ample spacing. Give tappable controls a hit target of about 44 x 44 points.

ผลลัพธ์ (ไทย) 1:

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

ผลลัพธ์ (ไทย) 2:

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

ผลลัพธ์ (ไทย) 3:

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