มีบางอย่างที่รบกวนเรา
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 ของเรา