ข้ามไปเนื้อหาหลัก

Web Brutalism คือ​อะไร ถาม​คน​ทำ​เว็บ​เอง​ว่า​ทำไม​ไม่​แต่ง​ให้​สวย

อัปเดตล่าสุด 28 กันยายน 2569
เวลาอ่านประมาณ 11 นาที
Web Brutalism คือ​อะไร ถาม​คน​ทำ​เว็บ​เอง​ว่า​ทำไม​ไม่​แต่ง​ให้​สวย

KEY TAKEAWAYS

3 ประเด็น

เว็บ brutalistwebsites.com รวบรวม​เว็บไซต์​แนว brutalist ไว้ 1,600 รายการ และ 920 รายการ​มี​บท​สัมภาษณ์​คำถาม​ชุด​เดียวกัน

คือ​ทำไม​เว็บ​นี้​เป็น​แนว brutalist ใคร​ออกแบบ ใคร​เขียน​โค้ด และ​ใช้​โปรแกรม​อะไร ฟิจิ⁠ทัล​สุ่ม​อ่าน 52 ชิ้น​ด้วย​การ​เลือก​ทุก​ชิ้น​ที่ 18 ตาม​ลำดับ​บน​หน้า​แรก

35 จาก 52 เว็บ คน​ที่​ออกแบบ​กับ​คน​ที่​เขียน​โค้ด​เป็น​คน​เดียวกัน​หรือ​ทีม​เดียวกัน

และ​มี 22 คำ​ตอบ​ที่​ระบุ​ว่า​เขียน​ด้วย​โปรแกรม​แก้ไข​ข้อความ Sublime Text เว็บ​แนว​นี้​ส่วน​ใหญ่​ใน​กลุ่ม​ตัวอย่าง​จึง​เป็น​งาน​ที่​เจ้าของ​ทำ​เอง​ได้​โดย​ไม่​ต้อง​จ้าง​หลาย​ฝ่าย

คำ​ตอบ​ที่​พบ​มาก​ที่สุด​เมื่อ​ถาม​ว่า​ทำไม คือ​ให้​เนื้อหา​หรือ​การ​อ่าน​มา​ก่อน (12 จาก 52)

รอง​ลง​มา​คือ​อยาก​ต่าง​จาก​เว็บ​หน้าตา​เหมือน​กัน (9) และ​ทำ​ง่าย ดูแล​ง่าย หรือ​โหลด​เร็ว (7) ฟิจิ⁠ทัล​จัด​กลุ่ม​คำ​ตอบ​เอง และ​หนึ่ง​คำ​ตอบ​อยู่​ได้​มากกว่า​หนึ่ง​กลุ่ม

เว็บ brutalistwebsites.com มี​บท​สัมภาษณ์​คน​ทำ​เว็บ 920 ชิ้น ฟิจิ⁠ทัล​สุ่ม​อ่าน 52 ชิ้น พบ 35 เว็บ​ออกแบบ​และ​เขียน​โค้ด​โดย​คน​หรือ​ทีม​เดียวกัน และ 12 คำ​ตอบ​ให้​เนื้อหา​มา​ก่อน

เจ้าของ​ธุรกิจ​ที่​เห็น​เว็บ​หน้าตา​ดิบ ตัว​อักษร​ล้วน แทบ​ไม่มี​การ​ตกแต่ง มัก​สงสัย​ว่า​เป็น​ความ​ตั้งใจ​หรือ​เป็น​งาน​ที่​ทำ​ไม่​เสร็จ บท​นี้​ไม่​ได้​นิยาม Web Brutalism จาก​ความ​เห็น​ของ​นัก​วิจารณ์ แต่​อ่าน​จาก​คำ​ตอบ​ของ​คน​ทำ​เว็บ​เอง ฟิจิ⁠ทัล​ดึง​บท​สัมภาษณ์​จาก​เว็บ​รวม​ผล​งาน​แนว​นี้ 52 ชิ้น​เมื่อ​วัน​ที่ 27 กันยายน 2569 โดย​เลือก​ทุก​ชิ้น​ที่ 18 ตาม​ลำดับ​บน​หน้า​แรก แล้ว​นับ​ว่า​ใคร​ทำ ใช้​อะไร​ทำ และ​ทำ​เพราะ​อะไร ตัวเลข​ทั้งหมด​ใน​บท​นี้​มา​จาก​กลุ่ม​ตัวอย่าง​นี้

"Why do you have a Brutalist Website?" เป็น​คำถาม​ข้อ​แรก​ที่​เจ้าของ​เว็บ​ทุก​ราย​ใน​หน้า​สัมภาษณ์​ของ brutalistwebsites.com ต้อง​ตอบ ตาม​ด้วย​ใคร​ออกแบบ ใคร​เขียน​โค้ด และ​ใช้​โปรแกรม​อะไร หน้า​แรก​ของ​เว็บ​มี​ราย​ชื่อ 1,600 รายการ และ 920 รายการ​มี​ลิงก์​ไป​บท​สัมภาษณ์​ชุด​นี้

คำถาม​สี่​ข้อ​ที่​ทุก​เว็บ​ใน​ราย​ชื่อ​ต้อง​ตอบ

หน้า​แรก​ของ brutalistwebsites.com มี​ข้อความ​อธิบาย​เพียง​ประโยค​เดียว "In its ruggedness and lack of concern to look comfortable or easy, Brutalism can be seen as a reaction by a younger generation to the lightness, optimism, and frivolity of today's web design." แปล​ได้​ว่า ด้วย​ความ​หยาบ​และ​การ​ไม่​สนใจ​ว่า​จะ​ดู​สบาย​ตา​หรือ​ใช้​ง่าย Brutalism อาจม​อง​ได้​ว่า​เป็น​ปฏิกิริยา​ของ​คน​รุ่น​ใหม่​ต่อ​ความ​เบา การ​มอง​โลก​แง่​ดี และ​ความ​ไม่​จริงจัง​ของ​งาน​ออกแบบ​เว็บ​ยุค​นี้

บท​สัมภาษณ์​หนึ่ง​ชิ้น​มี​อะไร​บ้าง

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

ราย​ชื่อ​นี้​ครอบคลุม​ช่วง​ไหน

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

ใคร​ออกแบบ ใคร​เขียน​โค้ด

ฟิจิ⁠ทัล​แยก​คำ​ตอบ​ข้อ​สอง​และ​ข้อ​สาม​ของ​กลุ่ม​ตัวอย่าง​ออก​เป็น​สี่​แบบ

ผู้​ออกแบบ​กับ​ผู้​เขียน​โค้ด จำนวน (จาก 52)
คน​เดียวกัน​หรือ​ทีม​เดียวกัน 35
บาง​ส่วน​ซ้อน​กัน เช่น ออกแบบ​เอง​แล้ว​เพื่อน​ช่วย​เขียน​โค้ด 6
คนละ​คน​หรือ​คนละ​บริษัท 10
ตอบ​เล่น ไม่​ระบุ​ชัด 1

เว็บ​ที่​ใช้​คน​ออกแบบ​กับ​คน​เขียน​โค้ด​แยก​กัน​เป็น​แบบ​ไหน

ใน 10 เว็บ​ที่​ใช้​คนละ​คน มี​ทั้ง​เว็บ​ส่วน​ตัว​และ​เว็บ​ของ​องค์กร ตัวอย่าง​เช่น นิตยสาร PIN-UP ให้ Jon Lucas ออกแบบ​และ Flashing & Drooping เขียน​โค้ด สตู​ดิ​โอ​สถาปัตยกรรม Counterspace ให้ Henn+Honeyball ออกแบบ​และ Pete Reynolds เขียน​โค้ด ส่วน​ห้อง​อ่าน​หนังสือ​ออนไลน์​ของ Unthinkable สร้าง​บน WordPress โดย​นัก​ออกแบบ​กับ​นัก​พัฒนา​คนละ​คน การ​แยก​งาน​จึง​เกิด​ได้​ทั้ง​กับ​เว็บ​เล็ก​และ​เว็บ​ของ​องค์กร ไม่​ได้​ขึ้น​กับ​ขนาด​อย่าง​เดียว

เขียน​เว็บ​ด้วย​โปรแกรม​อะไร

คำ​ตอบ​ข้อ​ที่​สี่​ระบุ Sublime Text 22 ครั้ง Atom 7 ครั้ง และ Brackets 4 ครั้ง ซึ่ง​เป็น​โปรแกรม​แก้ไข​โค้ด​ทั้งหมด อีก 7 คำ​ตอบ​ระบุ​ระบบ​สร้าง​เว็บ​หรือ​ระบบ​จัดการ​เนื้อหา ได้แก่ WordPress, Cargo, Webflow และ Craft CMS และ 3 ราย​ไม่​ได้​ตอบ​ข้อ​นี้ หนึ่ง​คำ​ตอบ​อาจ​เอ่ย​หลาย​โปรแกรม ตัวเลข​จึง​รวม​กัน​ไม่​เท่ากับ 52

คน​ทำ​เว็บ​เล่า​เรื่อง​การ​ทำ​เอง​ว่า​อย่างไร

เจ้าของ​เว็บ archive.pe เล่า​ว่า​เพื่อน​ขอ​ให้​ทำ​คลัง​เพลง​ออนไลน์ และ​ทำ​เว็บ​เอง​เพราะ​ไม่​อยาก​ให้​มี​สิ่ง​รบกวน​การ​ฟัง​เพลง ส่วน​เจ้าของ craigjackson.io บอก​ตรง ๆ ว่า​เบื่อ​การ​อัปเดต​ผล​งาน​บน​เว็บ​เดิม จึง​เปลี่ยน​เป็น​แบบ brutalist และ​เจ้าของ caiovita.com ต้อง​ทำ​พอร์ต​โฟ​ลิ​โอ​ส่ง​สมัคร​ฝึกงาน และ​ไม่​อยาก​ให้​ดู​เหมือน​เทมเพลต​ของ WordPress

เหตุผล​ที่​คน​ทำ​เว็บ​ให้​ไว้

ฟิจิ⁠ทัล​อ่าน​คำ​ตอบ​ข้อ​แรก​ทั้ง 52 ชิ้น​แล้ว​จัด​เป็นก​ลุ่ม หนึ่ง​คำ​ตอบ​อยู่​ได้​หลาย​กลุ่ม

กลุ่ม​เหตุผล จำนวน​คำ​ตอบ ตัวอย่าง​เว็บ
ให้​เนื้อหา​หรือ​การ​อ่าน​มา​ก่อน 12 pinupmagazine.org · badnudes.com · trendlist.org
อยาก​ต่าง​จาก​เว็บ​ที่​หน้าตา​เหมือน​กัน 9 chkchkchk.net · webtlak.sk · caiovita.com
ทำ​ง่าย ดูแล​ง่าย หรือ​โหลด​เร็ว 7 craigjackson.io · amdouglas.uk · bhobrainey.com
ให้​เข้า​กับ​เนื้อหา​เฉพาะ​ของ​เว็บ 5 jacobsslum.dk · heimermusic.com
คิดถึง​เว็บ​ยุค​แรก​หรือ​เกม​ยุค​เก่า 4 javiloureiro.com · supertokonoma.de
ไม่​ได้​ให้​เหตุผล​ชัด 5 reimertz.co · stevesmith.co

คำ​ตอบ​ที่​ให้​เนื้อหา​มา​ก่อน​พูด​ว่า​อะไร

นิตยสาร PIN-UP ตอบ​ว่า​สำหรับ​แพลตฟอร์ม​ข่าว เนื้อหา​ต้อง​อยู่​ด้าน​หน้า และ​ทุก​การ​ตัดสิน​ใจ​เรื่อง​หน้าตา​มี​ไว้​ให้การ​อัป​โหลด การ​อ่าน และ​การ​ค้นหา​สะดวก ทีม​ของ badnudes.com เล่า​ว่า​บรรณาธิการ​อยาก​ได้​พื้นที่​ที่​คน "read and have a good time" จึง​รวม​เนื้อหา​ทั้งหมด​ไว้​หน้า​เดียว​ให้​โหลด​ครั้ง​เดียว และ​บอก​ว่า​ความ​เบา​ของ​เว็บ​ทำให้​โหลด​เนื้อหา​ทั้งหมด​ได้​ใน​เวลา​ที่​ยอมรับ​ได้

คำ​ตอบ​ที่​ให้​หน้าตา​เข้า​กับ​เนื้อหา​ของ​เว็บ

เจ้าของ jacobsslum.dk ทำ​เว็บ​ให้​พอด​แค​สต์​เรื่อง​ชุมชน​แออัด​ใน​นิวยอร์ก​ช่วง​ศตวรรษ​ที่ 19 ซึ่ง​ใช้​ภาพถ่าย​หยาบ​ของ Jacob A. Riis และ​อยาก​ให้​หน้า​เว็บ​หยาบ​แบบ​เดียว​กับ​ภาพ ศิลปิน Heimer ใช้​เว็บ​เล่า​เรื่อง​หลัง​โลก​ล่ม​สลาย​ของ​อัลบั้ม ส่วน​ทีม​ของ clickheretosavetheworld.com ทำ​เว็บ​เรื่อง​วิกฤต​ผู้​ลี้​ภัย​ใน​ยุโรป​ที่​ตั้งใจ​ไม่​เอาใจ​ผู้​ใช้ เพื่อ​กระตุ้น​ความ​เฉยชา​ของ​คน​ดู หน้าตา​ใน​กลุ่ม​นี้​จึง​เป็น​เครื่อง​มือ​เล่า​เรื่อง​ของ​เนื้อหา​ชิ้น​นั้น

ใคร​ไม่​เห็น​ด้วย​กับ​คำ​ว่า​หยาบ

Jason Fried ของ 37signals ตอบ​ว่า​มอง​เว็บ​ของ​บริษัท​เป็น​จดหมาย​มากกว่า​เว็บไซต์ และ​แย้ง​นิยาม​บน​หน้า​แรก​ว่า​สำหรับ​เขา เรื่อง​นี้​คือ​ความ​สบาย​และ​ความ​ง่าย โดย​เฉพาะ​ตอน​อ่าน ส่วน​เจ้าของ supertokonoma.de บอก​ว่า brutalist design คือ​การ​ถาม​ว่า​ข้อมูล​ไหน​สำคัญ​ที่สุด และ​ทำให้​คน​เข้า​ถึง​ได้​ทันที​โดย​ไม่​ต้อง​มี​ลูก​เล่น รวม​ถึง​คน​ที่​ใช้​โปรแกรม​อ่าน​หน้า​จอ

คำ​ตอบ​เรื่อง​ความเร็ว​ของ​เว็บ

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

Web Brutalism คือ​อะไร เมื่อ​อ่าน​จาก​คำ​ตอบ

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

ชื่อ brutalism มา​จาก​สถาปัตยกรรม

ทีม nile.studio ตอบ​ด้วย​การ​ยก​สรุป​ของ Reyner Banham ปี 1955 ว่า brutalism ใน​สถาปัตยกรรม​มี​สาม​ข้อ คือ​แผนผัง​อ่าน​ได้​ชัด แสดง​โครงสร้าง​อย่าง​เปิด​เผย และ​ให้​คุณค่า​กับ​วัสดุ​ตาม​สภาพ​ที่​พบ อีก​ทีม​หนึ่ง​คือ Twistudio ยก​นิยาม​ของ Le Corbusier ว่า​ดิบ เป็น​ธรรมชาติ และ​ดั้งเดิม คำ​ตอบ​สอง​แบบ​นี้​ชี้​ว่า​คน​ทำ​เว็บ​บาง​ส่วน​ยืม​หลัก​การ​จาก​สถาปัตยกรรม ส่วน​บาง​ส่วน​ใช้​คำ​นี้​เพื่อ​บอก​อารมณ์​ของ​เว็บ

ต่าง​จาก Neobrutalism อย่างไร

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

SME ทำ​เว็บ​แนว​นี้​เอง​ได้​แค่​ไหน

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

  1. เขียน​เนื้อหา​ทั้งหมด​ก่อน ชื่อ​สินค้า ราคา เวลา​เปิด วิธี​สั่ง และ​คำถาม​ที่​ลูกค้า​ถาม​บ่อย
  2. จัด​ลำดับ​ตาม​สิ่ง​ที่​ลูกค้า​ต้อง​รู้​ก่อน แบบ​ที่ supertokonoma.de ถาม​ว่า​ข้อมูล​ไหน​สำคัญ​ที่สุด
  3. เลือก​เครื่อง​มือ​ที่​ตัว​เอง​แก้​ได้ จะ​เป็น​โปรแกรม​แก้ไข​โค้ด​หรือ​ระบบ​สร้าง​เว็บ​ก็ได้ ขอ​ให้​คนใน​ร้าน​แก้​เอง​ได้
  4. ตัด​สิ่ง​ที่​ไม่​ช่วย​ให้​ลูกค้า​ตัดสิน​ใจ เช่น หน้าต่าง​เด้ง​หรือ​วิดีโอ​เล่น​เอง ซึ่ง amdouglas.uk ยก​เป็น​เหตุผล​ที่​เขา​เลิก​ใช้
  5. เปิด​ดู​บน​มือ​ถือ​ทุก​ครั้ง​ที่​แก้ supertokonoma.de บอก​ว่า​หน้าตา​เรียบ​ง่าย​ปรับ​ให้​เข้า​กับ​เบราว์เซอร์​มือ​ถือ​ได้​ง่าย

เว็บ​เรียบ​เกิน​ไป​จะ​ดู​ไม่​น่า​เชื่อ​ถือ​ไหม

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

เรื่อง​อะไร​ที่​ยัง​ควร​จ้าง​ผู้​เชี่ยวชาญ

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

ข้อ​จำกัด​ของ​การ​นับ​ครั้ง​นี้

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

ทำไม​ไม่มี​ชื่อ​ผู้​ก่อ​ตั้ง​เว็บ​รวบรวม

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

ร่าง​เว็บ​จาก​เนื้อหา​ก่อน​เลือก​หน้าตา

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

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

สรุป

Web Brutalism เมื่อ​อ่าน​จาก​บท​สัมภาษณ์​ใน brutalistwebsites.com คือ​เว็บ​ที่​แสดง​โครงสร้าง​พื้น​ฐาน​อย่าง​เปิด​เผย​และ​ให้​เนื้อหา​เป็น​หลัก ใน​กลุ่ม​ตัวอย่าง 52 ชิ้น 35 เว็บ​ออกแบบ​และ​เขียน​โค้ด​โดย​คน​หรือ​ทีม​เดียวกัน Sublime Text ถูก​ระบุ 22 ครั้ง และ​เหตุผล​ที่​พบ​มาก​ที่สุด​คือ​ให้​เนื้อหา​มา​ก่อน SME ที่​มี​งบ​จำกัด​ใช้​แนวคิด​นี้​ได้​โดย​เริ่ม​จาก​เขียน​และ​จัด​ลำดับ​เนื้อหา แล้ว​เลือก​เครื่อง​มือ​ที่​ตัว​เอง​แก้​ได้

คำถามที่พบบ่อย (FAQ)

คือ​เว็บไซต์​ที่​เลือก​แสดง​โครงสร้าง​พื้น​ฐาน​ของ​หน้า​เว็บ​อย่าง​เปิด​เผย ใช้​ตัว​อักษร​และ​เนื้อหา​เป็น​หลัก และ​ตกแต่ง​น้อย หน้า​แรก​ของ brutalistwebsites.com อธิบาย​ว่า​เป็น​ปฏิกิริยา​ของ​คน​รุ่น​ใหม่​ต่อ​งาน​ออกแบบ​เว็บ​ที่​เบา​และ​มอง​โลก​แง่​ดี​เกิน​ไป

Jason Fried ตอบ​ใน​บท​สัมภาษณ์​ว่า​มอง​เว็บ​เป็น​จดหมาย​มากกว่า​เว็บไซต์ และ​ไม่​เห็น​ว่า​เว็บ​ของ​บริษัท​หยาบ เพราะ​สำหรับ​เขา​เป้า​หมาย​คือ​ความ​สบาย​และ​ความ​ง่าย​ใน​การ​อ่าน

ไม่​จำเป็น​เสมอ​ไป ใน​กลุ่ม​ตัวอย่าง 52 เว็บ มี 7 คำ​ตอบ​ที่​ระบุ​ระบบ​สร้าง​เว็บ​หรือ​ระบบ​จัดการ​เนื้อหา เช่น WordPress, Cargo และ Webflow และ​บาง​ราย​ระบุ​ว่า​เขียน CSS เพิ่ม​เอง​บน​ระบบ​นั้น

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

หน้า​แรก​ของ brutalistwebsites.com มี​ลิงก์​คำ​ว่า Interview อยู่​ท้าย​ชื่อ​เว็บ​ที่​มี​บท​สัมภาษณ์ กด​เข้าไป​อ่าน​ได้ที​ละ​เว็บ บาง​ลิงก์​ของ​เว็บ​ต้นทาง​อาจ​เปลี่ยน​หน้าตา​หรือ​ปิด​ไป​แล้ว

PHYGITAL INSIGHT

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

ให้ PHYGITAL AGENCY ช่วยต่อยอดเรื่องนี้สู่ผลลัพธ์จริง

เว็บ​ที่​ร้าน​ดูแล​เอง​ได้ เริ่ม​จาก​เนื้อหา​ที่​เรียง​ถูก​ลำดับ ไม่​ได้​เริ่ม​จาก​ธีม​ราคา​แพง

PHYGITAL AGENCY จัด​ลำดับ​เนื้อหา​และ​เขียน​ข้อความ​ให้​ครบ เพื่อ​ให้​เจ้าของ​ร้าน​วาง​ลง​บน​เว็บ​ที่​ตัว​เอง​แก้ไข​ได้

PARANATH PANARATANA

WRITTEN BY

PARANATH PANARATANA

CHAIRMAN OF PHYGITAL AGENCY

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