20 แนวโน้มการออกแบบเว็บไซต์ที่น่าจับตามองในปี 2560

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

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

1. “แนะนำใน” ป้าย

Startups, บล็อก, โครงการ SaaS และแม้แต่ธุรกิจขนาดเล็กก็กำลังใช้ “ตามที่แนะนำใน” ป้าย บนเว็บไซต์ของพวกเขา ป้ายเหล่านี้มักจะ ลิงก์ไปยังบทความในบล็อกหลัก เช่น HuffPo, Forbes, CNN, Fox และช่องข่าวอื่น ๆ.

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

ในความเป็นจริงบล็อกยอดนิยมมากมาย ชื่นชมการสัมผัส, ดังนั้นมันจึงช่วยให้ทุกคนมีส่วนร่วม ไซต์ใหญ่เหล่านี้มักจะ ปล่อยโลโก้ออนไลน์ แต่คุณยังสามารถค้นหา PNG หรือ SVG แบบโปร่งใสได้โดยไปที่ Google.

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

2. ลิงก์ nav ตัวพิมพ์ใหญ่ทั้งหมด

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

• ตัวพิมพ์ใหญ่ทั้งหมด
• ตัวหนา
• เว้นระยะเท่ากัน
• จัดชิดกับมุมขวา

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

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

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

3. บล็อกสไตล์นิตยสาร

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

มองย้อนกลับไปที่การออกแบบดั้งเดิมของ TechCrunch เมื่อเปิดตัวครั้งแรกในปี 2549 ดูเหมือนบล็อก WordPress ทั่วไป?

ตอนนี้ดูที่โฮมเพจปัจจุบันของ Techcrunch ในปี 2560:

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

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

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

4. ภูมิหลังวิดีโอ

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

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

5. ปุ่มผี

เช่น เรียบง่ายฟีดเพิ่มเติม ในการออกแบบเว็บมีแนวโน้มใหม่ ๆ เกิดขึ้นมากมาย หนึ่งในแนวโน้มดังกล่าวคือ เพิ่มขึ้นของปุ่มผี ซึ่งไม่มีการเติมด้านใน แต่มีขอบด้านนอก.

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

เว็บไซต์อื่น ๆ ได้นำ สไตล์การออกแบบอย่างหมดจดผี เพื่อให้ปุ่มของพวกเขาทั่วทั้ง ตัวอย่างที่ดีที่นี่คือเค้าโครง Bootstrap ใหม่.

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

6. การเลือกหน้าต่างโมดอล

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

นี่คือเหตุผลที่ฉันคิดว่า windows จะเลือกใช้คำกริยา ยังคงปีนขึ้นไป ในปี 2560.

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

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

ไม่ว่าจะมีการใช้คำกริยาอย่างไรพวกเขาได้รับการออกแบบมาอย่างไรหรือคุณรู้สึกอย่างไรกับพวกเขาฉันคิดว่าพวกเขาจะอยู่ด้วยกันนาน.

7. ภาพประกอบและศิลปะเวกเตอร์

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

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

นักวาดภาพประกอบหลายคนเป็นศิลปินฝึกหัดดังนั้นฉันคิดว่าเราจะได้เห็น พื้นหลังหน้าเต็มเพิ่มเติม ทำด้วยซอฟแวร์การวาดภาพดิจิตอลในรายละเอียดเช่นแนวคิดศิลปะ.

8. แก้ไขแถบเลื่อนด้านข้าง

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

แต่ในปี 2560 ฉันคาดว่าจะเห็นองค์ประกอบเหนียวอีกหนึ่งอย่าง-แถบด้านข้างเหนียว.

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

พร้อมด้วยปลั๊กอิน jQuery ฟรีมากมายที่สามารถทำได้ ทำซ้ำเอฟเฟกต์แถบด้านข้างเหนียว. การตั้งค่านี้บนเว็บไซต์ใด ๆ ทำได้ง่ายกว่าที่เคย.

9. สารบัญในหน้า

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

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

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

มันอาจเป็นจริงที่ ToCs หายากในขณะนี้ แต่ฉันคาดว่าแนวโน้มนี้จะระเบิดขึ้นในปี 2560 และอีกหลายปีหลังจากนั้น.

10. การออกแบบที่มีสีสันสดใส

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

หน้าแรกของ Rentberry เป็นตัวอย่างที่ดีที่ใช้เช่นกัน ตันของการไล่ระดับสี และมันก็มีดังกล่าวข้างต้น “แนะนำใน” ป้ายอยู่ด้านล่าง! สองแนวโน้มในหนึ่งเว็บไซต์.

คุณจะสังเกตเห็นว่าสีต่างๆ ไม่แทรกซึมทั่วทั้งหน้า, และปิดเสียงด้วยเฉดสีขาวและเทาอื่น ๆ.

ฉันเห็นสิ่งเหล่านี้เพียงพอแล้ว โทนสีที่สดใส ที่จะเชื่อว่าพวกเขากำลังเพิ่มขึ้น.

11. เลื่อนภาพเคลื่อนไหว

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

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

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

12. แอปหน้าเดียว (SPA)

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

ตัวอย่างทั่วไปคือเว็บไซต์เช่น Gmail และ Facebook แต่ด้วย เทคโนโลยี JS เพิ่มเติม, ฉันสังเกตเห็นว่ามีการพัฒนาสปาเพิ่มขึ้นเรื่อย ๆ ตลอดเวลา เฮคแม้แต่ CodePen ก็ถือว่าเป็นสปา.

ด้วยห้องสมุดส่วนหน้าอันทรงพลังเช่น React & Aurelia มันจะง่ายยิ่งขึ้นในการสร้างสปาตั้งแต่เริ่มต้นในปี 2560.

13. แถบค้นหาแบบสลับได้

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

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

14. ข้อความ Adblock

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

หนึ่งแนวโน้มร้ายแรงที่ฉันเห็นเพิ่มขึ้นคือ บล็อกเนื้อหา adblock. นี่คือเทคนิคที่จะ “บล็อคตัวบล็อกโฆษณา”. คุณลักษณะนี้มีอยู่ในไซต์ขนาดใหญ่หลายแห่งเช่น Business Insider และ Forbes น่าเสียดายที่สิ่งนี้สร้างความเสียหายให้กับทั้งผู้ใช้และผู้จัดพิมพ์และทั้งหมดนั้นเกิดจากเทคนิคการโฆษณาที่มีคุณภาพต่ำ.

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

15. ไอคอน SVG บริสุทธิ์

กราฟิก SVG ได้ซึมเข้าไปในเว็บแล้ว แต่มันก็ใหญ่ขึ้นเรื่อย ๆ ในแต่ละวัน และฉันรู้สึกว่าปี 2017 จะเป็นเช่นนั้น เป็นปีที่ยิ่งใหญ่สำหรับ SVG บนเว็บ.

คุณสามารถค้นหาพัน ชุดไอคอน SVG ฟรี ในเว็บไซต์เช่น Flaticon หากคุณรู้วิธีค้นหา แต่คุณก็สามารถทำได้ รหัส SVGs เป็น HTML, ตัวอย่างเช่นโดยการใช้ตัวอย่างนี้ใน CodePen.

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

16. Adobe XD

Adobe นำออกมา Adobe XD รุ่นเบต้าเต็มรูปแบบ ในปี 2559 และมันเติบโตอย่างรวดเร็ว มันในปัจจุบัน รองรับทั้ง Mac และ Windows, และมัน ในขั้นตอนการทดสอบ ก่อนที่จะรีดออกจนหมด.

คุณอาจเย้ยหยันในความคิดของโปรแกรมใด ๆ ที่แซงหน้า Sketch แต่ Adobe เป็น บริษัท ซอฟต์แวร์หลักของงานสร้างสรรค์ด้วยเหตุผล Plus Sketch ยังคงเป็น Mac เท่านั้นในขณะที่ Adobe มองหาเพื่อสนับสนุนทุกคน.

ฉันเชื่อมั่นว่าเราจะอ่านมากขึ้นเกี่ยวกับ Adobe XD ในปีหน้า มันอาจกลายเป็นซอฟต์แวร์สำหรับการเดินทาง การออกแบบ mockups UI-ในที่สุดเราก็สามารถใช้ Photoshop เป็นเครื่องมือจัดการภาพถ่าย (ตามที่ตั้งใจ).

ด้วยการเพิ่มขึ้นของซอฟต์แวร์ใหม่มีมากมายหลายสิบ บทช่วยสอนและชุดเครื่องมือ GUI freebie เช่นกัน คุณสามารถพบ freebies Adobe XD ได้มากมายใน Dribbble พร้อมกับ สองไซต์ freebie ที่เน้น XD ใหม่ Designmine และ XD Guru.

17. เมนูแฮมเบอร์เกอร์อื่น ๆ

รักหรือเกลียดมัน แฮมเบอร์เกอร์อยู่ที่นี่อยู่. มีการศึกษาการใช้งานที่มากมาย โต้เถียงกับเมนูที่ซ่อนอยู่จากมุมมอง. แต่ด้วยหน้าจอขนาดเล็กและมีทางเลือกมากมายเท่านั้นจึงไม่มีทางเลือกที่ดีกว่าในตอนนี้.

ไอคอนแฮมเบอร์เกอร์ช้า กลายเป็นสัญลักษณ์ที่เป็นที่รู้จัก สำหรับเมนู nav เช่นเดียวกับไอคอนรูปแว่นขยาย “ค้นหา”, ไอคอนแฮมเบอร์เกอร์สามบาร์จะมีความหมายเหมือนกัน “เมนู”.

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

18. ไอคอนคุณสมบัติผลิตภัณฑ์

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

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

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

แทนรายการคุณสมบัติ นั่นสำคัญจริงๆ. หากเป็นธีม WP พรีเมียมอาจแสดงรายการว่าตอบสนองมีกี่วิดเจ็ตที่มาพร้อมหรือเมนูทำงานอย่างไร.

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

19. CTA ที่เหนือกว่า

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

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

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

20. พื้นที่เนื้อหาขนาดเล็ก

จอภาพเติบโตขึ้นอย่างมากจนเว็บไซต์ส่วนใหญ่ต้องทำ ตั้งค่าความกว้างสูงสุด. มันยากมากที่จะอ่านประโยคเมื่อกว้าง 2000px เทียบกับกว้างเพียง 700px.

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

ฉันคิดว่านักออกแบบมากขึ้นตระหนักถึงสิ่งนี้และจะช้าลง ลดขนาดของพื้นที่เนื้อหาของพวกเขา. ฉันชอบความกว้างสูงสุด 750px แต่คุณสามารถเล็กได้ 600px หรือน้อยกว่า.

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

ห่อ

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

และหากคุณมีแนวคิดหรือข้อเสนอแนะอื่น ๆ สำหรับเทรนด์การออกแบบที่กำลังจะมาถึงอย่าลังเลที่จะส่งความคิดเห็นด้านล่าง.