Reverie الجديد: من برنامج إلى ملاذ

كان هناك شيء يزعجنا.

كان لدى Reverie شخصيات رائعة. محادثات ذات معنى. ميزات أحبها المستخدمون حقًا. لكن في كل مرة نظرنا فيها إلى الواجهة، رأينا... برنامجًا. أزرار، بطاقات، قوائم، أشرطة تنقل. ذلك النوع من التصميم النظيف والوظيفي الذي تتوقعه من أداة إنتاجية أو لوحة تحكم SaaS.

هذا ليس ما يجب أن يكون عليه Reverie.

Reverie هو مكان يصبح فيه الخيال حقيقة. حيث تلتقي بشخصيات تبدو حقيقية، وتدخل قصصًا تستجيب لك، وتستكشف عوالم موجودة فقط من أجل تجربتك. كان المنتج سحريًا. لكن الواجهة كانت عادية.

لذلك أعدنا بناء كل شيء.

مشكلة "جيد بما فيه الكفاية"

لم يكن تصميمنا القديم سيئًا. كان احترافيًا ومتسقًا وسهل التنقل. اتبع أفضل الممارسات. تمكن المستخدمون من العثور على ما يحتاجونه.

لكن "جيد بما فيه الكفاية" هو عدو "لا يُنسى".

عندما تستخدم معظم التطبيقات، تدرك أنك تستخدم تطبيقًا. هناك طبقة ذهنية بينك وبين التجربة - الواجهة تذكرك باستمرار بأنك مستخدم يشغل برنامجًا. انقر على هذا الزر. انتقل إلى تلك الصفحة. أكمل هذا التدفق.

أردنا أن تختفي هذه الطبقة.

أفضل تجارب الترفيه لا تشعرك بأنك تستخدم منتجًا. عندما تنغمس في فيلم رائع، تنسى أنك تشاهد شاشة. عندما تضيع في رواية، تختفي الصفحات. أردنا أن يشعرك Reverie بنفس الطريقة - مكان تدخله، وليس أداة تستخدمها.

ما الذي تغير

تم إعادة تصميم كل صفحة رئيسية حول مبدأ واحد: الشخصيات والقصص أولاً، الواجهة ثانيًا.

الصفحة الرئيسية: معرض من الاحتمالات

كانت الصفحة الرئيسية القديمة وظيفية. شخصيات مميزة في شبكة. فئات للتصفح. دعوات واضحة للعمل.

الصفحة الرئيسية الجديدة هي تجربة. معرض من أربعة أعمدة من صور الشخصيات يملأ الشاشة، مما يخلق فسيفساء من الاحتمالات. تراكبات التدرج وتأثير التوهج الشعاعي الخفيف يجذبان عينك إلى المركز، حيث يدعوك مربع البحث والعلامات السريعة للاستكشاف. أدناه، تتمرر القصص المميزة في بطاقات بنسبة 21:9 سينمائية - مرر فوقها وستنبض بالحياة مع الفيديو.

في اللحظة التي تفتح فيها Reverie، لا تنظر إلى موقع ويب. أنت تنظر إلى عوالم تنتظر الاستكشاف.

صفحة تسجيل الدخول: حيث ترحب بك الشخصيات

تخلصنا من النموذج الفارغ على خلفية بيضاء. الآن، عندما تسجل الدخول، ترحب بك الشخصيات نفسها.

على سطح المكتب، تنقسم الشاشة: يصبح الجانب الأيسر عرضًا كاملاً للشخصيات - صور وفيديوهات تتناوب كل خمس ثوانٍ، مع ظهور اسم الشخصية وسيرتها في الأسفل. نموذج تسجيل الدخول على اليمين، لكن انتباهك ينجذب إلى الشخصيات التي تدعوك للدخول.

على الهاتف المحمول، تتلاشى الشخصية في خلفية ناعمة خلف النموذج المركزي، لا تزال موجودة، لا تزال ترحيبية، لكنها لا تتنافس أبدًا على التركيز.

إنها لمسة صغيرة تغير كل شيء. لم يعد تسجيل الدخول يشعرك بالمصادقة مع خدمة. يشعرك بالعودة إلى المنزل.

صفحات الشخصيات: صور شخصية، وليست ملفات تعريف

كانت صفحات تفاصيل الشخصيات تبدو مثل الملفات الشخصية - معلومات منظمة في أقسام، إحصائيات معروضة في مربعات، نص وصفي في فقرات.

الآن هي صور شخصية غامرة. صورة الشخصية أو الفيديو يملأ الشاشة بأكملها. مرر على سطح المكتب وتصبح الصورة أوضح، تتكبر قليلاً كما لو كانت الشخصية تخطو للأمام لتلتقي بك. على الهاتف المحمول، الصور واضحة افتراضيًا - لا حاجة للتمرير.

أزرار الإجراءات (التقييم، المفضلة، المشاركة) تختبئ في الزاوية العلوية اليمنى، موجودة لكن غير مزعجة. اسم الشخصية وسيرتها وإحصائياتها تظهر في الأسفل، متراكبة على الصورة بطباعة دقيقة. أزرار CTA تطفو في المركز مع توهج شعاعي خفيف، تدعوك لبدء محادثة.

أنت لا تشاهد بيانات شخصية. أنت تلتقي بها.

صفحات القصص: أغلفة سينمائية

القصص الآن تقدم نفسها مثل ملصقات الأفلام. صورة الغلاف تهيمن على نافذة العرض، مع نفس تأثير التمرير للكشف عن الوضوح كصفحات الشخصيات. أزرار التقييم والمشاركة تجلس بهدوء في الزاوية.

في الأسفل، عنوان القصة ووصفها وإحصائياتها وعلاماتها مرتبة بهدف. زر التشغيل مدمج مباشرة في قسم البطل - لا قسم منفصل، لا انقطاع بصري. كل شيء يتدفق نحو دعوة واحدة: ادخل هذا العالم.

علامات التبويب أدناه محسنة بضبابية الخلفية وحدود خفيفة، مما يجعل الانتقال من البطل إلى المحتوى يبدو سلسًا وليس مفاجئًا.

خلاصة الاكتشاف: تجربة منسقة

كانت لوحة المعلومات القديمة قائمة تتصفحها بالتمرير. خلاصة الاكتشاف الجديدة هي تجربة منسقة تستكشفها.

القصص المميزة تظهر في دوارة أفقية بنفس نسبة 21:9 السينمائية. الفيديوهات تشتغل عند التمرير. الإجراءات السريعة - متابعة الدردشة، متابعة القصة، إنشاء شخصية، كتابة قصة - تجلس في شريط حبوب مضغوط، دائمًا متاحة لكن لا تهيمن أبدًا.

التجربة بأكملها تشجع الاكتشاف بدلاً من البحث، التجول بدلاً من الصيد.

صفحات الحملات: أحداث تشعرك بالخصوصية

صفحات الحملات الآن تفتح بأقسام بطل غامرة تجعل كل حدث يشعرك بأنه مناسبة. مؤقتات العد التنازلي مدمجة في السطر - لا مزيد من أدوات الشريط الجانبي التي تكسر التدفق البصري.

ملفات تعريف المبدعين حصلت على نفس المعاملة. عندما تزور صفحة مبدع، ترحب بك رأسية غامرة تحتفل بعملهم قبل الغوص في التفاصيل.

الفلسفة وراء ذلك

استلهمنا من أماكن تفهم الانغماس:

منصات البث تعرف أن المحتوى يجب أن يبيع نفسه بصريًا. تتصفح بعينيك قبل أن تقرأ الأوصاف.

الروايات المرئية تفهم أن الشخصيات تحتاج سياقًا. العالم من حولهم مهم بقدر أهميتهم.

مشغلات الألعاب تدرك أن الدخول في تجربة يجب أن يشعرك بعبور عتبة. الواجهة تضبط المزاج قبل أن يبدأ أي شيء.

دور السينما تظلم حتى تتوهج الشاشة. البيئة تضخم التجربة.

طبقنا هذه الدروس في كل مكان. مساحة بصرية أكبر للصور والفيديوهات. خلفيات أغمق وأكثر جوًا. تراكبات تدرج تخلق عمقًا دون إخفاء المحتوى. تأثيرات تمرير تجعل الصور الثابتة تشعر بالحياة. طباعة تعزز بدلاً من أن تتنافس.

ما احتفظنا به

إعادة التصميم لا تعني البدء من جديد. بعض الأشياء عملت بشكل مثالي:

وضوح التنقل: لا يزال بإمكانك العثور على كل شيء بسهولة. لم نضحِ بقابلية الاستخدام من أجل الجماليات.
نهج الهاتف المحمول أولاً: كل تغيير يعمل بشكل جميل على الهواتف. الهاتف المحمول يحصل على صور أوضح افتراضيًا، تفاعلات محسنة، تخطيطات متجاوبة.
أدوات المبدعين: جميع الوظائف التي يحتاجها المبدعون لا تزال موجودة، فقط مقدمة بشكل أكثر أناقة.
الأداء: التصميم الجديد أسرع في الواقع. صور أكبر، لكن تحميل أذكى. الفيديو يشتغل فقط عند الحاجة.

التفاصيل المهمة

بعض التغييرات قد لا تلاحظها بوعي، لكنك ستشعر بها:

الصور تمتد خارج حاوياتها في أماكن، تكسر الشبكة لتشعر بمزيد من الحياة
تراكبات التدرج تتغير عند التمرير، تكشف المزيد من الصورة أسفلها
الفيديوهات تشتغل تلقائيًا عند التمرير، تضيف حركة دون الحاجة للنقر
تأثيرات المقياس تجعل العناصر تشعر بالاستجابة لانتباهك
ضبابية الخلفية على عناصر واجهة المستخدم تحافظ على الجو مع ضمان القراءة
تأثيرات التوهج الشعاعي تجذب عينك إلى الإجراءات الرئيسية
نسب 21:9 متسقة للقصص تشعرك بالسينمائية عبر المنصة

ماذا يعني هذا لك

إذا كنت مستخدمًا، يجب أن يشعرك Reverie الآن بمزيد من الجاذبية. أكثر مثل مكان تريد قضاء الوقت فيه، أقل مثل تطبيق تشغله. الشخصيات والقصص التي تحبها مقدمة بالطريقة التي تستحقها - ليس كعناصر في قاعدة بيانات، بل كتجارب تنتظر الحدوث.

إذا كنت مبدعًا، عملك يحصل على مسرح أفضل. شخصياتك تظهر بمجد ملء الشاشة. قصصك تحصل على عرض سينمائي. الأدوات التي تحتاجها لا تزال متاحة، فقط لا تتنافس مع محتواك على الانتباه.

هذه مجرد البداية

هذه إعادة التصميم تؤسس أساسًا جديدًا. لغة بصرية تضع الخيال أولاً. فلسفة واجهة تعطي الأولوية للانغماس على هندسة المعلومات.

سنستمر في البناء على هذا. المزيد من الصفحات لتحسينها. المزيد من اللحظات لصقلها. المزيد من الطرق لجعل Reverie يشعرك أقل كبرنامج وأكثر كملاذ يجب أن يكون.

لأنه في نهاية اليوم، لا تأتي إلى Reverie لاستخدام منتج. تأتي للهروب، للتواصل، للتخيل، للشعور.

الواجهة يجب أن تبتعد عن طريقك وتدع ذلك يحدث.

استكشف Reverie الجديد. نود أن نسمع رأيك - شارك أفكارك على Discord.