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

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

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

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

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

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

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

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

ที่ตั้ง

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

สำหรับนักออกแบบที่ออกแบบเว็บไซต์ สิ่งสำคัญที่ต้องจำไว้สองประเด็น:

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

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

แบบฟอร์มการติดต่อที่เรียบง่าย

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

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

ถ้อยคำที่แน่นอน

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

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

การตอบสนองของหน้าติดต่อ

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

ส่วนประกอบที่เป็นส่วนประกอบ

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

แบบฟอร์มการติดต่อ

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

อีเมล

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

แบบฟอร์มการตรวจสอบ

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

หมายเลขโทรศัพท์

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

โปรไฟล์โซเชียลมีเดีย

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

การออกแบบหน้าการติดต่อ

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

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

บทสรุป

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

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

ความสำคัญของหน้าติดต่อที่ดี

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

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

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

ที่ตั้ง

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

โดยทั่วไปข้อมูลการติดต่อสามารถพบได้สองแห่ง:

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

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

ส่วนท้ายยังเป็นสถานที่ยอดนิยมสำหรับการติดต่อข้อมูล อาจมีลิงก์ไปยังหน้าติดต่อ:

...หรือข้อมูลการติดต่อที่สำคัญที่สุด:

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

สิ่งที่สำคัญที่สุดในหน้าการติดต่อ

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

อีเมล/แบบฟอร์มติดต่อ

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

ที่อยู่

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

โทรศัพท์

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

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

นอกจากนี้

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

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

ข้อมูลที่สะดวก

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

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

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

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

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

คุณรู้ไหมว่าคุณสามารถปรับเปลี่ยนแผนที่ให้เหมาะกับคุณได้? คุณสามารถแก้ไขสีแผนที่ เพิ่มเครื่องหมายแผนที่แบบกำหนดเอง และสร้างคำอธิบายได้ คุณสามารถอ่านเพิ่มเติมเกี่ยวกับเรื่องนี้ได้ที่developers.google.com คุณยังสามารถพิจารณาใช้บริการทางเลือกได้ เช่น Mapbox ที่ค่อนข้างน่าสนใจ

อย่าลืมเกี่ยวกับการเพิ่มประสิทธิภาพกลไกค้นหา

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

แบบฟอร์มการติดต่อ

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

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

ช่องป้อนข้อมูล

ช่องป้อนข้อมูล เช่น ช่องข้อความ, ปุ่มเลือกตัวเลือก (ปุ่มตัวเลือก), ช่องทำเครื่องหมาย ฯลฯ ช่วยให้ผู้ใช้สามารถป้อนข้อมูลที่จำเป็นได้

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

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

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

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

การตรวจสอบแบบฟอร์ม

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

ปุ่ม

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

การตอบสนอง

ผู้เยี่ยมชมป้อนข้อมูลติดต่อ เขียนข้อความ และคลิกปุ่ม "ส่ง" ตอนนี้อะไร? ข้อความมาถึงหรือไม่?

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

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

ติดต่อออกแบบเพจ

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

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

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

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

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

ตัวอย่างแบบฟอร์มการติดต่อ

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

บทสรุป

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

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

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

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

เว็บไซต์ของคุณได้รับการปรับให้เหมาะกับอุปกรณ์มือถือแล้วหรือยัง? ถ้ายังไม่ใช่จุดสิ้นสุดของโลก เบราว์เซอร์สมัยใหม่ประกอบด้วยนวัตกรรมต่างๆ เช่น การซูมแบบหยิกและ การปรับอัตโนมัติขนาดตัวอักษร.

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

1. ตั้งค่าแอตทริบิวต์ฟิลด์แบบฟอร์มที่ถูกต้อง

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

ชื่อของคุณ:

หากคุณไม่ทำเช่นนี้ ระบบป้อนข้อมูลอัตโนมัติ T9 จะแทนที่ชื่อ เช่น "Erwan" ด้วยชื่อ "Erevan"

ตั้งค่าการใช้งานอัตโนมัติเป็นอันดับแรก ตัวพิมพ์ใหญ่ในประเภทคำจะทำให้ผู้ใช้ไม่ต้องใส่อักษรตัวพิมพ์ใหญ่ในแต่ละครั้ง - นั่นคือแต่ละคำจะขึ้นต้นด้วยตัวพิมพ์ใหญ่ (เช่น "Ken burns" จะกลายเป็น "Ken Burns"):

คิดถึงข้อผิดพลาดทั้งหมดที่ผู้ใช้อาจพบในไซต์ของคุณ

และไม่ต้องไปไกลจากหัวข้อ หากไซต์ของคุณร้องขออีเมลจากผู้ใช้ ให้ใช้ฟิลด์อีเมลเพื่อให้ผู้เยี่ยมชมไม่ต้องป้อนสัญลักษณ์ @ จากแป้นพิมพ์ของอุปกรณ์มือถือ:

อีเมลของคุณ:

2. กำหนดความกว้างให้เหมาะสมกับอุปกรณ์มือถือ

เปิดเว็บไซต์ของคุณในเบราว์เซอร์ของคอมพิวเตอร์และลดความกว้างของหน้าต่างโปรแกรมจนกว่าคุณจะอ่านอะไรไม่ได้เลย

นี่จะเป็นความกว้างขั้นต่ำที่อนุญาต ใช้ค่าความกว้างปัจจุบันและตั้งค่าเป็นคุณสมบัติ @viewport โดยการตั้งค่าเมตาแท็กในส่วนหัวของหน้า:

ครั้งถัดไปที่ไซต์ของคุณเปิดอยู่ อุปกรณ์โทรศัพท์ความกว้างที่คุณระบุจะถูกตั้งค่าโดยอัตโนมัติ ผู้เยี่ยมชมเว็บไซต์จะไม่จำเป็นต้องใช้ Zoom:

รูปภาพนี้แสดงพื้นที่เพิ่มเติมทางด้านขวา:

และภาพนี้แสดงค่าความกว้างที่ตั้งไว้อย่างถูกต้อง

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

3. ตั้งค่าความกว้างของภาพเป็น 100%

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

เพื่อหลีกเลี่ยงปัญหานี้ ให้ตั้งค่าความกว้างสูงสุดของรูปภาพเป็น 100% ด้วยวิธีนี้ รูปภาพจะปรับขนาดโดยอัตโนมัติในกรณีที่มีขนาดใหญ่เกินไปสำหรับหน้าจออุปกรณ์มือถือ เพิ่มโค้ดด้านล่างให้กับสไตล์ CSS ของเว็บไซต์ของคุณ:

img (ความกว้างสูงสุด: 100%)

หากคุณใช้รูปภาพเป็นพื้นหลังนอกเหนือจากการใช้แท็ก img เพียงตั้งค่าคุณสมบัติขนาดพื้นหลัง CSS ให้มี ซึ่งจะทำให้ภาพพื้นหลังปรับขนาดเมื่อความละเอียดหน้าจอไม่เพียงพอที่จะแสดงในระดับ 100%:

ส่วนหัว ( พื้นหลัง: url(header.png) 50% ไม่ทำซ้ำ ขนาดพื้นหลัง: มี )

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

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

4. ตั้งค่าความกว้างของช่องป้อนข้อมูลเป็น 100%

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

อินพุต พื้นที่ข้อความ ( ความกว้างสูงสุด:100% )

เมื่อดูไซต์บนอุปกรณ์เคลื่อนที่ ตัวเลือกนี้จะป้องกันไม่ให้ช่องป้อนข้อมูลขยายออกไปนอกหน้าจอ

5. ระมัดระวังเมื่อใช้ปุ่มปิดการใช้งานสำหรับปุ่มยืนยันการส่งแบบฟอร์ม

เพื่อหลีกเลี่ยงการคลิกหลายครั้งบนปุ่มยืนยันการส่งแบบฟอร์ม คุณควรทำให้การส่งไม่ทำงานหลังจากการคลิกครั้งแรก

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

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

และหากคุณยังตัดสินใจปิดใช้งานปุ่มส่ง ให้ดำเนินการสักครู่

6. ใช้การตัดคำในบรรทัดยาวๆ

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

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

รหัสผ่านของคุณ: 435143a1b5fc8bb70a3aa9b10f6673a8

7. ระมัดระวังการใช้ช่องว่าง

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

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

เพื่อหลีกเลี่ยงสถานการณ์ดังกล่าว ให้ใช้การเยื้องแทนการเว้นวรรคระหว่างกลุ่มอักขระ:

รหัสของคุณ: 435143a1b5fc8bb

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

8. ประโยชน์ของการสืบค้นสื่อ

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

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

9. หลีกเลี่ยงตำแหน่งคงที่

หากส่วนหัวหรือแถบด้านข้างของไซต์ของคุณอยู่ในตำแหน่งที่คงที่ คุณสมบัติตำแหน่ง CSS จะถูกตั้งค่าเป็นคงที่ ระวัง.

เมื่อคุณมาร์กอัปเช่นนี้ ชื่อของคุณจะขยายไปตามหน้าและอาจกินพื้นที่หน้าจอทั้งหมด:

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

ตัวอย่างด้านล่างโดยใช้วิธีการสืบค้นสื่อจะแสดงวิธีการใช้งานนี้:

10. ใช้แบบอักษรมาตรฐาน

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

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