วิธีเขียนเอกสารผู้ใช้สำหรับคำแนะนำสไตล์เว็บ

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

1

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

2

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

3

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

4

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

5

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

6

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

7

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