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