التصميم التفاعلي

نظرة على تصميم MSN.Com الجديد

منذ 9 مارس من هذا العام ، قامت Microsoft بطرح تصميمها الجديد لـ MSN.com.

مدعومة بساعات لا تحصى من الاختبار و 70000 قطعة من ردود الفعل من مستخدميها ، تم تعديل التصميم على مدى الأشهر الأربعة الأخيرة إلى حالته الحالية.

الزوار الذين لا يمكنهم مشاهدته في http://www.msn.com يمكن الوصول إليه في http://preview.msn.com .

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

لا تتردد في مشاركة رأيك في التصميم في منطقة التعليقات.

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

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

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

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

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

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

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

إضافات المحتوى

إحدى الميزات التي قرر فريق MSN التركيز عليها هي الشبكات الاجتماعية. يمكن للمستخدمين الآن تسجيل الدخول إلى حساب Windows Live / Facebook / Twitter الخاص بهم للحصول على تحديثات مباشرة معروضة على صفحة MSN الرئيسية الخاصة بهم.

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

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

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

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

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


الطبعة المحلية

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

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

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

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


اتجه ياهو الآن مقارنة مع TrendWatch في MSN


أداء

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

أداء Local Edition أفضل قليلاً من التصميم الجديد بوقت جاهز للمستندات يبلغ 2.582 ثانية ولكن الوقت المستغرق تمامًا هو 10.545 ثانية قبيحة بسبب تحميل فيديو مضمن.

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

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

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

ملحوظة: http://www.webpagetest.org كان يستخدم للاختبار. فيما يلي الاختبارات الثلاثة التي تم إجراؤها:

التصميم الكلي

إعادة التصميم الشاملة فعالة. يتناول بعض مخاوف MSN مع تصميمها القديم ويوفر صورة أنظف لـ Microsoft.

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

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

لا يوجد مقطع مرئي أعلى من أي قسم آخر.

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

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

استنتاج

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

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

المراجع


    تمت كتابة هذه المقالة بشكل حصري من أجل Web Designer Depot بواسطة ايلي بينير

    ما رأيك في إعادة تصميم MSN؟ ماذا كنت لتفعل بشكل مختلف؟


    التصميم إعادة تصميم ام اس ان