Reverie ใหม่: จากซอฟต์แวร์สู่สถานที่หลบภัย

มีบางอย่างที่รบกวนเรา

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

นั่นไม่ใช่สิ่งที่ Reverie ควรเป็น

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

ดังนั้นเราจึงสร้างทุกอย่างใหม่

ปัญหากับ "ดีพอ"

การออกแบบเก่าของเราไม่ได้แย่ มันเป็นมืออาชีพ สม่ำเสมอ นำทางง่าย ทำตามแนวทางปฏิบัติที่ดี ผู้ใช้สามารถหาสิ่งที่ต้องการได้

แต่ "ดีพอ" คือศัตรูของ "น่าจดจำ"

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

เราต้องการให้ชั้นนั้นหายไป

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

อะไรเปลี่ยนไป

ทุกหน้าหลักถูกออกแบบใหม่ตามหลักการหนึ่ง: ตัวละครและเรื่องราวมาก่อน อินเทอร์เฟซมาทีหลัง

หน้าแรก: แกลเลอรีแห่งความเป็นไปได้

หน้าแรกเก่าใช้งานได้ ตัวละครเด่นในกริด หมวดหมู่ให้เรียกดู คำเรียกร้องให้ดำเนินการชัดเจน

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

ทันทีที่คุณเปิด Reverie คุณไม่ได้ดูเว็บไซต์ คุณกำลังดูโลกที่รอการสำรวจ

เข้าสู่ระบบ: ที่ที่ตัวละครต้อนรับคุณ

เราโยนฟอร์มว่างบนพื้นหลังขาวทิ้ง ตอนนี้เมื่อคุณเข้าสู่ระบบ ตัวละครเองต้อนรับคุณ

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

บนมือถือ ตัวละครจางลงเป็นพื้นหลังอ่อนหลังฟอร์มที่อยู่ตรงกลาง ยังคงอยู่ ยังคงต้อนรับ แต่ไม่เคยแข่งเพื่อโฟกัส

นี่คือสัมผัสเล็กๆ ที่เปลี่ยนทุกอย่าง การเข้าสู่ระบบไม่รู้สึกเหมือนยืนยันตัวตนกับบริการอีกต่อไป รู้สึกเหมือนกลับบ้าน

หน้าตัวละคร: ภาพเหมือน ไม่ใช่โปรไฟล์

หน้ารายละเอียดตัวละครเคยดูเหมือนโปรไฟล์—ข้อมูลจัดเป็นส่วน สถิติแสดงในกล่อง ข้อความอธิบายในย่อหน้า

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

ปุ่มการกระทำ (ให้คะแนน รายการโปรด แชร์) ซ่อนอยู่มุมขวาบน มีอยู่แต่ไม่รบกวน ชื่อ ประวัติ และสถิติตัวละครปรากฏด้านล่าง วางซ้อนบนรูปด้วยไทโปกราฟีที่รอบคอบ ปุ่ม CTA ลอยตรงกลางพร้อมเรืองแสงรัศมีละเอียด เชิญให้เริ่มบทสนทนา

คุณไม่ได้ดูข้อมูลตัวละคร คุณกำลังพบเขา

หน้าเรื่องราว: ปกภาพยนตร์

เรื่องราวตอนนี้นำเสนอตัวเองเหมือนโปสเตอร์หนัง รูปปกครอง viewport ด้วยเอฟเฟกต์ hover-to-reveal เหมือนหน้าตัวละคร ปุ่มให้คะแนนและแชร์นั่งเงียบๆ ที่มุม

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

แท็บด้านล่างขัดเกลาด้วยพื้นหลังเบลอและขอบละเอียด ทำให้การเปลี่ยนจาก hero สู่เนื้อหาลื่นไหลแทนที่จะกะทันหัน

ฟีดค้นพบ: ประสบการณ์ที่คัดสรร

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

เรื่องราวเด่นปรากฏในแคโรเซลแนวนอนด้วยอัตราส่วนภาพยนตร์ 21:9 เดียวกัน วิดีโอเล่นเมื่อ hover การกระทำด่วน—ต่อแชท ต่อเรื่อง สร้างตัวละคร เขียนเรื่อง—อยู่ในแถบยาเม็ดกะทัดรัด เข้าถึงได้ตลอดแต่ไม่เคยครอบงำ

ประสบการณ์ทั้งหมดส่งเสริมการค้นพบแทนการค้นหา การเดินเล่นแทนการล่า

หน้าแคมเปญ: กิจกรรมที่รู้สึกพิเศษ

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

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

ปรัชญาเบื้องหลัง

เราได้รับแรงบันดาลใจจากสถานที่ที่เข้าใจการดื่มด่ำ:

แพลตฟอร์มสตรีมมิ่ง รู้ว่าเนื้อหาควรขายตัวเองด้วยภาพ คุณเรียกดูด้วยตาก่อนอ่านคำอธิบาย

วิชวลโนเวล เข้าใจว่าตัวละครต้องการบริบท โลกรอบๆ พวกเขาสำคัญเท่ากับตัวพวกเขา

ตัวเปิดเกม ตระหนักว่าการเข้าสู่ประสบการณ์ควรรู้สึกเหมือนข้ามธรณีประตู อินเทอร์เฟซตั้งอารมณ์ก่อนอะไรจะเริ่ม

โรงหนัง มืดลงเพื่อให้หน้าจอเรืองแสงได้ สิ่งแวดล้อมขยายประสบการณ์

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

สิ่งที่เราเก็บไว้

รีดีไซน์ไม่ได้หมายความว่าเริ่มต้นใหม่ บางอย่างทำงานได้สมบูรณ์แบบ:

• ความชัดเจนในการนำทาง: คุณยังหาทุกอย่างได้ง่าย เราไม่เสียสละความใช้งานได้เพื่อความสวยงาม
• แนวทาง mobile-first: ทุกการเปลี่ยนแปลงทำงานได้สวยงามบนโทรศัพท์ มือถือได้รูปชัดกว่าตั้งแต่แรก การโต้ตอบที่ปรับให้เหมาะสม เลย์เอาต์ที่ตอบสนอง
• เครื่องมือครีเอเตอร์: ฟังก์ชันทั้งหมดที่ครีเอเตอร์ต้องการยังอยู่ แค่นำเสนอได้สง่างามกว่า
• ประสิทธิภาพ: ดีไซน์ใหม่เร็วขึ้นจริงๆ รูปใหญ่ขึ้น แต่โหลดฉลาดขึ้น วิดีโอเล่นเฉพาะเมื่อจำเป็น

รายละเอียดที่สำคัญ

บางการเปลี่ยนแปลงคุณอาจไม่สังเกตอย่างมีสติ แต่จะรู้สึก:

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

สิ่งนี้หมายความว่าอย่างไรสำหรับคุณ

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

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

นี่เป็นแค่จุดเริ่มต้น

รีดีไซน์นี้สร้างรากฐานใหม่ ภาษาภาพที่วางจินตนาการไว้เป็นอันดับแรก ปรัชญาอินเทอร์เฟซที่ให้ความสำคัญกับการดื่มด่ำมากกว่าสถาปัตยกรรมข้อมูล

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

เพราะในท้ายที่สุด คุณไม่ได้มาที่ Reverie เพื่อใช้ผลิตภัณฑ์ คุณมาเพื่อหลบหนี เชื่อมต่อ จินตนาการ รู้สึก

อินเทอร์เฟซควรหลบทางและปล่อยให้สิ่งนั้นเกิดขึ้น

---

สำรวจ Reverie ใหม่ เราอยากได้ยินความคิดของคุณ—แบ่งปันความคิดเห็นใน Discord ของเรา