إعادة تصميم ويكيبيديا: ماذا يوجد في المتجر؟
تخضع ويكيبيديا حاليا لعملية إعادة تصميم ضرورية لتحسين تجربة المستخدم.
يمكن لأي شخص معاينة هذا التصميم من قبل إنشاء حساب ، تسجيل الدخول ثم النقر على رابط "Try Beta" في الجزء العلوي الأيسر من أي صفحة.
تم تقسيم "مبادرة استخدام ويكيبيديا" إلى مرحلتين. المرحلة الأولى كانت مرحلة النموذج الأولي ، وانتهت في صيف عام 2009.
يعمل فريق المشروع حاليًا في المرحلة الثانية ، وهي مرحلة التطوير والاختبار.
كما تم فصل المشروع إلى أربعة إطلاق . اعتبارًا من كتابة هذه المقالة ، فإن الإصدار الثاني (Babaco) قيد التطوير حاليًا.
في هذه المقالة ، سنناقش تغييرات تصميم ويكيبيديا والأسباب وراءها.
من المقرر أن تكون مبادرة استخدام ويكيبيديا جاهزة في ربيع عام 2010. يمكن العثور على مزيد من المعلومات حول المشروع هنا .
إعادة التصميم تركز على سهولة الاستخدام . على الرغم من عدم إجراء أي تغييرات جذرية ، إلا أن المظهر العام والمظهر العام للموقع أكثر نظافة وأكثر حداثة. إن واجهة التعديل المُجدَّدة هي ترقية رئيسية من المؤكد أن محرري Wikipedia سيتحمسون بشأنها.
مثل العديد من العمليات الصغيرة ، لا تملك ويكيبيديا الميزانية اللازمة لاختبار كيفية استخدام الزائرين للموقع بشكل منهجي. بدلا من ذلك ، فإنه يعتمد على ردود الفعل من المستخدمين لتحديد القضايا ومعالجتها.
نظيف
أول انطباع لدينا عن إعادة تصميم بيتا هو أنها تبدو حادة ومرتبة. التصميم لا يزال هو نفسه في الأساس. من المحتمل ألا يتسبب هذا إعادة التصميم في نفس الغضب الذي حدث فيس بوك أثار مع إعادة تصميمها مرة أخرى في مارس 2009.
التغيير الأكثر وضوحًا هو أن المكونات المختلفة على الصفحة لم تعد مقتصرة على المربع الخاص بها. لم يتم إغلاق مناطق التنقل والمحتوى الرئيسي ، وتمتد إلى أقصى حد إلى حافة نافذة المتصفح.
التغيير الواضح الآخر هو أن ويكيبيديا تقاعدت الصورة الخلفية للكتاب المفتوح. هذا ينظف التصميم بشكل كبير ويجعل الشعار يبدو أكثر وضوحًا.
التصميم القديم:
تصميم جديد:
تغيير طفيف في الألوان
على العموم ، التصميم الجديد يبدو أكثر ليونة . أصبحت الآن روابط التنقل في الشريط الجانبي الأيسر أكبر قليلاً وسهلة القراءة. لقد تغيرت ألوان الوصلة في كل مكان قليلاً لجعلها أقل حيوية.
تغيير لون الرابط الذي تمت زيارته من اللون الأرجواني إلى الأزرق الغامق يقطع شوطًا طويلاً لجعل الموقع يبدو أكثر حداثة. كما أنه يبسط نظام الألوان ويجعل المظهر أكثر احترافية.
البحث شريط الانتقال
التغيير الوحيد الذي قد يصل إلى الزوار العاديين هو نقل شريط البحث.
لم يعد محتضنًا في منتصف قسم التنقل. تم نقله إلى أعلى يمين الصفحة. أصبح هذا الموضع قياسيًا على العديد من مواقع الويب وهو المكان الذي يظهر فيه الأشخاص أولاً عندما يريدون إجراء بحث.
الموقع الجديد لشريط البحث:
إعادة تنظيم علامات التبويب
كما تم إعادة تنظيم علامات التبويب. لقد تم إعطاؤهم مظهرًا جديدًا وأصبح من الأسهل الآن اكتشافه. تقسيمها إلى مجموعتين يجعل هيكلها أكثر منطقية. يفتح الجزء العلوي من علامات التبويب هذه الصفحة أيضًا.
التصميم القديم:
تصميم جديد:
تحرير الصفحة
واجهة تحرير الصفحة الجديدة رائعة. يجعل خليط الرموز النصية والرسمية وتجميع خيارات التحرير عملية التحرير أسهل بكثير.
لمعرفة ما فعله كل زر من قبل ، كان على المستخدم التحليق فوق الرمز غير البديهي وانتظر ظهور تلميح الأدوات. ليس بعد الآن. وتساعد اللوحة الجديدة على يسار منطقة النص المستخدمين على التنقل في الصفحة.
واجهة التحرير القديمة:
واجهة تحرير جديدة:
لتشغيل الميزات الجديدة ، انتقل إلى "التفضيلات" ، ثم انقر فوق علامة التبويب "تحرير". في الأسفل ، ستجد بعض مربعات الاختيار المسماة "تجريبي".
تمكين الميزات التجريبية:
يتضمن أحدث إصدار مربعات حوار جديدة لإدراج الارتباطات والجداول. ونظرًا لأن منطقة النص يمكن أن تصبح مزدحمة بعض الشيء ، تكون مربعات الحوار هذه مفيدة لمساعدة المستخدمين في التركيز على مهمة واحدة في كل مرة.
يمكن أن يفعل مربع حوار الجدول المزيد من الوظائف (مثل السماح لك بتحرير محتويات خلايا الجدول) ، ولكن هذا الإصدار لا يزال قيد التطوير ، لذا سأنتظر لمعرفة ما إذا كان هناك المزيد قبل إضافة الخصائص إلى قائمة أمنياتي.
مربع الحوار لإدخال رابط:
مربع الحوار لإدراج جدول:
ما المفقود؟
لأن المشروع لا يزال في مرحلة تجريبية ، الآن هو أفضل وقت لاقتراح ما يمكن القيام به لتحسين واجهة مستخدم Wikipedia. هنا أفكاري:
- معاينة AJAX BeautyTip على الرابط تحوم
سيكون من الرائع إذا ظهر تلميح الأداة ، عبر BeautyTip jQuery plug-in ، كلما مررت فوق رابط داخلي. سيحتوي تلميح الأدوات على الفقرة الأولى من المقالة المرتبطة. قد تكون الزيادة في النطاق الترددي من هذه الميزة كبيرة جدًا ، لكنني لا زلت أرغب في مشاهدتها تم اختبارها. - تلوين سياق في منطقة تحرير النص
من الصعب جدًا التعامل مع الشفرات في نفس اللون. يجب على العين البشرية مسح النص خطياً للعثور عليه. تلميحات مرئية ستكون مساعدة كبيرة. بينما نحن في ذلك ، يجب أن تحتوي منطقة النص أيضًا على شريط تمرير أفقي بحيث تبدو الأشياء مثل الجداول أجمل في التعليمة البرمجية. - خيار أن يكون النص الأساسي بعرض ثابت
عندما أقرأ نصًا طويلًا من النص ، أرغب في تكبير النافذة لتقليل التشتيت. كما هو ، لا يمكنني القيام بذلك لأن خطوط النص تصبح أعرض من شاشة العرض العريضة. أحب أن أتمكن من إصلاح عرض الفقرات إلى حوالي 600 بكسل لجعل القراءة أسهل. - زيادة الوزن البصري للزر "Go"
التغيير الوحيد الذي أواجهه هو جعل الزر "Go" بنفس وزن زر "Search". كان التصميم القديم مرجحًا لنص الزر "انتقال" أكثر ثقلاً ، مما يجعل من الواضح أن ضرب مفتاح "Enter" كان هو نفسه عند النقر على الزر "Go". كان الفرق في الوزن صغيرًا بما يكفي بحيث لم يتمكن المستخدمون من رؤية الفرق إلا من خلال النظر إليه بشكل صحيح. هذا يجب أن يعاد.
حاول!
التصميم الجديد يبدو جيدًا ، لكنه لم ينته بعد. أنا متأكد من أن فريق مبادرة قابلية الاستخدام في ويكيبيديا سيقدرون كل شخص يجرب الإصدار التجريبي وإرسال التعليقات.
تعتمد ويكيبيديا على مستخدميها لمعرفة كيفية تحسين الموقع ، وأنا متأكد من أن مجتمع Webdesigner Depot يمكن أن يخرج ببعض الأفكار الرائعة.
وأخيرا ، النظر التبرع لويكيبيديا . لأن القدرة على القراءة ألعاب نينتندو القديمة دون إعلانات Evony متناثرة الصفحة لطيفة إلى حد ما.
مكتوبة حصرا ل WDD من قبل ايلي بينير .
ما رأيك في التصميم القادم لـ Wikipedia؟ كيف يمكنك تحسين التصميم؟