النظر إلى Ro-Lu: دراسة حالة قابلية الاستخدام

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

ما يلي هو حوار بين مصممي Toptal Darko Stanimirovic و Kent Mundle أثناء استكشافهم لموقع Ro-Lu ومناقشة جمالياته وإمكانية استخدامه وتجربة المستخدم الشاملة. (ملاحظة المحرر: لقد غير الموقع تصميمه منذ المناقشة).

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

بعض الأسئلة المركزية التي يتم طرحها هي: هل من المقبول أن تأخذ الجماليات المرئية مركز الصدارة أثناء التضحية بتجربة المستخدم؟ ماذا يقول هذا الموقع للمصممين الآخرين حول تحدي الوضع الراهن؟ هل دفعت الأمور بعيدا؟

كينت: داركو ، هل سبق لك أن واجهت واجهة مثل هذه؟

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

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

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

يُنظر إلى تصميم محفظة مثير للاهتمام على أنه نوع من المعرض ، وليس كتالوج بسيط للعمل.

كينت: هل هي سمة متأصلة في محافظ بعض المصممين عبر الإنترنت تسمح للتصميم بالخروج عن القاعدة؟

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

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

كينت: كيف يمكن للمصمم تحسين التنقل دون المساس بالتصميم المقصود للموقع؟

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

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

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

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

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

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

جزء من تصميم المحفظة هذا يدور حول اللعب بالقيود.

كينت: هل الصفات الفريدة لهذه التجربة تبرر عيوب التجربة؟

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

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

كينت: هل يمكن لحسن نية مصمم الموقع أن يخفف عن المنتج صفاته السلبية؟

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

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

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

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

كينت: على الرغم من أن الكثير مما يتم الطعن فيه في هذا الموقع خاص بنوع محتويات المحفظة ، فهل هناك دروس يمكن تطبيقها بشكل عام على تصميم الويب؟

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

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

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

يصبح السؤال بعد ذلك ، كيف نفعل ذلك دون كسر قابلية الاستخدام؟

كينت: في كثير من الأحيان ، بالطبع ، من الصعب إعادة اختراع العجلة ضمن حدود الميزانيات والجداول الزمنية.

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

(تم تصميم موقع Ro-Lu من قبل ديلان فراكاريتا وإريك برايس. اعتاد فراكاريتا ، الذي يشغل الآن منصب مدير التصميم في متحف الفن المعاصر في شيكاغو ، إدارة ممارسة تصميم مستقلة ، مع التركيز على تصميم الفن والعمارة والأزياء و القطاعات الثقافية. برايس مصمم جرافيك ومبرمج مع التركيز على الوسائط الرقمية والمنشورات وتصميم الهوية للقطاعات الفنية والثقافية.)

• • •

مزيد من القراءة على مدونة Toptal Design:

• تحليل إرشادي لتجربة المستخدم - كيفية إجراء تقييم قابلية الاستخدام
• تشدق ضد التصاميم الجميلة
• التجربة هي كل شيء - دليل UX النهائي
• اختبار UX للجماهير: اجعلها بسيطة وفعالة من حيث التكلفة