10 เว็บไซต์เชิงโต้ตอบสำหรับแรงบันดาลใจ
เผยแพร่แล้ว: 2020-07-06ในฐานะนักออกแบบ UI ต้องใช้ความพยายามอย่างมากในการออกแบบเว็บไซต์ที่มีการโต้ตอบและดึงดูดสายตา ควบคู่ไปกับการบรรลุเป้าหมายของเว็บไซต์ แต่ในขณะที่ออกแบบเว็บไซต์บางแห่ง ความคิดสร้างสรรค์มักจะถูกมองข้ามไปพร้อมกับความง่ายในการอ่านเว็บไซต์ และเว็บไซต์ก็ดูเหมือนไม่ค่อยมีการโต้ตอบ เว็บไซต์ควรมีการออกแบบที่ผู้เยี่ยมชมต้องการมาที่เว็บไซต์ของคุณบ่อยขึ้น เพียงเพื่อจะได้สัมผัสกับความสุขของการใช้เว็บไซต์และการโต้ตอบกับหน้าเว็บ
ไปเป็นวันที่ผู้ใช้ใช้เว็บไซต์ธรรมดาที่ประสบความสำเร็จมากกว่า ตอนนี้ เป้าหมายคือการทำให้ผู้ใช้ใช้ไซต์โดยเพิ่มการโต้ตอบและทำให้พวกเขามีส่วนร่วม เว็บไซต์ของคุณเป็นทรัพย์สินสำหรับองค์กรของคุณ หากผู้ใช้กลับมาเพื่อโต้ตอบกับเว็บไซต์ของคุณมากขึ้นในอนาคต
บล็อกนี้กล่าวถึงเว็บไซต์ที่มีการโต้ตอบและมีความคิดสร้างสรรค์ที่พร้อมใช้งานทันที
1. ไซเคิลมอน:
Cyclemon เป็นเว็บไซต์ที่มีการออกแบบจักรยานต่างๆ ให้คุณสั่งและขี่ได้ เว็บไซต์นี้ใช้การเลื่อนเพื่อให้คุณเห็นผลิตภัณฑ์ของพวกเขาได้อย่างรวดเร็ว คุณเพียงแค่ต้องเลื่อนไปเรื่อย ๆ เพื่อดูการออกแบบผลิตภัณฑ์ทั้งหมด สโลแกนของบริษัทกล่าวว่า “คุณคือสิ่งที่คุณขี่!” และทำให้ผู้ใช้เลื่อนลงไปที่ด้านล่างของหน้าเพื่อค้นหาการออกแบบจักรยานที่เหมาะสมกับตนเอง ดังนั้น คุณบังคับให้ผู้ใช้เลื่อนไปเรื่อย ๆ จนกว่าโมเดลทั้งหมดจะปรากฏขึ้น
คุณสามารถสั่งจักรยานที่คุณคิดว่าเข้ากับบุคลิกของคุณได้ ได้ใช้จิตวิทยาของมนุษย์อยู่เบื้องหลังการออกแบบ เว็บไซต์มีโมเดลทั้งหมด และทำให้คุณเลื่อนดูจน "รู้สึก" ว่าคุณพบโมเดลที่เหมาะกับคุณแล้ว
2. อเล็กซ์ บูก้า:
Alex Buga เป็นนักออกแบบจากบูคาเรสต์ในโรมาเนียและมีเว็บไซต์ที่ใช้เป็นผลงานของเขา เมื่อคุณเปิดหน้าดัชนีของไซต์ เขาได้ออกแบบไทล์บนหน้าจอโดยที่ไทล์แต่ละรายการมีรูปภาพที่เขาถ่าย และไทล์บางอันมีลิงก์วิดีโอ YouTube นอกจากออกแบบเว็บไซต์แล้ว เขายังเป็นช่างภาพและนักดนตรีอีกด้วย
เขาเคยทำงานเป็นครีเอทีฟไดเร็กเตอร์ที่ MB Dragan ซึ่งมีประสบการณ์การทำงาน 7 ปีในด้านการออกแบบเว็บมายาวนาน เว็บไซต์ที่เขาพัฒนาขึ้นมีการออกแบบนอกกรอบ
3. Evans Halshaw – รถบอนด์:
Evans Halshaw เป็นพอร์ทัลของรถยนต์ใหม่และมือสอง พวกเขาได้ทำงานร่วมกับ 130 แห่งทั่วอังกฤษ สกอตแลนด์ และเวลส์ เว็บไซต์ของพวกเขาคล้ายกับเว็บไซต์ Cyclemon ความแตกต่างคือ พวกเขาใช้รถรุ่นต่างๆ ที่มีอยู่ในภาพยนตร์เจมส์ บอนด์ ทุกภาพมีปี รุ่นรถ และชื่อฟิล์มที่ปรากฏ เมื่อคุณเลื่อนลงไปที่หน้าแรก ระบบจะแสดงยานพาหนะต่างๆ ที่ซูมออกจากภาพก่อนหน้า
การออกแบบจะทำให้คนรักรถเพลิดเพลินชั่วขณะหนึ่ง นอกจากนี้ ผู้คลั่งไคล้ภาพยนตร์เจมส์ บอนด์จะคอยเลื่อนดูเว็บไซต์เพื่อดูรถทั้งหมดที่ใช้ในภาพยนตร์บอนด์ นอกจากรูปภาพแล้ว ยังมีคำอธิบายสั้นๆ ตามภาพยนตร์ที่มุมล่างขวาของหน้าจอสำหรับรถแต่ละคัน
4. เล่นแบบจุดต่อจุด:
เว็บไซต์นี้มีการโต้ตอบมากที่สุดสำหรับนักเล่นเกม มันมีเกมที่เกี่ยวข้องกับการรวมจุดจากตัวเลขในลำดับจากมากไปน้อย มันใช้ประโยชน์จากตัวจับเวลา คุณต้องเชื่อมต่อจุดที่กำหนดในกรอบเวลาที่กำหนด และมันจะดำเนินการกับเกมถัดไป มันจะทำให้คุณยุ่งและสามารถพิสูจน์ได้ว่าเป็นที่ชื่นชอบในหมู่เด็ก ๆ ด้วย
ระดับการโต้ตอบกับเว็บไซต์นี้สูงที่สุด เนื่องจากเราทุกคนต่างหมกมุ่นอยู่กับการรวมจุดที่มีตัวเลขตามลำดับจากมากไปน้อย อินเทอร์เฟซตรงไปตรงมา แต่สามารถให้คุณมีส่วนร่วมเป็นเวลาหลายชั่วโมง
5. เตะนิสัยของฉัน:
Kick My Habits เป็นเว็บไซต์ที่ช่วยคุณคำนวณค่าใช้จ่ายเกี่ยวกับบางสิ่ง เช่น ชุดความงาม การรับประทานอาหารนอกบ้าน การสูบบุหรี่ การดื่มแอลกอฮอล์ และการจัดปาร์ตี้ มันบอกคุณว่าเงินที่เข้าสู่นิสัยที่ไม่ดีเหล่านี้ในแต่ละปีเท่าไหร่และทั้งหมดนี้ในรูปแบบโต้ตอบ
จะถามคุณเกี่ยวกับจำนวนเงินที่เข้าสู่นิสัยที่ไม่ดีต่อสัปดาห์ เมื่อคุณป้อนข้อมูลทั้งหมดสำหรับการฝึกปฏิบัติหนึ่งครั้ง จะนำคุณไปสู่รูปแบบถัดไป คุณสามารถเลือก “ฉันไม่มีนิสัยนี้” หากคุณไม่มีนิสัยนั้น หลังจากวิเคราะห์แนวทางปฏิบัติทุกอย่างที่คุณป้อนข้อมูลแล้ว จะตรวจสอบจำนวนเงินที่คุณใช้ไปในหนึ่งปีเพื่อไล่ตามนิสัยเหล่านี้ ทุกคนสามารถคำนวณค่าใช้จ่ายเหล่านี้ที่ลงทุนได้ทุกปี แต่อินเทอร์เฟซผู้ใช้แบบโต้ตอบของเว็บไซต์มีการออกแบบที่สวยงามที่สุด ซึ่งมีความสำคัญมากที่สุดที่นี่ ในท้ายที่สุดจะแสดงเงินออมทั้งหมดของคุณทุกปีและทุกสัปดาห์ พร้อมกับจำนวนเงินที่จะแสดงหลังจากที่คุณใส่เงินนั้นในบัญชีธนาคาร
6. บริการ:
Zervice เป็นกลุ่มที่มีแบรนด์แฟรนไชส์ต่างๆ มากมายที่เป็นผู้นำ เป็นการออกแบบเว็บไซต์ที่ชาญฉลาดและสร้างสรรค์ และเป็นหนึ่งในเว็บไซต์ที่ได้รับรางวัลมากที่สุด เว็บไซต์เริ่มต้นด้วยการเดินทางผ่านเมือง ไซต์นี้ใช้รูปภาพและเส้นทาง SVG ที่ยานพาหนะเคลื่อนที่ เมฆปรากฏขึ้นสำหรับการโต้ตอบเช่นแบบทดสอบและคำถาม เว็บไซต์ดูเหมือนโมเดล 3 มิติเมื่อรถผ่านและใต้บางแง่มุมของเว็บไซต์
หน้าเพจจะเปิดขึ้นพร้อมกับกรอบความคิด ข้อความต้อนรับ และทิวทัศน์ของเมือง นอกจากนี้ยังมีปุ่ม "ไป" เพื่อขับเคลื่อนรถไปยังจุดถัดไป อีกหน้าจอหนึ่งเป็นหน้าจอที่ซับซ้อนซึ่งมีกระโจมลอยน้ำและอาคารที่รถวิ่งผ่าน คุณจะได้เรียนรู้เกี่ยวกับบริการของ Zervice เพียงไม่กี่จุดและแบบทดสอบ ถนนที่คดเคี้ยว การก่อสร้าง และส่วนที่ดีที่สุดคือรถไฟที่กำลังเคลื่อนที่อยู่ข้างใต้ซึ่งรถขับอยู่นั้นเป็นสิ่งที่ควรค่าแก่การชม แม้ว่าคุณไม่จำเป็นต้องรู้บริการของพวกเขา คุณควรเข้าไปที่บริการนี้สักครั้งเพื่อสัมผัสประสบการณ์คำอธิบายข้างต้น
7. อนาคตของการแบ่งปันรถ:
เว็บนี้พูดถึงการใช้รถร่วมกันมากกว่าการซื้อรถ เว็บไซต์นี้มีปฏิสัมพันธ์ในลักษณะที่แตกต่างออกไป เมื่อคุณไปถึงหน้าแรกของไซต์ คุณจะเห็นรถสีเขียวที่สามารถนำทางไปข้างหน้าและข้างหลังได้โดยการกดปุ่มลูกศรซ้ายและขวา หน้า Landing Page แสดงประเภทของการแชร์รถและสถิติ เมื่อคุณกดปุ่มขวา รถจะเริ่มเคลื่อนไปข้างหน้าทางด้านขวา โดยที่การจำแนกประเภทการแชร์รถและคำอธิบายจะปรากฎขึ้น
การจำแนกประเภทแรกคือ P2P ซึ่งหมายถึงแนวคิดการแชร์รถแบบ Peer-To-Peer มันกำหนดกลุ่มของรถยนต์ที่เป็นเจ้าของโดยคนจำนวนหนึ่ง เจ้าของรถเหล่านี้เช่ารถให้กับผู้ขับขี่ อีกประเภทหนึ่งคือ B2C ซึ่งหมายถึงธุรกิจกับผู้บริโภค ในที่นี้ บริษัทมีรถยนต์หนึ่งชุดที่พวกเขาใช้ร่วมกันระหว่างสมาชิกของบริษัท ได้แก่ผู้ผลิตรถยนต์ แบรนด์รถเช่า และแบรนด์รถร่วม ประเภทที่สามคือ NFP ซึ่งหมายถึงไม่แสวงหาผลกำไร ชุมชนท้องถิ่นแชร์รถเพื่อเปลี่ยนแปลงพฤติกรรมการขับขี่ของคนขับ แทนที่จะเช่ารถเพื่อหากำไร
ขณะที่เราเดินต่อไป ดูเหมือนรถสีเขียวเคลื่อนตัวผ่านภูเขา แม้ว่าถนนจะดูเหมือนเป็นเส้นตรง จากนั้นรถสีเขียวก็เริ่มวิ่งข้ามสะพานขณะที่แล่นผ่านกองขยะขนาดใหญ่แล้วข้ามเสาที่ถือธงชาติสหรัฐอเมริกา มีกราฟิกที่ทรงพลังทั่วทั้งหน้า และมีหลายสิ่งที่ผู้ใช้สามารถทำได้เพื่อสำรวจ เช่นเดียวกับเมื่อคุณวางเมาส์ไว้เหนือหอคอย คุณจะเห็นเคอร์เซอร์ของเมาส์หันไปทางมือ บ่งบอกว่าเป็นไฮเปอร์ลิงก์
ในขณะที่คุณสำรวจหน้าต่างๆ มากขึ้น คุณจะเห็นก้อนเมฆลอยอยู่ และชิมแปนซีตัวหนึ่งแขวนอยู่บนหอคอย คุณเห็นตัวเลือกการแชร์รถที่ยอดเยี่ยมเมื่อคุณวางเมาส์เหนือธงของประเทศ เมื่อคุณก้าวต่อไป คุณจะพบว่าเมืองและรัฐต่างๆ เลือกใช้ตัวเลือกการแชร์รถมากขึ้นเรื่อยๆ เว็บไซต์มีการออกแบบในลักษณะที่คุณต้องเลื่อนหน้าจอในแนวนอน ซึ่งแสดงข้อเท็จจริงต่างๆ ในรูปแบบของแอนิเมชั่น
8. ร็อบบี้ ลีโอนาร์ดี:
Robby Leonardi เป็นนักออกแบบกราฟิกที่มีความเชี่ยวชาญในการออกแบบกราฟิก ภาพประกอบ แอนิเมชั่น และการพัฒนาส่วนหน้า เขามีประสบการณ์มากมายในการทำงานกับวงการบันเทิง เขาพัฒนาเว็บไซต์นี้เพื่อนำเสนอเรซูเม่ของเขาอย่างสร้างสรรค์
เว็บไซต์นี้คล้ายกับเว็บไซต์ Future of Car Sharing และเลื่อนในแนวนอน แต่แถบเลื่อนในเว็บไซต์เป็นแนวตั้ง คุณสามารถไปยังส่วนต่างๆ ของไซต์ได้โดยใช้ปุ่มลูกศรขึ้นและลง เมื่อคุณกดปุ่มลูกศรลง ผู้ชายในสเปคที่สวมเสื้อคลุมจะเริ่มวิ่ง ส่วนแรกที่คุณพบคือส่วน "เกี่ยวกับ" ซึ่งเขามีสี่สาขา การออกแบบ ภาพประกอบ รหัส และแอนิเมชั่น และแสดงระดับความชำนาญด้วยดอกไม้ที่เบ่งบานตามระดับ ตัวอย่างเช่น เขามีความเชี่ยวชาญในการออกแบบ จากนั้นดอกไม้จะบานจนไปถึงเส้น “ผู้เชี่ยวชาญ” ที่แสดงว่าเขาเป็นผู้เชี่ยวชาญในเรื่องนี้
เมื่อคุณก้าวไปข้างหน้า ผู้ชายคนนั้นจะกระโดดข้ามสิ่งกีดขวางและแสดงให้เห็นว่าเขาทำงานและอาศัยอยู่ในนิวยอร์กซิตี้ ที่ซึ่งหอคอยและเทพีเสรีภาพแสดงปีศาจนั่งอยู่ข้างใน ก้าวไปข้างหน้าผู้ชายคนนี้กระโดดข้ามสิ่งกีดขวางอีกครั้งและแสดงให้เห็นว่าเขาเป็นแฟนทีมฟุตบอล NBA ที่นี่ผู้เล่นดูเหมือนจะขึ้นมาและโยนบาสเก็ตบอลผ่านตาข่าย
ต่อจากนี้ไป คุณจะได้พบกับส่วนทักษะที่จำนวนของปลาจะบอกถึงระดับความเชี่ยวชาญที่เขามีในแต่ละส่วน ในส่วนเดียวกัน มีส่วนย่อยอื่นที่เขาเน้นความเชี่ยวชาญในภาษาโปรแกรม ซึ่งปูแสดงระดับความรู้ของเขา
ยิ่งกว่านั้น ส่วนย่อยถัดไปเป็นเรื่องเกี่ยวกับความเชี่ยวชาญของเขาในวิดีโอและซอฟต์แวร์ 3 มิติ ซึ่งเต่าเหล่านี้จะแสดงให้คุณเห็นถึงระดับความเชี่ยวชาญของเขาในแต่ละสาขา ถัดมาเป็นส่วนที่เขาเน้นย้ำประสบการณ์การทำงานของเขาในรูปแบบของปลาหมึกยักษ์และยานพาหนะทางน้ำอื่นๆ ส่วนสุดท้ายที่สองแสดงรางวัลและสิ่งพิมพ์ที่เขาได้รับมาในรูปแบบของฉลาก ผู้ชายคนนี้กระโดดร่มชูชีพและบินไปตามแท็กที่กำหนดรางวัลของเขาในขณะที่เขาบินต่อไป ขณะที่คุณบินต่อไป คุณจะไปถึงจุดสิ้นสุดของหน้าเว็บ ซึ่งคุณจะให้รายละเอียดการติดต่อและส่งข้อความหาเขา
9. คู่มือคริสต์มาสโปแลนด์:
คู่มือคริสต์มาสของโปแลนด์เป็นเว็บไซต์ที่ช่วยให้ผู้คนทุกวัยทราบเกี่ยวกับคริสต์มาสโปแลนด์และวิธีที่พวกเขาเฉลิมฉลองทุกปี เริ่มต้นด้วยซานตาคลอสที่น่ารักพร้อมรถเลื่อนสำหรับขนสิ่งของที่เขาต้องการเพื่อฉลองคริสต์มาสในโปแลนด์ เด็กๆ จะชอบเว็บไซต์นี้เมื่อซานต้าไปเก็บสิ่งของบนเลื่อนของเขา ในขณะที่นำเสนอข้อเท็จจริงและข้อมูลเกี่ยวกับสิ่งของที่รวบรวมและสิ่งอื่น ๆ
คริสต์มาสในโปแลนด์แสดงถึงประเพณีการส่งและรับของขวัญจากกันและกัน นอกจากนี้ยังรักษาวัฒนธรรมการแบ่งปันอาหารกับผู้อื่นที่อาจมาเยี่ยมคุณโดยไม่ต้องแจ้งให้ทราบล่วงหน้าในวันคริสต์มาสอีฟ เว็บไซต์นี้ใช้ภาพประกอบและดนตรีประกอบ เมื่อคุณเรียกดูเว็บไซต์ ประสบการณ์จะคล้ายกับการเล่นเกม
ในตอนท้ายของเว็บไซต์ มีข้อความที่เผยแพร่ความตระหนักเกี่ยวกับเด็กที่ถูกทารุณกรรมและการเรียกร้องให้ช่วยเหลือเด็กเหล่านั้นและปกป้องพวกเขา
10. นักปีนเขา:
นักปีนเขาได้พัฒนาเว็บไซต์แบบอินเทอร์แอคทีฟที่บอกคุณทุกอย่างเกี่ยวกับบริษัทสร้างสรรค์ที่เรียกว่า Interactive Production Company ซึ่งผลิตผลิตภัณฑ์ดิจิทัลที่ยอดเยี่ยมและประสบการณ์ของผู้ใช้ มันเริ่มต้นด้วยธีมที่เป็นเอกลักษณ์ตามป่าไม้และป่าไม้ ด้วยองค์ประกอบต่างๆ ที่ให้คุณโต้ตอบกับพวกเขาได้ คุณจึงสามารถดำเนินการผ่านพอร์ตโฟลิโอของพวกเขาได้อย่างสร้างสรรค์ มันแสดงให้เห็นโครงการออกแบบในรูปแบบของแอนิเมชั่นต่าง ๆ ผ่านการเลื่อนและการคลิกเมาส์เพียง
ในหน้าจอใดหน้าจอหนึ่ง ข้อความจะปรากฏขึ้นโดยเลื่อนเมาส์ ซึ่งเป็นภาพที่มองเห็นได้ชัดเจน เมื่อหน้าจอเปลี่ยนไป มันจะแตกออกเป็นสี่เหลี่ยมต่างๆ หลุดออกจากหน้าจอ และให้คุณเข้าไปในอีกหน้าจอหนึ่งได้ หากคุณกำลังมองหาการสร้างเว็บไซต์สำหรับบริษัทของคุณที่ไม่เกี่ยวข้องกับสิ่งที่ต้องดำเนินการ คุณควรรับแรงบันดาลใจจากเว็บไซต์ Climber ที่ได้รับแรงบันดาลใจจากกราฟิก
บทสรุป:
เป็นตัวแทนของเว็บไซต์ของเราที่สร้างแรงบันดาลใจให้นักออกแบบกราฟิกเพื่อนำความคิดสร้างสรรค์ของเขาออกมาและก้าวไปข้างหน้าอย่างเต็มที่ในขณะที่ออกแบบเว็บไซต์ ไซต์ประเภทนี้ไม่ได้เป็นเพียงภาพที่สวยงามเท่านั้น แต่ยังช่วยให้เจ้าของเว็บไซต์สามารถดึงดูดให้ผู้เยี่ยมชมมีส่วนร่วมและสนใจอยู่เสมอ มีแนวคิดการออกแบบมากมายบนไซต์ทั้งหมด ดังที่กล่าวไว้ข้างต้น ที่คุณสามารถนำมาใช้ได้ ซึ่งรวมถึงแอนิเมชัน หน้าจอเกม การ์ตูน และอื่นๆ ที่คุณสามารถนำแนวคิดต่างๆ มาใช้ได้