เทคนิค UI / UX สำหรับโลกที่ขับเคลื่อนด้วยเนื้อหาแบบไดนามิกของสื่อออนไลน์

เว็บแอปพลิเคชันและแอปบนอุปกรณ์เคลื่อนที่ส่วนใหญ่โดยเฉพาะในพื้นที่สื่อออนไลน์ขับเคลื่อนโดยระบบจัดการเนื้อหา (CMS) เช่น WordPress, Drupal และอื่น ๆ ระบบเหล่านี้เกิดขึ้นเพื่อตอบสนองความต้องการของยุคอินเทอร์เน็ตที่เนื้อหามีความสำคัญและมีพลวัต - มีการเปลี่ยนแปลงอย่างต่อเนื่องและบ่อยครั้ง

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

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

รูปแบบ IA การออกแบบเว็บไซต์ CMS ในแอปพลิเคชันที่ขับเคลื่อนด้วย CMS

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

หน้าแรก

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

โพสต์หน้า

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

หน้ารายการ / หมวดหมู่

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

หน้าค้นหา

หน้าเฉพาะสำหรับการค้นหาไม่จำเป็นสำหรับแอปพลิเคชันขนาดเล็ก แต่มีประโยชน์เสมอ บางครั้งอาจรวมหรือรวมเข้ากับหน้าหมวดหมู่ / รายการ

โปรไฟล์ผู้ใช้ / ผู้แต่ง

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

หน้าแรกของผู้ใช้หรือแดชบอร์ด

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

การออกแบบ UI ที่ขับเคลื่อนด้วยเนื้อหาสำหรับเนื้อหาไดนามิก

เนื้อหามาก่อนการออกแบบ การออกแบบที่ไม่มีเนื้อหาไม่ใช่การออกแบบ แต่เป็นการตกแต่ง - เจฟฟรีย์เซลแมน

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

พิจารณาเนื้อหาก่อนกำหนดสไตล์

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

ทำความรู้จักกับผู้ที่จะสร้างเนื้อหาเป็นประจำ

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

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

ทำการออกแบบด้วยเนื้อหาจริงหากทำได้

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

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

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

อย่าเจาะจงสไตล์มากเกินไป

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

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

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

ออกแบบแต่ละหน้าเป็นไฟล์ เทมเพลต สำหรับการเปลี่ยนแปลงเนื้อหา

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

สร้างกฎและความสอดคล้องที่ชัดเจน

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

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

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

อย่าให้การออกแบบเฉพาะสำหรับโพสต์

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

อย่าคิดว่าเนื้อหาจะพอดีกับพื้นที่ที่กำหนดเสมอไป

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

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

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

อนุญาตให้เนื้อหาโดดเด่น

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

ทำเนื้อหาไดนามิกรอบทิศทางด้วยสีพื้นหลังที่สว่างและเป็นกลาง

มักจะเป็นสีขาวหรือสีขาวนวล ซึ่งจะช่วยให้รูปภาพหลายประเภททั้งสว่างและมืดปรากฏขึ้นจากหน้าเว็บโดยไม่ถูกบดบัง

ทำให้ภาพมีขนาดใหญ่และมีอำนาจ

ภาพขนาดใหญ่โดยเฉพาะภาพถ่ายดึงดูดความสนใจของผู้เข้าชมได้อย่างมีประสิทธิภาพมากกว่าสิ่งอื่นใด

อย่าให้พาดหัวข่าวและข้อความเนื้อหามีขนาดใหญ่และอ่านง่าย

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

อย่าออกแบบมากเกินไป

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

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

อย่าใช้พื้นหลังสีใกล้กับภาพไดนามิก

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

อย่าใช้พื้นหลังสีเข้มเพื่อปกปิดข้อความทั้งหน้า

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

ทำความเข้าใจว่ารูปภาพและสื่ออื่น ๆ ทำงานอย่างไรที่ Back End

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

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

ค้นหารูปแบบสื่อที่รองรับ

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

ตัวอย่างเช่นช่วยให้ทราบว่าจะมีการสร้างโปรแกรมเล่นวิดีโอแบบกำหนดเองหรือการฝังวิดีโอ YouTube หรือ Vimeo บนหน้าเว็บเป็นทางเลือกเดียว ในกรณีของ YouTube มีมาตรฐานและข้อ จำกัด เฉพาะในวิธีการฝังปรับขนาดและการสกินวิดีโอ

อย่ากำหนดพืชและขนาดต่างๆสำหรับรูปภาพ

แม้ว่าในทางเทคนิคจะเป็นไปได้ที่จะสร้างภาพพืชแยกกันจำนวนมาก แต่ก็มักจะมีผลเสียในการทำเช่นนั้น ตัวอย่างเช่นโดยค่าเริ่มต้น WordPress CMS จะสร้างภาพที่อัปโหลดหลายขนาดโดยอัตโนมัติในอัตราส่วนเดียว แต่มีตัวเลือกสำหรับการสร้างภาพขนาดย่อที่ตัดแยกต่างหาก

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

ตรวจสอบว่าต้องรองรับเนื้อหาเดิมหรือไม่

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

จัดหาบรรณาธิการเนื้อหาด้วยวิธีการจัดรูปแบบข้อความที่หลากหลาย

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

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

ควรออกแบบสำหรับวิธีทั่วไปทั้งหมดที่สามารถจัดรูปแบบข้อความได้

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

อย่าให้ผู้สร้างเนื้อหาควบคุมโวหารมากเกินไป

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

รูปแบบในอนาคตของการออกแบบที่ขับเคลื่อนด้วยเนื้อหา

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

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

การออกแบบเว็บไซต์ CMS แตกต่างกันเล็กน้อย

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

ทำความเข้าใจพื้นฐาน

CMS ในการออกแบบเว็บคืออะไร?

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

แพลตฟอร์ม CMS คืออะไร?

แพลตฟอร์ม CMS คือที่ที่มีการจัดการและสร้างเนื้อหาสำหรับการแสดงผลแบบไดนามิกจากที่เก็บเนื้อหาเช่นรูปภาพวิดีโอข้อความเป็นต้นโดยทั่วไป CMS จะใช้สำหรับการจัดการเนื้อหาขององค์กร (ECM) และการจัดการเนื้อหาเว็บ (WCM)

WordPress เป็น CMS หรือไม่?

ใช่ WordPress เป็นเครื่องมือสร้างเว็บไซต์โอเพ่นซอร์สออนไลน์ อาจเป็นระบบการจัดการบล็อกและเนื้อหาเว็บไซต์ (หรือ CMS) ที่ง่ายและมีประสิทธิภาพที่สุดในปัจจุบัน

เว็บไซต์คงที่หรือไดนามิกคืออะไร?

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

เว็บไซต์แบบไดนามิกทำงานอย่างไร

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