- กราฟิกดีไซเนอร์ Mitch Ivin สร้างเว็บไซต์พอร์ตโฟลิโอของตัวเองขึ้นมาใหม่ในสไตล์ Windows XP
- ต้องเปิดใช้งาน JavaScript จึงจะสัมผัสเอฟเฟ็กต์ภาพและฟังก์ชันทั้งหมดได้
- ทั้งเว็บไซต์จำลอง บรรยากาศและการโต้ตอบของเดสก์ท็อป Windows XP ได้อย่างสมจริง
- ผู้เข้าชมสามารถสำรวจ ส่วนติดต่อผู้ใช้สำหรับการล็อกอิน รวมถึง เมนูเริ่มต้น แถบงาน และองค์ประกอบอื่น ๆ ได้อย่างอิสระ
- ประสบการณ์ของพอร์ตโฟลิโอเองเน้นย้ำถึงความโดดเด่นด้าน การออกแบบอินเทอร์เฟซ
Mitch Ivin — แนะนำเว็บไซต์พอร์ตโฟลิโอ
- Mitch Ivin เป็น กราฟิกดีไซเนอร์ ที่สร้างเว็บไซต์พอร์ตโฟลิโอของตนขึ้นมาอย่างประณีตให้มีลักษณะเหมือนสภาพแวดล้อมเดสก์ท็อปของระบบปฏิบัติการ Windows XP
- ผู้เข้าชมจะได้พบองค์ประกอบภาพที่ชวนให้นึกถึงการใช้งานจริงตั้งแต่หน้าแรก เช่น ภาพพื้นหลัง Windows XP (Bliss) และแอนิเมชันบูตโหลด
- การ ล็อกอิน ทำได้ด้วยการคลิกที่ ‘Mitch Ivin’ และเมื่อผ่านขั้นตอนนี้แล้ว ผู้ใช้จะสามารถสำรวจเว็บไซต์ได้ราวกับกำลังใช้งานเดสก์ท็อปจริง
- ภายใน UI มีองค์ประกอบอย่าง แถบงาน เมนูเริ่มต้น ไอคอนโปรไฟล์ผู้ใช้ ปุ่มรีสตาร์ต และปุ่มล็อกออฟ ซึ่งถ่ายทอดบรรยากาศและ UX ของระบบปฏิบัติการจริงได้อย่างซื่อตรง
- เว็บไซต์นี้เป็นทั้งพอร์ตโฟลิโอที่สร้างสรรค์ซึ่งนำเสนอ ทักษะด้านการออกแบบและการพัฒนาฟรอนต์เอนด์ ผ่านตัว “ประสบการณ์” เอง และยังเป็นตัวอย่างของเว็บอินเทอร์แอกชันที่สนุกอีกด้วย
ฟังก์ชันและคุณลักษณะสำคัญ
- การทำงานทั้งหมดต้องอาศัย JavaScript
- กดปุ่ม F11 เพื่อใช้งานแบบเต็มหน้าจอจะยิ่งใกล้เคียงประสบการณ์เดสก์ท็อปจริง
- มีปุ่มลัดสำหรับไปยังโปรไฟล์ภายนอกและผลงาน เช่น LinkedIn, GitHub, Instagram
- บนอุปกรณ์พกพามีแอนิเมชันที่เป็นมิตรกับผู้ใช้ เช่น หน้าต่างแจ้งให้ “หมุนอุปกรณ์เป็นแนวตั้ง”
- ไอคอน ปุ่ม และแอนิเมชันแต่ละจุดถูกออกแบบอย่างมีจุดประสงค์ เรียบง่าย และถ่ายทอดอารมณ์ของ ‘Windows XP’ ต้นฉบับได้ครบถ้วน
องค์ประกอบของอินเทอร์เฟซ
หน้าจอเดสก์ท็อปและการล็อกอิน
- หน้าเริ่มต้นแสดง ภาพพื้นหลัง Windows XP และแอนิเมชันบูต
- คลิกไอคอนผู้ใช้ ‘Mitch Ivin’ เพื่อเข้าสู่ ขั้นตอนการล็อกอิน
- เมื่อล็อกอินสำเร็จ อินเทอร์เฟซอย่างแถบงานและปุ่มเริ่มต้นจะพร้อมใช้งาน
แถบงาน (Taskbar) และเมนูเริ่มต้น (Start Menu)
- แสดง แถบงาน ที่คล้ายกับ Windows XP ของจริงอย่างมาก
- มีปุ่มในเชิงภาพอย่าง Restart และ Log Off
- เมื่อคลิกแต่ละปุ่มจะมีการโต้ตอบที่จำลองลักษณะของระบบปฏิบัติการจริง
สรุป
- เว็บไซต์พอร์ตโฟลิโอ Windows XP ของ Mitch Ivin นำเสนอการแนะนำตัวเองที่แตกต่างด้วย UI/UX ที่มีเอกลักษณ์
- ผู้เข้าชมไม่ได้เห็นเพียงรายการโปรเจกต์แบบธรรมดา แต่จะได้สัมผัส พอร์ตโฟลิโอในรูปแบบที่ลงมือสำรวจด้วยตนเอง
- เป็นกรณีตัวอย่างด้าน การออกแบบอินเทอร์เฟซและการสร้างแบรนด์ ที่นักออกแบบดิจิทัลและนักพัฒนาฟรอนต์เอนด์สามารถนำไปอ้างอิงได้
ยังไม่มีความคิดเห็น