การออกแบบเว็บไซต์ทำได้ดี: ไร้จุดหมายอย่างสมบูรณ์แบบ

เผยแพร่แล้ว: 2022-03-10
สรุปอย่างรวดเร็ว ↬ Web Design Done Well งวดนี้ฉลองเว็บไซต์ที่แปลกประหลาดและแปลกประหลาด ไซต์ที่มีจุดประสงค์อันไพเราะ ไร้เดียงสา และบางครั้งก็ไร้จุดหมาย พวกเขาเป็นผู้ผลิตเงินหรือไม่? ตัวเปลี่ยนเกม? ไม่จำเป็น แต่แน่นอนว่าสนุก และมีเพียงเว็บเท่านั้นที่สามารถจัดการได้จริงๆ

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

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

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

ส่วนหนึ่งของ: การออกแบบเว็บไซต์ทำได้ดี

  • ตอนที่ 1 : เรื่องธรรมดาที่ทำให้ไม่ธรรมดา
  • ส่วนที่ 2: การใช้เสียง
  • ส่วนที่ 3: บทบรรณาธิการยอดเยี่ยม
  • ตอนที่ 4: ไร้จุดหมายอย่างสมบูรณ์
  • นอกจากนี้ สมัครรับจดหมายข่าวของเราเพื่อไม่ให้พลาดข่าวสารต่อไป

Hacker Typer

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

สกรีนช็อตของไซต์ Hacker Typer ที่มีการออกแบบสีเขียวบนพื้นดำ
(ตัวอย่างขนาดใหญ่)
เพิ่มเติมหลังกระโดด! อ่านต่อด้านล่าง↓

ทริปสั้น

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

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

ภาพหน้าจอของ Short Trip หน้าทดลองโดย Alexander Perrin พร้อมภาพประกอบกราไฟท์
(ตัวอย่างขนาดใหญ่)

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

drawing.garden

“การทำสวน แต่ด้วยอีโมจิและใช้เวลาน้อยลง” นั่นเป็นวิธีที่ Ben Moren ศิลปิน Minneapolis บรรยายถึง drawing.garden ที่น่ารักอย่างทั่วถึง ที่เกี่ยวกับครอบคลุมมัน ลากเคอร์เซอร์ของคุณผ่านหน้าจอและชมทุ่งที่ว่างเปล่าซึ่งเต็มไปด้วยสตรอว์เบอร์รี่ ดอกทานตะวัน และ (ในเชิงเปรียบเทียบ) เห็ดวิเศษ อย่าลืมเปิดเสียงด้วย

ภาพหน้าจอของเว็บไซต์ drawing.garden ที่มีตัวอักษร SM
(ตัวอย่างขนาดใหญ่)

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

Flopstarter

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

สกรีนช็อตของเว็บไซต์ Flopstarter พร้อมโปรเจ็กต์ AnkleHub
(ตัวอย่างขนาดใหญ่)

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

ปลดปล่อยพอลลอคในตัวคุณ

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

ภาพหน้าจอของไซต์ Jackson Pollock พร้อมงานศิลปะของผู้แต่ง
คอยติดตามสำหรับ NFT (ตัวอย่างขนาดใหญ่)

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

Arpeggios

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

ภาพหน้าจอของเว็บไซต์ Arpeggios
(ตัวอย่างขนาดใหญ่)

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

โซโคบัน

เกมแรกที่เขียนโดย Hiroyuki Imabayashi ในปี 1980 Sokoban เป็นเกมแนวพัซเซิลที่คุณซึ่งเป็นผู้เล่น ดันลังลังไปรอบๆ โกดังจนกว่าแต่ละอันจะอยู่ในที่จัดเก็บที่กำหนด คิดว่านั่นเป็นหลักฐานที่แห้งแล้ง? คิดใหม่อีกครั้ง. มันเป็นเกมคลาสสิกที่เยือกเย็น มากกว่าเกมเสพติดเล็กน้อย และเล่นฟรีได้ที่ sokoban.info

ภาพหน้าจอของเว็บไซต์ Sokoban
(ตัวอย่างขนาดใหญ่)

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

ทำให้ทุกอย่างโอเค

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

สกรีนช็อตของเว็บไซต์ Make Everything OK
นาทีนี้... (ตัวอย่างขนาดใหญ่)

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

ข้อจำกัดความรับผิดชอบ: นี่อาจไม่ทำให้ทุกอย่างโอเค

GeoCities

นี่คือไซต์ที่ไม่มีจุดหมายของ OG — หรือมากกว่านั้นคือ OG GeoCities ก่อตั้งขึ้นในปี 1994 เป็นบริการที่อนุญาตให้ผู้ใช้เขียนโค้ดเว็บไซต์ได้ฟรีและจัดกลุ่มใน 'เมือง' ด้วยเพจที่มีใจเดียวกัน เมื่อสิ้นสุดในปี 2552 มีการสร้างหน้าที่เขียนโดยผู้ใช้ประมาณ 38 ล้านหน้า โชคดีที่มีหลายหน้าอยู่ในโครงการเก็บถาวร Geocities Gallery โดย restorativland

สกรีนช็อตของ OG พร้อมรูปภาพจากสาธารณรัฐโดมินิกัน
ส่งสิ่งนี้ให้ฉันผ่านโปรไฟล์ Facebook ทุกวันในสัปดาห์ (ตัวอย่างขนาดใหญ่)

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

ไม่มีโครงการที่แปลกประหลาดเพียงพอ

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

หากคุณต้องการทราบที่มาของสิ่งเหล่านี้มากขึ้น Pointless Sites และ The Useless Web เป็นช่องทางที่ดีในการติดต่อสื่อสาร ไซต์อื่นเช่น CodePen เต็มไปด้วยคนจรจัดที่ยอดเยี่ยม สำหรับผู้ชื่นชอบประวัติศาสตร์ดิจิทัล ฉันค่อย ๆ สะกิดคุณไปยังคลังข้อมูลของ GeoCities และ Neocities ผู้สืบทอดทางจิตวิญญาณ โครงการความรักที่ไม่มีจุดหมายยังมีชีวิตอยู่และดีขอบคุณพระเจ้า

  • “ความขี้เล่นในโค้ด: เพิ่มพลังการเรียนรู้ของคุณด้วยความสนุกสนาน” โดย Jhey Tompkins
  • “การเรียนรู้ที่ไม่คาดคิดจากงานเขียนโค้ดทุกวันเป็นเวลาห้าปี” โดย Saskia Freeke

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

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