1. ก่อนเริ่มต้น
ดูคำแนะนำด้านการสื่อสารของ Material Design
การเขียนที่ชัดเจนและกระชับมีบทบาทสำคัญต่อคุณภาพของประสบการณ์ของผู้ใช้ ทำความรู้จักหลักเกณฑ์การเขียน UX ของ Material Design และเริ่มใช้หลักการสำหรับข้อความ UI ที่จะช่วยให้ผู้ใช้ไปถึงสิ่งที่ต้องการ
คุณรู้ไหมว่าส่วนการสื่อสารของ Material ครอบคลุมมากกว่าการเขียน UX ดูหัวข้อต่างๆ ตั้งแต่การแสดงข้อมูลเป็นภาพไปจนถึงรูปแบบการเริ่มต้นใช้งานและสถานะว่างเปล่า
คิดแบบนักเขียน
ไม่ว่าคุณจะทำงานร่วมกับนักเขียน UX หรือนักวางแผนเนื้อหาหรือไม่ก็ตาม Codelab นี้จะแนะนำวิธีให้ทุกคนเลือกใช้ภาษาที่เหมาะกับอินเทอร์เฟซ คุณจะได้เรียนรู้วิธีถามคำถามบางอย่างที่นักเขียนอาจมุ่งเน้นเพื่อปรับปรุงประสบการณ์การใช้งานผลิตภัณฑ์ เช่น ความชัดเจนและความกระชับในข้อความที่แสดงต่อผู้ใช้ เช่น ป้ายกำกับและการแจ้งเตือน
สิ่งที่คุณจะได้เรียนรู้
- การเขียน UX คืออะไรและทำไมจึงสำคัญ
- วิธีพิจารณาน้ำเสียงและเสียงที่เหมาะสมสำหรับบริบทต่างๆ
- ข้อควรพิจารณาในการเขียนเฉพาะคอมโพเนนต์
- แหล่งข้อมูลสำหรับการเรียนรู้เพิ่มเติม
สิ่งที่คุณต้องมี
- เริ่มเอกสารหรือเตรียมกระดาษเพื่อทำตามแบบฝึกหัดใน Codelab
ข้อกำหนดเบื้องต้น
Lab นี้ต่อยอดจากแนวคิดพื้นฐานด้านการเขียน ไวยากรณ์ และการออกแบบใน Material Design การมีความเข้าใจพื้นฐานเกี่ยวกับองค์ประกอบแบบอินเทอร์แอกทีฟใน UI จะเป็นประโยชน์
เน้นภาษาอังกฤษ แต่มีประโยชน์ในวงกว้าง
แล็บนี้ครอบคลุมหลักการสื่อสารเพื่อประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น อย่างไรก็ตาม ตัวอย่างและการเลือกคำจะอิงตามธรรมเนียมของภาษาอังกฤษแบบอเมริกัน
คำแนะนำนี้สามารถนำไปใช้กับ UI ในภาษาใดก็ได้ โดยคำนึงถึงการเปลี่ยนแปลงในบริบทและวัฒนธรรม คุณจะดูข้อมูลเพิ่มเติมเกี่ยวกับการพิจารณาภาษาอื่นๆ ที่ไม่ใช่ภาษาอังกฤษได้ในแหล่งข้อมูลที่ระบุไว้ในขั้นตอนที่ 9
2. การเขียน UX คืออะไร
ภาพรวม
การเขียน UX (UXW) ยังเรียกว่ากลยุทธ์เนื้อหาหรือการออกแบบเนื้อหาด้วย เป็นระเบียบวิธีที่อยู่เบื้องหลังข้อความในอินเทอร์เฟซผู้ใช้และเป็นฟิลด์ที่แยกต่างหากซึ่งมองว่าภาษาเป็นวิธีในการปรับปรุงประสบการณ์ของผู้ใช้ผ่านการเล่าเรื่องที่ชัดเจน การเลือกคำ ลำดับชั้นของข้อมูล และอื่นๆ
การคิดแบบนักเขียน UX จะช่วยเพิ่มอัตราการทำงานให้เสร็จสมบูรณ์ ความพึงพอใจของผู้ใช้ และความสะดวกในการใช้งานโดยรวม
การเขียน UX แตกต่างจากงานเขียนอื่นๆ อย่างไร
การเขียน UX คือการเขียนสำหรับผู้ใช้จริง
การเขียนเพื่อประสบการณ์ของผู้ใช้ควรเริ่มต้นด้วยสมมติฐานที่ว่าเป้าหมายหลักของข้อความ UI คือการสนับสนุนเส้นทางของผู้ใช้
การเลือกคำ ความยาว สไตล์ และโครงสร้างของข้อความใดๆ อาจส่งผลต่อความเข้าใจของผู้ใช้เกี่ยวกับเป้าหมายและประโยชน์ของฟีเจอร์และงาน
รูปแบบ
ตัวเลือกรูปแบบการเขียนควรเป็นไปตามความต้องการของกลุ่มเป้าหมายและเป้าหมายของกลุ่มเป้าหมาย UXW ผสมผสานกฎทางวิชาการของการเขียนอย่างเป็นทางการ (สิ่งที่คุณอ่านในหนังสือพิมพ์หรือหนังสือสารคดี) กับรูปแบบที่ไม่เป็นทางการซึ่งผู้คนใช้เมื่อสื่อสารทางออนไลน์ (อีเมล ข้อความ แชท)
การเขียนสำหรับแอปและอินเทอร์เฟซจะใช้โทนที่เป็นทางการน้อยกว่าด้วยเหตุผลหลัก 2 ประการ ดังนี้
- การสื่อสารออนไลน์มีความเป็นทางการน้อยกว่าการเขียนในสิ่งพิมพ์หรือการเขียนเชิงวิชาการ
- ข้อความ UI ถูกจำกัดด้วยพื้นที่หน้าจอ และความยาวของอักขระก็ถูกจำกัดเช่นกัน
การเขียนที่เน้นผู้ใช้ หรือที่เรียกว่า "ทำให้ใช้งานได้"
การเขียน UX ให้ความสำคัญกับรูปแบบที่มุ่งเน้นเป้าหมายมากกว่าการยึดมั่นในไวยากรณ์ ซึ่งไม่ได้หมายความว่าไวยากรณ์ไม่มีประโยชน์ต่อความชัดเจนและความสอดคล้อง แต่การพิจารณาความต้องการของผู้ใช้ก่อนและให้การตัดสินใจด้านไวยากรณ์เป็นไปตามนั้นจะเป็นประโยชน์มากกว่า
เมื่อพูดถึงการเลือกคำและสไตล์ หลักการชี้นำสำหรับการตัดสินใจเกี่ยวกับสไตล์อาจเป็นเพียงการทำให้ใช้งานได้ ตัวเลือกที่เหมาะกับอินเทอร์เฟซที่สุดอาจไม่เหมือนกับกฎสำหรับการเขียนอย่างเป็นทางการเสมอไป
เขียนให้เหมาะกับวิธีที่ผู้คนอ่าน
UXW ควรแสดงวิธีที่ผู้อ่านในหลายภาษาสแกนหน้าเว็บในรูปแบบตัว F แทนที่จะอ่านทั้งย่อหน้า การคาดการณ์พฤติกรรมของผู้อ่านจะช่วยให้คุณเขียนได้ตามวิธีที่ผู้อ่านอ่านข้อความจริงๆ
สำหรับเนื้อหาบนเว็บ มักจะหมายถึงย่อหน้าสั้นๆ หัวข้อเชิงอธิบายที่สแกนได้ และการจัดรูปแบบเชิงกลยุทธ์
ตัวอย่างการติดตามดวงตาจากการศึกษาพฤติกรรมการอ่านออนไลน์ รูปภาพและงานวิจัยจาก nngroup.com (2006; 2017)
การทดสอบ
การตอบสนองความต้องการของวัฒนธรรมหรือกลุ่มอายุต่างๆ ด้วยข้อความเดียวกันอาจเป็นเรื่องท้าทาย การค้นหาคำที่เหมาะสมเพื่อสื่อสารข้อความอาจดูเหมือนเป็นเรื่องง่าย แต่ภาษาและความเข้าใจเป็นเรื่องที่ขึ้นอยู่กับแต่ละบุคคลอย่างมาก
การทดสอบเป็นขั้นตอนสำคัญในการประเมินความชัดเจน ความหมาย และประสิทธิภาพในโลกแห่งความเป็นจริง เพื่อให้มั่นใจว่าข้อความที่คุณเขียนมีความหมายตรงกับที่คุณคิด
แนวทาง
ง่ายและประหยัด
- อ่านสิ่งที่คุณเขียนออกเสียง ฟังดูเหมือนสิ่งที่คุณจะพูดกับคนจริงๆ ไหม หากไม่เป็นเช่นนั้น ให้ลองเขียนใหม่
- ขอให้ผู้อื่นอ่านและอธิบายให้คุณฟังว่าคำพูดของคุณหมายความว่าอย่างไร
- สำรวจผู้คนหลายๆ คนด้วยตัวอย่างงานเขียนของคุณในบริบทของ UI
- ใช้ Google เทรนด์หรือ Google Books Ngram Viewer เพื่อดูว่าคำหรือวลีหนึ่งๆ เป็นที่นิยมมากกว่าคำหรือวลีอื่นหรือไม่
การทดสอบเนื้อหาอย่างละเอียดใช้ฮิวริสติก เช่น
- ความเข้าใจและความอ่านได้ง่าย
- งานเสร็จสมบูรณ์และเวลาที่ใช้ทำงานให้เสร็จ
- การประเมินน้ำเสียงและการรับรู้
3. AI
ภาพรวม
หลักการในหลักเกณฑ์การเขียนของ Material ออกแบบมาเพื่อสร้างความน่าเชื่อถือและปรับปรุงความชัดเจนผ่านภาษาที่ถูกต้องและกระชับ คุณสามารถเพิ่มหรือลบหลักการของ Material เพื่อให้ตรงกับความต้องการของคุณเองได้
หลักเกณฑ์ช่วยให้หลายๆ คนตัดสินใจได้สอดคล้องกันมากขึ้นในฐานะกลุ่ม
เขียนให้กระชับ แต่ไม่เหมือนหุ่นยนต์
เขียนข้อความสั้นๆ ที่สแกนได้ซึ่งมุ่งเน้นแนวคิดจำนวนจำกัด
เขียนอย่างง่ายและตรงไปตรงมา
ใช้ภาษาที่เรียบง่ายและตรงไปตรงมาเพื่อให้ข้อความเข้าใจง่าย ทุกครั้งที่เขียนอะไรก็ตาม ให้ถามตัวเองว่ามีวิธีที่ง่ายกว่านี้ในการแสดงแนวคิดไหม
พูดถึงผู้ใช้อย่างชัดเจน
ในภาษาอังกฤษ บุรุษที่ 2 (คุณหรือของคุณ) มักจะตรงไปตรงมาและชัดเจนกว่า ใช้สรรพนามบุรุษที่ 1 (ฉัน) ได้เมื่อต้องการเน้นความเป็นเจ้าของ
"คุณ" และ "ของคุณ" เป็นวิธีที่ตรงไปตรงมามากขึ้นในการกล่าวถึงผู้ใช้
"ฉัน" หรือ "ของฉัน" อาจทำให้เกิดความสับสนเนื่องจากเป็นการรวมตำแหน่งหรือเสียงของผู้ใช้เข้ากับเสียงของแอป คุณใช้ "ฉัน" หรือ "ของฉัน" เพื่อเน้นความเป็นเจ้าของเนื้อหาหรือการดำเนินการที่ชัดเจนได้
หลีกเลี่ยงการใช้สรรพนามบุรุษที่ 1 และ 2 ร่วมกัน
เพื่อหลีกเลี่ยงความสับสน คำว่า "ฉัน"/"ของฉัน" และ "คุณ"/"ของคุณ" ไม่ควรอยู่ในวลีเดียวกัน
สื่อสารรายละเอียดที่สำคัญ
สื่อสารเฉพาะรายละเอียดที่จำเป็นสำหรับบริบทที่เฉพาะเจาะจง เพื่อให้ผู้ใช้สามารถมุ่งเน้นไปที่งานที่ทำอยู่แทนที่จะต้องตีความตัวเลือกมากมาย ในกล่องโต้ตอบหรือการแจ้งเตือนใดๆ ให้พิจารณาว่าต้องใช้ข้อมูลใดในการอธิบายการดำเนินการและผลลัพธ์ที่สำคัญ
4. น้ำเสียงและโทนเสียง
ภาพรวม
การสร้างความสม่ำเสมอและความชัดเจนเป็นเรื่องยากหากไม่พิจารณาน้ำเสียงและสไตล์ที่คุณต้องการสร้างสำหรับประสบการณ์การใช้งาน
ลองนึกภาพการอ่านประโยค 5 ประโยคพร้อมกัน แต่ละประโยคเขียนโดยคนละคนที่ไม่เคยเห็นอีก 4 ประโยค บางครั้งการไปยังส่วนต่างๆ ของ UI อาจดูไม่ต่อเนื่องเนื่องจากแต่ละคนเขียนด้วยน้ำเสียงและโทนของตนเอง
เมื่อมีผู้ร่วมเขียนข้อความในผลิตภัณฑ์หลายคน หลักเกณฑ์ด้านน้ำเสียงและเสียงพูดจะช่วยให้มั่นใจได้ว่าคำที่เลือกนั้นมีความหมายและวัตถุประสงค์ร่วมกัน
ตัวอย่างแคมเปญ Android ที่ผ่านมาซึ่งใช้เสียงที่ชัดเจนและครอบคลุมด้วยน้ำเสียงที่ตรงไปตรงมา
เสียงและโทนคืออะไร
เสียงควรสอดคล้องกันตลอดประสบการณ์การใช้งาน ในขณะที่โทนเสียงเป็นไปตามบริบทและอาจแตกต่างกันไป
Voice
เสียงหมายถึงอารมณ์ ทัศนคติ หรือมุมมองที่สื่อสารผ่านประสบการณ์การใช้งาน ซึ่งเป็นแง่มุมหนึ่งของ "บุคลิก" ของแบรนด์ และช่วยให้ผู้ใช้คุ้นเคยกับ "เสียง" ของผลิตภัณฑ์
หลักการด้านเสียงจะช่วยในการเลือกคำ และจะทำงานได้ดีที่สุดเมื่อมีตัวอย่างประกอบเพื่อแสดงให้เห็นถึงการใช้เสียง หากไม่มีตัวอย่าง หลักการมักจะมีความเป็นนามธรรมมากเกินไปจนไม่สามารถใช้เป็นแนวทางในการตัดสินใจเกี่ยวกับสไตล์ของกลุ่มได้
ตัวอย่างหลักการด้านเสียงที่พบบ่อยมีดังนี้
- มีประโยชน์: เขียนเหมือนมนุษย์ ไม่ใช่เครื่องจักร อธิบายข้อผิดพลาดและแนะนำวิธีแก้ไข
- เข้าถึงได้: ทำให้ข้อความเข้าใจง่ายสำหรับผู้ใช้ใหม่ ตรวจสอบว่ามีการอธิบายหรือแทนที่คำศัพท์ทางเทคนิคหรือคำศัพท์ขั้นสูง
- สร้างแรงบันดาลใจ: เน้นย้ำถึงประโยชน์และความสำเร็จตลอดประสบการณ์การใช้งาน ระบุเป้าหมายและผลลัพธ์ในเชิงบวกและใช้กริยาในรูปกระทำ
น้ำเสียง
โทนการเขียนจะสื่อถึงอารมณ์และความรู้สึก ไม่ว่าคุณจะตั้งใจหรือไม่ก็ตาม
เช่น หากกำหนดเสียงว่า "เป็นประโยชน์" และ "เป็นมนุษย์" น้ำเสียงที่เสริมเป้าหมายนั้นอาจเป็นการสนับสนุนและเป็นกันเอง แทนที่จะเป็นการเรียกร้องและกระชับ
ท้ายที่สุดแล้วสิ่งที่แต่ละคนถือว่า "ให้การสนับสนุนและเป็นกันเอง" ก็จะแตกต่างกันไป ซึ่งเป็นเหตุผลที่รายการคำและเมทริกซ์เนื้อหาช่วยให้เสียงและโทนสามารถนำไปใช้ได้จริง เราจะพูดถึงเรื่องนี้เพิ่มเติมในส่วนที่ 6-8
ความสำคัญ
น้ำเสียงที่เหมาะสมจะช่วยสร้างความไว้วางใจและความมั่นใจของผู้ใช้ได้ ตัวอย่างเช่น หากข้อความแสดงข้อผิดพลาดอยู่ในรูปแบบของมุกตลกแทนที่จะเป็นการสนับสนุน น้ำเสียงที่ดูสบายๆ อาจไม่สามารถแสดงให้ผู้ใช้เห็นว่าความหงุดหงิดของผู้ใช้เป็นเรื่องที่สมเหตุสมผลและแก้ไขได้
สร้างการแมปโทนสี
แผนที่โทนเสียงช่วยวางแผนและบันทึกกลยุทธ์ในการปรับเสียงและโทนเสียง
เริ่มต้นด้วยการพิจารณาจุดสำคัญตลอดเส้นทางของผู้ใช้ ไม่ว่าคุณจะสร้างเกม เครื่องมือทางการเงิน หรือแอปช็อปปิ้ง โทนเสียงควรแตกต่างกันไปตามจุดต่างๆ ในเส้นทางของผู้ใช้ เช่น การเริ่มต้นใช้งาน การยืนยัน และข้อผิดพลาด
ตัวอย่างเช่น การแจ้งเตือนที่สนุกสนานสำหรับการยืนยันกิจวัตรประจำวันอาจดูเหมือนเป็นไอเดียที่ดีในตอนแรก แต่เมื่อได้รับเป็นครั้งที่ 5 ความสนุกอาจเปลี่ยนเป็นความรำคาญได้อย่างรวดเร็ว
สถานะข้อผิดพลาดเป็นอีกตัวอย่างหนึ่งที่การแมปโทนสีช่วยให้ทราบถึงการเปลี่ยนโทนจากแบบสบายๆ และเป็นกันเองไปเป็นแบบให้การสนับสนุนและมีรายละเอียด
1. ก่อนอื่น ให้เลือกมิติข้อมูลหรือสเปกตรัม 2 รายการที่แสดงถึงช่วงในโทนสีที่ต้องการได้
ตัวอย่างแนวคิดเกี่ยวกับแกนสำคัญสำหรับน้ำเสียงในการเขียน UX มีดังนี้
- สนุกสนานกับจริงจัง
- กระชับเทียบกับละเอียด
- กระตุ้นอารมณ์เทียบกับเป็นกลาง
- ไม่เป็นทางการเทียบกับเป็นทางการ
2. วาดตารางกริดที่มีเส้นตัดกัน 2 เส้น และระบุแต่ละแกนด้วยมิติข้อมูลของโทนเสียงที่คุณต้องการวางกลยุทธ์
ในตัวอย่างด้านล่าง คุณจะเห็นว่าสนุกกับจริงจังและกระชับกับละเอียดคือมิติข้อมูลของแผนที่
3. จากนั้นแสดงประเภทหรือรูปแบบข้อความที่คุณใช้เป็นประจำ ประเภทข้อความที่คุณอาจแมป ได้แก่
- การเริ่มต้นใช้งาน
- การยืนยันและการรับทราบ
- ความช่วยเหลือและความคิดเห็น
- ข้อผิดพลาด
- การแจ้งเตือน
- ป้ายกำกับ
- สถานะว่างเปล่า
4. วางข้อความแต่ละประเภทบนแผนที่โดยอิงตามทั้ง 2 แกน
สิ่งที่ควรพิจารณาบางส่วนมีดังนี้
- ข้อความหนึ่งๆ จะมีพื้นที่บนหน้าจอเท่าใด
- การทำความเข้าใจมีความสำคัญหรือจำเป็นเพียงใดสำหรับประเภทข้อความ มีการดำเนินการที่เป็นอันตรายหรือไม่
- คุณต้องการให้ผู้ใช้ทราบหรือรู้สึกอย่างไรเมื่อเชื่อมต่อกับเจตนาของประเภทข้อความ เช่น การเริ่มต้นใช้งานมักจะมาพร้อมกับความตั้งใจที่จริงจังแต่ก็ไม่เคร่งเครียด
5. ตัวอย่างที่เสร็จสมบูรณ์
ด้านล่างนี้คือตัวอย่างประเภทข้อความที่จัดทำเป็นแผนภูมิตามประสบการณ์การใช้งานแอปทั่วไป
หากแอปของคุณเกี่ยวข้องกับการชำระเงินหรือเรื่องทางกฎหมาย คุณอาจปรับโทนให้ดูจริงจังและมีรายละเอียดมากขึ้นเมื่อความเข้าใจเป็นสิ่งสำคัญ ในทางตรงกันข้าม หากความเป็นส่วนตัวหรือการเงินไม่ได้ตกอยู่ในความเสี่ยงและมีศูนย์ช่วยเหลือให้ดูข้อมูลเพิ่มเติม คุณอาจเลือกที่จะเขียนให้กระชับมากขึ้น
5. โครงสร้างเนื้อหา
ภาพรวม
โครงสร้างของคำสั่งจะช่วยเพิ่มความเข้าใจและช่วยให้ผู้ใช้มุ่งเน้นที่งานที่กำลังทำอยู่ เมื่อจับคู่รูปภาพกับข้อความ เป้าหมายอีกอย่างหนึ่งของโครงสร้างข้อมูลคือการปรับปรุงการช่วยเหลือพิเศษ
เริ่มต้นด้วยวัตถุประสงค์
เริ่มต้นประโยคด้วยเป้าหมายของผู้ใช้ เนื่องจากการเขียน UX มุ่งเน้นที่งาน รูปแบบทั่วไปของวลีจึงเน้นเป้าหมายที่สร้างกรอบจูงใจสำหรับงาน จากนั้นประโยคจะอธิบายการกระทำที่จำเป็นเพื่อให้งานเสร็จสมบูรณ์
แสดงรายละเอียดตามต้องการ
แสดงข้อมูลตามบริบทและตามความจำเป็น แนวทางนี้มักเรียกว่าการเปิดเผยข้อมูลแบบค่อยเป็นค่อยไป แสดงรายละเอียดเกี่ยวกับฟีเจอร์เมื่อผู้ใช้สำรวจฟีเจอร์และต้องการข้อมูลเพิ่มเติม
การเปิดเผยข้อมูลอย่างมีกลยุทธ์มักต้องพิจารณาอย่างรอบคอบถึงความต้องการข้อมูลในทุกจุดในเส้นทางของผู้ใช้ เป้าหมายคือการไม่ปกปิดหรือละเว้นสิ่งใด โดยเฉพาะผลลัพธ์ของการดำเนินการที่ย้อนกลับไม่ได้ แต่โปรดทราบว่าคุณจะช่วยผู้ใช้ได้ด้วยการจำกัดโฟกัสในทันทีไปที่งานที่กำลังทำอยู่
การออกแบบเนื้อหาที่เข้าถึงได้
การเขียนที่มีประสิทธิภาพครอบคลุมถึงการพิจารณาการจับคู่รูปภาพและข้อความสำหรับผู้ใช้ที่มีสายตาเลือนรางหรือผู้ที่ใช้โปรแกรมอ่านหน้าจอ ส่วนการเขียนเพื่อการช่วยเหลือพิเศษของ Material มีคำแนะนำในการจับคู่รูปภาพและคำบรรยายแทนเสียงเพื่อให้การออกแบบเนื้อหาของหน้าเว็บใช้งานได้สำหรับผู้ใช้ทุกคน
ข้อความที่มองเห็นได้และมองไม่เห็น
ข้อความเพื่อการช่วยเหลือพิเศษมีดังนี้
- ข้อความที่มองเห็นได้: ป้ายกำกับสำหรับองค์ประกอบ UI, ข้อความบนปุ่ม, ลิงก์ และแบบฟอร์ม
- ข้อความที่มองไม่เห็น: คำอธิบายที่ไม่ปรากฏบนหน้าจอ (เช่น ข้อความแสดงแทนสำหรับรูปภาพ)
เมื่อข้อความที่มองเห็นได้และมองไม่เห็นมีความสื่อความหมายและมีประโยชน์ ก็จะช่วยให้ผู้ใช้ไปยังส่วนต่างๆ ได้โดยใช้ส่วนหัวหรือลิงก์บนหน้าจอ โปรแกรมอ่านหน้าจอช่วยให้คุณทดสอบข้อความช่วยการเข้าถึงและระบุตำแหน่งที่เพิ่มข้อความได้
ข้อความสำรอง (ข้อความแสดงแทน)
ข้อความแสดงแทนช่วยแปล UI แบบภาพเป็น UI แบบข้อความ ข้อความแสดงแทนคือป้ายกำกับสั้นๆ (ไม่เกิน 125 อักขระ) ในโค้ดที่อธิบายรูปภาพสำหรับผู้ใช้ที่ไม่สามารถมองเห็นรูปภาพ
ในตัวอย่างด้านล่าง โปรแกรมอ่านหน้าจอจะให้บริบทสำหรับข้อความโดยรอบโดยเสนอข้อบ่งชี้ที่สำคัญที่สุดของรูปภาพ
เนื่องจากข้อความแสดงแทนมีไว้สำหรับรูปภาพเท่านั้น จึงไม่จำเป็นต้องเพิ่ม "รูปภาพของ" หรือ "ภาพของ" ในข้อความแสดงแทน โปรแกรมอ่านหน้าจอจะอ่านออกเสียงข้อความแสดงแทนแทนรูปภาพ
6. คำที่เลือกใช้
ภาพรวม
เมื่อพื้นที่หน้าจอมีจำกัด การเลือกคำที่เหมาะสมเพื่อสื่อสารข้อความและน้ำเสียงจึงเป็นสิ่งสำคัญ การใช้คำเดียวกันอย่างสม่ำเสมอจะช่วยให้ผู้ใช้คุ้นเคยกับประสบการณ์การใช้งาน
เขียนสำหรับระดับการอ่านทั้งหมด
ใช้คำที่ใช้กันทั่วไปซึ่งเข้าใจง่ายและชัดเจนสำหรับทุกระดับการอ่าน
ไม่มีศัพท์เฉพาะ
หลีกเลี่ยงการใช้คำศัพท์เฉพาะในอุตสาหกรรมหรือชื่อที่สร้างขึ้นสำหรับฟีเจอร์ UI เมื่อวลีที่ง่ายกว่าสามารถสื่อถึงแนวคิดเดียวกันได้ในลักษณะที่คล้ายกัน
ใช้คำที่สอดคล้องกัน
ใช้คำในลักษณะที่สอดคล้องกันในฟีเจอร์ UI
เขียนในรูปปัจจุบันกาล
ใช้กาลปัจจุบันเพื่ออธิบายลักษณะการทำงานของผลิตภัณฑ์ หลีกเลี่ยงการใช้กาลอนาคตเพื่ออธิบายลักษณะการทำงานของผลิตภัณฑ์
เมื่อต้องการเขียนในกาลอดีตหรืออนาคต ให้ใช้รูปแบบกริยาแบบง่าย
อ้างอิงองค์ประกอบ UI และตัวควบคุมตามป้ายกำกับ
ป้ายกำกับจะระบุว่าตัวควบคุมหรือองค์ประกอบทำอะไร โดยจะปรากฏบนหรือใกล้กับตัวควบคุมเอง เช่น ข้อความบนปุ่มหรือสวิตช์ หากต้องการอ้างอิงตัวควบคุมหรือองค์ประกอบ UI ให้กล่าวถึงโดยใช้ข้อความป้ายกำกับ (ไม่ต้องระบุประเภทขององค์ประกอบหรือตัวควบคุม)
สื่อสารรายละเอียดที่สำคัญ
สื่อสารเฉพาะรายละเอียดที่ผู้ใช้ต้องโฟกัสในงาน
สรุปประเด็นสำคัญ
- เขียนสำหรับระดับการอ่านทั้งหมด
- ใช้คำอย่างสม่ำเสมอ ไม่ใช่เพื่อความแปลกใหม่
- กาลปัจจุบัน
- ใช้ตัวเลข
7. การเขียนสำหรับคอมโพเนนต์
ภาพรวม
คอมโพเนนต์ของ Material มีเจตนาใน UI และการเขียนสำหรับคอมโพเนนต์ที่เฉพาะเจาะจงจะช่วยเสริมเจตนานั้นได้
คอมโพเนนต์เหล่านี้มีคำแนะนำในการเขียนที่ Material.io
กล่องโต้ตอบ
กล่องโต้ตอบใช้สำหรับ
- ข้อผิดพลาดที่บล็อกการทำงานปกติของแอป
- ข้อมูลสำคัญที่ต้องมีงาน การตัดสินใจ หรือการรับทราบของผู้ใช้ที่เฉพาะเจาะจง
คอมโพเนนต์ | ลำดับความสำคัญ | การดำเนินการของผู้ใช้ |
สแน็คบาร์ | ลำดับความสำคัญต่ำ | แถบแสดงข้อความจะหายไปโดยอัตโนมัติ |
ป้ายประกาศ | โดดเด่น มีลำดับความสำคัญปานกลาง | แบนเนอร์จะยังคงปรากฏจนกว่าผู้ใช้จะปิด หรือหากสถานะที่ทำให้เกิดแบนเนอร์ได้รับการแก้ไขแล้ว |
Dialog | ลำดับความสำคัญสูงสุด | กล่องโต้ตอบจะบล็อกการใช้งานแอปจนกว่าผู้ใช้จะดำเนินการกับกล่องโต้ตอบหรือออกจากกล่องโต้ตอบ (หากมี) |
ชื่อ
วัตถุประสงค์ของกล่องโต้ตอบควรสื่อสารผ่านข้อความชื่อและปุ่ม
ชื่อควรมีข้อความหรือคำถามที่สั้นและชัดเจน
แถบแสดงข้อความ
แถบแสดงข้อความมีป้ายกำกับข้อความที่เกี่ยวข้องโดยตรงกับกระบวนการที่กำลังดำเนินการ ป้ายกำกับจะมีข้อความได้ไม่เกิน 2 บรรทัดในอุปกรณ์เคลื่อนที่
แถบแสดงข้อความสามารถแสดงปุ่มข้อความเดียวที่ให้ผู้ใช้ดำเนินการกับกระบวนการที่แอปดำเนินการได้
8. นำข้อมูลทั้งหมดมารวมกันในเมทริกซ์เนื้อหา
ภาพรวม
เมทริกซ์เนื้อหาคือตารางสำหรับติดตามคำและตัวเลือกที่คุณจะใช้และนำกลับมาใช้ใหม่ในการเขียน เมทริกซ์เนื้อหาเป็นแหล่งข้อมูลสำคัญสำหรับการเขียนและติดตามวลีอย่างสม่ำเสมอ รวมถึงเป็นข้อมูลอ้างอิงสำหรับนักเขียนในอนาคต
ซึ่งเป็นชื่อที่ดูดีของสเปรดชีต (ใช่...คำนี้ขัดกับคำแนะนำในการเลือกคำสำหรับ "ไม่มีคำศัพท์เฉพาะ")
การตั้งค่าเมทริกซ์เนื้อหา
สร้างสเปรดชีตหรือตารางที่คุณสามารถติดตามการเขียนและการเลือกคำที่ได้ผลดีและทำซ้ำได้
เป้าหมายของเมทริกซ์เนื้อหาคือการช่วยคุณระบุและบันทึกวิธีที่ข้อความเชื่อมโยงกับสิ่งต่อไปนี้
- เป้าหมายและบริบทของผู้ใช้
- ความต้องการด้านข้อมูลที่ระบุอย่างชัดเจนซึ่งสนับสนุนเป้าหมายที่กำหนด
- ข้อความ UI ฉบับร่างและฉบับสุดท้ายที่ระบุความต้องการข้อมูลอีกครั้งด้วยภาษาที่สั้นและไม่มีคำศัพท์เฉพาะ
การตัดสินใจเกี่ยวกับข้อความ UI ในเมทริกซ์เนื้อหาควรสะท้อนถึงสิ่งต่อไปนี้ด้วย
- หลักการด้านโทนและเสียง
- ประเภทคอมโพเนนต์
สุดท้ายนี้ เมทริกซ์เนื้อหาอาจมีรายการคำดังนี้
- แสดงรายการคำและข้อความที่ควรใช้เพื่ออธิบายฟีเจอร์ การดำเนินการ และเป้าหมาย
- แสดงรายการคำที่ควรหลีกเลี่ยงในฐานะคำพ้องความหมายหรือวลีที่ไม่มีประโยชน์
อย่าลืม
- แทนที่หรือกำหนดคำศัพท์ทางเทคนิค
- ใช้คำที่ใช้กันมากที่สุดสำหรับการกระทำหรือคำนาม
9. หัวข้อและแหล่งข้อมูลขั้นสูง (ไม่บังคับ)
ภาพรวม
Codelab นี้จะกล่าวถึงแนวทางปฏิบัติแนะนำและวิธีการเริ่มต้นใช้งานการเขียน UX นี่เป็นเพียงตัวอย่างเล็กๆ น้อยๆ เท่านั้น
แหล่งข้อมูล
10. ยินดีด้วย
เยี่ยมมาก คุณกำลังอยู่ในเส้นทางสู่การเขียนข้อความ UI ที่ชัดเจนและมีประสิทธิภาพ
