18 การออกแบบแนวความคิดที่ยอดเยี่ยม (facelift) ของเว็บไซต์ที่มีชื่อเสียง
ถ้าเนื้อหาเป็นราชาการออกแบบควรเป็นราชินี มันเป็นองค์ประกอบที่สำคัญอย่างยิ่งยวดต่อความสำเร็จของเว็บไซต์เนื่องจากเป็นตัวตัดสินว่าเนื้อหาจะถูกจัดโครงสร้างและแสดงอย่างไรและการออกแบบที่ไม่ดีเพียงแค่ทำลายประสบการณ์การใช้งานของผู้ใช้.
บ่อยครั้งที่นักออกแบบเว็บไซต์ต้องเล่นเกมซื้อขายในขณะที่เราออกแบบเว็บไซต์ เราอาจแลกเปลี่ยนความงามสำหรับฟังก์ชั่นการใช้งานหรือฟังก์ชั่นเพื่อให้อ่านได้เพราะมันเป็นไปไม่ได้ที่จะผลิตการออกแบบที่ทำให้ทุกคนพอใจในทุกด้าน.
ดังนั้นการออกแบบไหนดีกว่ากัน? นักออกแบบเว็บไซต์ชอบที่จะถามคำถามนี้และบางคนถึงกับท้าทายตัวเองในการเล่นเกมการซื้อขายที่ดีขึ้นโดยการออกแบบเว็บไซต์ที่มีชื่อเสียงเช่น Facebook และ YouTube ดังนั้นจึงสร้างการออกแบบที่มีศักยภาพในโพสต์แสดงนี้ ดีกว่าหรือแย่กว่านั้นคุณเป็นผู้ใช้ตัดสินใจได้!
ตามสถิติอย่างเป็นทางการ Facebook ได้ให้บริการผู้ใช้งานมากกว่า 500 ล้านคนโดยใช้เวลาไปกับ 700 พันล้านนาที สำหรับสถิติประเภทนี้มันจะเครียดจริง ๆ ในการออกแบบเว็บเพจสำหรับมัน อาจเป็นเหตุผลเดียวกันว่าทำไมนักออกแบบจำนวนมากจึงท้าทายตัวเองในการออกแบบ Facebook ใหม่ ให้เราดูความพยายามที่ยอดเยี่ยมจากนักออกแบบด้านล่าง:
แนวคิดการออกแบบโดย: Barton Smith
“Facebook Facelift เป็นโครงการที่ริเริ่มขึ้นเองเพื่อท้าทายรูปแบบและการทำงานของ Facebook มันเป็นอินเตอร์เฟซเชิงเส้นที่มีโครงสร้างและเชิงเส้นที่เข้าใจได้ง่ายขึ้นเพิ่มประสบการณ์ผู้ใช้และดูดซับความสามารถของเนื้อหา.”
หน้าหลัก. (ที่มาของภาพ: Barton Smith)
หน้ารูปถ่าย. (ที่มาของภาพ: Barton Smith)
หน้ากิจกรรม. (ที่มาของภาพ: Barton Smith)
หน้าติดต่อ. (ที่มาของภาพ: Barton Smith)
หน้าการแจ้งเตือน. (ที่มาของภาพ: Barton Smith)
แนวคิดการออกแบบโดย: สถาปนิกด้านสารสนเทศ
การออกแบบที่สร้างสรรค์นี้เกิดขึ้นตั้งแต่เดือนธันวาคม 2549 และต่อมาได้ปรับให้เข้ากับมาตรฐานการออกแบบร่วมสมัยเพื่อเปรียบเทียบกับการออกแบบในปัจจุบันของ Facebook แนวคิดนี้คือการสร้างแอปพลิเคชันที่คล้ายกับอีเมลโดยมีส่วนต่อประสานที่ประกอบด้วยเค้าโครงยืดหยุ่น 3 คอลัมน์ที่แยกตัวกรองกระแสข้อมูลและปฏิกิริยาออกจากกันอย่างชัดเจนซึ่งอธิบายไว้อย่างชัดเจนในโพสต์.
หน้าหลัก. (แหล่งรูปภาพ: สถาปนิกข้อมูล)
แนวคิดการออกแบบโดย: Justin Dauer
“หนึ่งในเป้าหมายหลักของฉันคือการย้ายอินเทอร์เฟซไปสู่การนำเสนอประเภทแอปบนเว็บมากขึ้น Facebook มีผู้ใช้งานเข้าสู่ระบบประมาณ 175 ล้านคนต่อวัน งานซ้ำ ๆ ทั้งหมดที่มีอยู่ในการใช้งานนั้นเอื้อต่อวิธีการนี้ เมื่อฉันออกแบบใหม่นี้ UI ที่เหมือนแอพใหม่ของ Twitter ได้เปิดตัวและให้เวลาฉันในการตรวจสอบความเหมือนกับสจวร์ต Smalley.”
หน้าหลัก. (แหล่งรูปภาพ: การออกแบบ pseudoroom)
แนวคิดการออกแบบโดย: Peter Knoll
การออกแบบที่เพรียวบางมากโดย Peter Knoll กราฟิกได้รับการปรับปรุงอย่างมากเพื่อให้เว็บไซต์ทั้งหมดดูน่าสนใจและมีแนวโน้ม อินเทอร์เฟซยังสะอาดกว่าด้วยการใช้ตัวอักษรที่ดีเพื่อให้อ่านง่าย.
หน้าหลัก. (ที่มาของภาพ: Peter Knoll)
แนวคิดการออกแบบโดย: AndasoloARTS
รูปแบบ Facebook ทำโดย AndasoloARTS มันยังขายได้! โทนสีค่อนข้างคล้ายกับการออกแบบของ Peter Knoll แต่โดยรวมแล้วมันเป็นดีไซน์ที่แตกต่าง อีกครั้งการออกแบบที่เพรียวบางพร้อมความเรียบง่ายในใจ.
หน้าหลัก. (ที่มาของภาพ: AndasoloARTS)
แนวคิดการออกแบบโดย: Jonaska
การออกแบบที่ได้แรงบันดาลใจมาจากการออกแบบ Facebook ของ AndasoloARTS ซึ่งมีความแปลกใหม่ไม่เหมือนใคร! ฉันชอบการใช้งานการแบ่งปันสถานะและช่องค้นหาการเปลี่ยนแปลงที่ออกแบบมาอย่างดีแน่นอน.
หน้าหลัก. (ที่มาของภาพ: Jonaska)
แนวคิดการออกแบบโดย: Czarny-Design
วิธีการเกี่ยวกับการออกแบบที่เซ็กซี่กับองค์ประกอบมุมโค้งมน? วิธีการออกแบบที่เป็นเอกลักษณ์อย่างสมบูรณ์สำหรับ Facebook ด้วยโทนสีที่เปลี่ยนแปลงเล็กน้อยคุณสามารถยอมรับมันได้หรือไม่?
หน้าหลัก. (แหล่งรูปภาพ: Czarny-Design)
พื้นที่ของฉัน
เมื่อพฤติกรรมของโซเชียลเน็ตเวิร์คในที่สุด Myspace ก็ถูกครอบงำโดย Facebook คู่แข่งรายใหญ่ในที่สุด เปลี่ยนโฉมใหม่เป็น My_____ ตอนนี้มันมีจุดมุ่งหมายเพื่อเป็นปลายทางความบันเทิงทางสังคมชั้นนำซึ่งรวมถึงเพลงภาพยนตร์เซเลบทีวีและเกมที่ขับเคลื่อนโดยความรักของแฟน ๆ การออกแบบด้านล่างนั้นพยายามใช้กับ Myspace รุ่นเก่า แต่ก็ยังดีที่ได้ดูว่าผู้ออกแบบคิดว่า Myspace ควรเป็นอย่างไร.
แนวคิดการออกแบบโดย: Rafael Oliveira
“จะเกิดอะไรขึ้นถ้า MySpace มีอินเทอร์เฟซที่ชัดเจนชัดเจนและสวยงามมากขึ้นตามค่าเริ่มต้น แต่ยังคงมีตัวเลือกในการปรับแต่งส่วนบุคคล แต่ในทางที่เข้าใจได้มากกว่า นั่นเป็นคำถามที่ฉันทำเองเมื่อเริ่มต้นและมันก็เป็นโครงการที่ยอดเยี่ยม นอกเหนือจากการออกแบบด้วยภาพฉันขอเสนอการปรับปรุงการใช้งานบางอย่างขึ้นอยู่กับเนื้อหาที่มีอยู่แล้วในไซต์และดูแผนผังไซต์ของพวกเขา.”
หน้าหลัก. (ที่มาของภาพ: Rafael Oliveira)
เมนูช่อง. (ที่มาของภาพ: Rafael Oliveira)
หน้ารูปถ่าย. (ที่มาของภาพ: Rafael Oliveira)
หน้าโปรไฟล์ที่กำหนดเอง. (ที่มาของภาพ: Rafael Oliveira)
หน้าศิลปิน. (ที่มาของภาพ: Rafael Oliveira)
หน้าศิลปิน - กำหนดเอง. (ที่มาของภาพ: Rafael Oliveira)
หน้าช่องวิดีโอ. (ที่มาของภาพ: Rafael Oliveira)
Google มีเว็บไซต์ที่มีชื่อเสียงมากที่สุดในโลกซึ่งมีคำขอการค้นหามากกว่า 1 พันล้านคำขอทั่วโลก เป็นที่รู้จักกันในนามอาณาจักรที่พยายามครองอินเทอร์เน็ตด้วยการสร้างผลิตภัณฑ์ที่เป็นมิตรกับผู้ใช้เช่น Android, Gmail และ Analytics เนื่องจาก Google มีนักออกแบบระดับแนวหน้าจำนวนมากที่ทำงานด้านการออกแบบเว็บไซต์ความพยายามในการออกแบบใหม่จึงเป็นความท้าทายโดยตรงสำหรับนักออกแบบของพวกเขา น่าสนใจ.
แนวคิดการออกแบบโดย: Craig Reville
“เนื่องจาก Google ได้ตัดสินใจที่จะออกแบบสิ่งเล็ก ๆ น้อย ๆ อีกครั้งฉันคิดว่าฉันจะไปในแบบที่ฉันต้องการดูและใช้ Google ฉันไม่ได้ไปที่ไอคอนหรือโลโก้เป็นหลักเพราะนักออกแบบไอคอนสามารถทำงานได้ดีขึ้นและฉันชอบโลโก้ที่เรียบง่ายเช่นนั้น ข้อเสนอแนะใด ๆ และชื่นชมทั้งหมด.”
หน้าหลัก. (ที่มาของภาพ: Craig Reville)
หน้าผลการค้นหา. (ที่มาของภาพ: Craig Reville)
หน้าผลการค้นหา - แนวคิดที่ 2. (ที่มาของภาพ: Craig Reville)
หน้าผลลัพธ์การค้นหารูปภาพ. (ที่มาของภาพ: Craig Reville)
แนวคิดการออกแบบโดย: FloxDesign
เล็กน้อยเช่น Bing แต่ในทางที่ยิ่งใหญ่กว่า ด้วยความจริงใจฉันต้องการที่จะมีการออกแบบที่ยอดเยี่ยมในที่สุดสำหรับหน้าหลักของ Google ของฉันโปรด.
หน้าหลัก. (ที่มาของภาพ: FloxDesign)
YouTube
อันดับที่ 3 ในระดับโลกและอันดับที่ 4 ในการเข้าชมเว็บไซต์ของสหรัฐอเมริกา YouTube เป็นเว็บไซต์ที่ค้นพบดูอัปโหลดและแชร์วิดีโอ เนื้อหาส่วนบุคคลได้รับการอัปโหลดโดยบุคคล แต่สื่อที่มีชื่อเสียงเช่น CBS, BBC, Vevo และ Hulu ได้จัดทำวิดีโอของตัวเองเป็นส่วนหนึ่งของโปรแกรมพันธมิตร YouTube คุณกล้าที่จะออกแบบเว็บไซต์ที่มีผู้เข้าชมมากกว่า 2 พันล้านครั้งต่อวันหรือไม่? พวกเขาทำมัน.
แนวคิดการออกแบบโดย: Michele Byrne
การออกแบบที่เพรียวบางซึ่งเน้นเพิ่มเติมเกี่ยวกับการดูและการแชร์วิดีโอ วิธีการที่ไม่ซ้ำกันถูกนำไปใช้กับการออกแบบนี้แม้ว่าส่วนติดต่อผู้ใช้จะค่อนข้างคล้ายกับ Vimeo เยี่ยมมากอยู่ดี.
หน้าหลัก. (ที่มาของภาพ: Michele Byrne)
หน้าวิดีโอ. (ที่มาของภาพ: Michele Byrne)
หน้าผู้ใช้. (ที่มาของภาพ: Michele Byrne)
ข้อมูลวิดีโอ. (ที่มาของภาพ: Michele Byrne)
วิดีโอแนะนำ. (ที่มาของภาพ: Michele Byrne)
แนวคิดการออกแบบโดย: Josh Collie
“หนึ่งในสิ่งที่ฉันจับตาดูที่สุดใน YouTube ในช่วงหลายปีที่ผ่านมาคือการไม่สามารถค้นหาวิดีโออื่น ๆ ในขณะที่ดูวิดีโอได้ การออกแบบด้านล่างพยายามที่จะแก้ปัญหานี้โดยมีคอลัมน์ที่เลื่อนได้ 3 คอลัมน์แยกกันรวมถึงการค้นหาวิดีโอและความคิดเห็น.”
หน้าหลัก. (ที่มาของภาพ: Josh Collie)
หน้าผู้ใช้. (ที่มาของภาพ: Josh Collie)
แนวคิดการออกแบบโดย: Thadeu Morgado
การทดลองออกแบบใหม่สำหรับหน้าหลักของ YouTube ลักษณะคล้ายกันมากยกเว้นว่าเลย์เอาต์ทั้งหมดได้รับการปรับโครงสร้างใหม่และมีการเพิ่มตัวเลื่อนเพรียวบางขนาดใหญ่เพื่อให้ความสำคัญกับวิดีโอเด่น.
หน้าหลัก. (ที่มาของภาพ: Thadeu Morgado)
อเมซอน
Amazon เข้าสู่ระบบออนไลน์ในปี 1995 และตอนนี้กลายเป็น บริษัท พาณิชย์อิเล็กทรอนิกส์ข้ามชาติที่มีหนังสือนิตยสารเพลงดีวีดีดีวีดีอิเล็คทรอนิกส์คอมพิวเตอร์รองเท้าซอฟต์แวร์แทบทุกอย่าง! เนื่องจากพวกเขามีธุรกิจขนาดใหญ่ดังกล่าวนักออกแบบทั่วโลกจึงท้าทายตัวเองในการปรับปรุงการออกแบบเพื่อให้สวยงามยิ่งขึ้นและแน่นอนเป็นมิตรกับผู้ใช้.
แนวคิดการออกแบบโดย: Trevor Cleveland
“ฉันต้องการสำรวจแนวคิดสามข้อที่ไม่เหมือนใครสำหรับการออกแบบโฮมเพจของ Amazon ใหม่อีกครั้ง Amazon เป็นหนึ่งในผู้นำเว็บไซต์ช็อปปิ้งออนไลน์ แต่การออกแบบโฮมเพจของพวกเขานั้นถูกกำหนดไว้สำหรับขนาดหน้าจอที่มีขนาดเล็กทำให้เว็บไซต์นั้นดูมีความสุขมากในคอมพิวเตอร์รุ่นใหม่ที่มีความละเอียดสูงกว่า ดังนั้นฉันจึงต้องการนำเสนอสามแนวคิดเพื่อให้ Amazon เพิ่มความเร็ว.”
แนวคิดแรก - หน้าหลัก. (ที่มาของภาพ: เทรเวอร์คลีฟแลนด์)
แนวคิดแรก - เมนู. (ที่มาของภาพ: เทรเวอร์คลีฟแลนด์)
แนวคิดที่สอง - หน้าหลัก. (ที่มาของภาพ: เทรเวอร์คลีฟแลนด์)
แนวคิดที่สอง - เมนู. (ที่มาของภาพ: เทรเวอร์คลีฟแลนด์)
แนวคิดที่สาม - หน้าหลัก. (ที่มาของภาพ: เทรเวอร์คลีฟแลนด์)
แนวคิดที่สาม - เมนู. (ที่มาของภาพ: เทรเวอร์คลีฟแลนด์)
แนวคิดการออกแบบโดย: Maurice Kindermann
ไม่มีความพยายามออกแบบใหม่หากไม่มีปัญหาในการออกแบบปัจจุบันการออกแบบ Amazon ของ Maurice Kindermann เป็นตัวอย่างที่ดีที่สุดสำหรับกรณีนี้ ผิดหวังกับการออกแบบปัจจุบันของ Amazon Maurice ออกแบบหน้าใหม่เพื่อแก้ไขปัญหาเฉพาะสามประการ ได้แก่ ความละเอียดหน้าจอที่กว้างเกินตัวเลือกการซื้อที่แยกส่วนและจำนวนเนื้อหาที่ท่วมท้น.
หน้าหลัก. (ที่มาของภาพ: Maurice Kindermann)
ไอเอ็ม
อ้างว่าตัวเองเป็นเว็บไซต์ภาพยนตร์ที่ใหญ่ที่สุดและดีที่สุดและได้รับรางวัลมากที่สุดในโลก IMDb (ฐานข้อมูลภาพยนตร์อินเทอร์เน็ต) เป็นฐานข้อมูลออนไลน์ของข้อมูลที่เกี่ยวข้องกับภาพยนตร์รายการโทรทัศน์นักแสดงบุคลากรทีมงานผลิตวิดีโอเกมและตัวละครในนิยาย สื่อบันเทิงภาพ การออกแบบไซต์นี้ใหม่ในลักษณะที่แสดงข้อมูลอย่างมีประสิทธิภาพจะเป็นความท้าทายที่ยิ่งใหญ่สำหรับนักออกแบบเว็บไซต์.
แนวคิดการออกแบบโดย: Vladimir Kudinov
“ทำไมไม่มีการออกแบบ IMDB ปัจจุบัน มันมากเกินไป ข้อมูลที่ไม่มีโครงสร้างจำนวนมาก ในขณะที่ผู้ใช้ส่วนใหญ่ของเว็บไซต์ดังกล่าวให้ความสนใจเป็นหลักกับรูปภาพวิดีโอและอื่น ๆ.
ดังนั้นฉันจึงออกแบบที่สะอาดและทันสมัย ที่นี่ผู้ใช้จะได้รับหน้าจอที่มีข้อมูลเกี่ยวกับภาพยนตร์: ภาพถ่ายนักแสดงตัวอย่างภาพยนตร์และอื่น ๆ เขาไม่ต้องบิดหมุนอ่าน สิ่งที่จำเป็น - คือดูที่หน้าจอ.”
หน้าภาพยนตร์. (ที่มาของภาพ: Vladimir Kudinov)
เมนู. (ที่มาของภาพ: Vladimir Kudinov)
เครื่องเล่น Pop Up Component. (ที่มาของภาพ: Vladimir Kudinov)
แผงด้านบน. (ที่มาของภาพ: Vladimir Kudinov)
แนวคิดการออกแบบโดย: Rob Hendricks
“ไม่ยากที่จะดูว่าทำไมเว็บไซต์ IMDB ปัจจุบันจึงรกเกินไป ข้อเท็จจริงคือพวกเขามีเนื้อหามากมาย สถาปัตยกรรมข้อมูลที่เหมาะสมเป็นกุญแจสำคัญในการเปลี่ยนแปลงนี้.”
หน้าหลัก. (แหล่งรูปภาพ: Rob Atomic)
foursquare
ด้วย Foursquare ผู้ใช้สามารถแชร์ตำแหน่งปัจจุบันของพวกเขาได้ “กำลังเช็คอิน” ผ่านแอพพลิเคชั่นสมาร์ทโฟนหรือ SMS ทำบุ๊คมาร์คข้อมูลเกี่ยวกับสถานที่และออกคำแนะนำที่เกี่ยวข้องเกี่ยวกับสถานที่ใกล้เคียง พ่อค้าในท้องถิ่นยังใช้ Foursquare เพื่อดึงดูดและรักษาลูกค้า การออกแบบใหม่สำหรับ Foursquare เป็นเรื่องที่ท้าทายมากเพราะเป็นบริการที่ไม่เหมือนใครจึงจำเป็นต้องมีการศึกษาเพิ่มเติม.
แนวคิดการออกแบบโดย: Clay Parker Jones
Clay Parker Jones เชื่อว่าแผนที่เป็นส่วนเสริมที่แท้จริงในหน้าผู้ใช้ของ Foursquare เนื่องจากบริการล้วนเกี่ยวกับที่ตั้ง การคลิกบนแผนที่จะทำให้สถิติที่มีข้อมูลลดลงมีมุมมองที่แตกต่างกัน 4 แบบ ส่วนเสริมอื่น ๆ ในหน้านี้คือฟีดไลค์คำแนะนำและคำแนะนำค่อนข้างจะเหมือนกับหน้าโซเชียลเน็ตเวิร์กทั่วไป!
หน้าผู้ใช้. (ที่มาของภาพ: exitcreative)
การสะท้อน
ไม่สำคัญกับการออกแบบผู้ใช้ทุกคนต้องใช้เวลาในการปรับการออกแบบใหม่ คำถามคือในฐานะผู้ใช้คุณต้องการเปลี่ยนการออกแบบใด ๆ ข้างต้นหรือคุณพอใจกับการออกแบบในปัจจุบัน คุณคิดว่าการออกแบบเหล่านี้แก้ปัญหาประสบการณ์ผู้ใช้ของคุณหรือไม่? ฉันเชื่อว่าการออกแบบเหล่านี้มีขึ้นเพื่อรับความคิดเห็นของคุณดังนั้นอย่าลังเลที่จะแบ่งปันสิ่งที่คุณคิดเกี่ยวกับพวกเขาทุกความคิดเห็น!
