هل تفضل ال Ribbons او ال Menu ؟

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

أرى أن الـ Ribbon أقرب إلى الـ TabControl منه إلى الـ Menu

عملياً هو مجرد Fancy TabControl ... عادة أفضل الـ TabControl ...

بالتاكيد Ribbon

وانا اميل حتى في تصميم البرامج التي اصممها حاليا الى اعتماد الياتها مع العلم انها غير مجانية ( السهلة الاستعمال ) .. والمجانية فيها تكون صعبة ومزعجة بالتعامل

الا التي وضعتها ميكروسوفت على موقع CodePlex فهي قوتها تكمن مع الWPF ..

وتدربت عليها ..

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

او مثلا لو قمت بتأشير اختيار او تريد ان تتاكد من تأشير اختيار .. فلا تحتاج الى التاكد سوى ان تختار الTab الخاص وترى ما تريد ..

وكذلك حتى في استخدام الMenu عندما تختار القائمة فانها تخفي ما وراءها وهذه نقطة سيئة ...

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

كنت متوقع ان Visual Studio 2010 سيتبع الRibbon في عمله ..

او حتى الExpression .. لكن الضاهر انها لا تريد ان تخطي هذه الخطوة الان ..

تحياتي العطرة ..

دى السياسة الجديدة فى ميكرو

فى ندوة لبيل جيتس فى mit سنة 2004 اتكلم فيها عن مستقبل صناعة البرمجيات

كان بيتكلم على ان برمجهم الجديده هتقدم جيل تانى من الوجهات هتبهر المستخدم

وانهم هيتحولوا لل 3D و الواجهات المشرقة (shining interface) فى تصميم وجهات برامجهم (وعرض برنامج عرض صور وكمان موقع افلام فيهم تقنيات رهيبة منها ال Ribbon )

بعدها لقيت ويندوز VISTA وكمان الاوفيس 2007

الفيديو الخاص بالندوة

حقيقة لا أهتم كثيرا بمثل هذه الأمور...

لكن طالما أن القوائم التقليديه تقوم بالأمر .... ما الداعى لإستخدام هذا الشئ الأخر من ميكو... و إن كانت جيده مع بعض البرامج .... فمثلا لمَ لم تضعها ميكو مع VS2010 ؟؟!!!

اقتباس

فمثلا لمَ لم تضعها ميكو مع VS2010 ؟؟!!!

لماذا وضعتها في اوفس 2007 / 2010 ؟؟ ولماذا وضعتها في Paint in Win7 .. ؟

ولماذا في Calculator .. ؟؟

ولماذا استخدم مبدأها في IE 7, 8 , 9 ؟؟

اعتقد انها تقنية الواجهات المستقبلية الكاملة لميكروسوفت .. ويوم بعد يوم تزداد البرمجيات التي تستخدم هذه التقنية ...

بالمناسبة اعتقد انه سأسأل عن Calculator و IE كيف استخدمت ..

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

وهي اساس الRibbon من ناحية اللون ..

ولذلك الاوامر والاختيارات والازرار الموجودة في VS.Net بصورة عامة كثيرة .. فماذا لو تم استخدام التقنية في تسهيل التصميم .. ؟.؟

موضوع عدم وضعها في Visual Studio تم اثارته في أوقات كثيرة, و الاجابة بسيطة, أن الVisual Studio أداة تطوير للمبرمجين و المحترفين, و ليست للمستخدم النهائي, و لهذا ستجد كما سرد الأخوة في السابق أغلب البرامج التي تتعامل مع المستخدم النهائي تم تحويلها الى نظام Ribbon مثل Paint, Wordpad و ربما برامج أخرى في المستقبل فهي عملية تستغرق وقت, فحتى Office 2007 لم يضم الRibbon لكل البرامج, لكن في Office 2010 تم تضمين كل البرامج بما فيها Sharepoint

أعتقد أن القرار يؤخذ بناء على دراسات للUsability و اذا كانت الدراسات تشير للتحسن بعد استخدام Ribbon يتم تغيير الواجهة.

شكرا للاراء

يظهر ان ال Ribbon هو المفضل اكثرا، انا ايضا مرتاح معاه، سوف اكمل بناء البرنامج الذي اعمل عليه ليستخدم ال Ribbon.

مشكورين

اقتباس

سوف اكمل بناء البرنامج الذي اعمل عليه ليستخدم ال Ribbon

ساخرج عن الموضوع قليلا اخي T5 ..

كيف ستقوم بذلك ؟ باستخدام ماذا ممكن توضح ؟

لاني الصراحة اريد ان استخدمها ..

جربتها كثيرا كما قلت سابقا لكن اما ادوات غير مجانية .. تحتاج الى كراك وجربته ايضا لكن مع النسخ الحديثة من الوندوز واطار الدوت نت .. لا يعمل ... مثل اطار 4 ..

او الخاصة بميكروسوفت لكن موجهة بصورة اساسية ل WPF ..

البرنامج الذي اعمل عبارة عن Prototype ، يعمل بداخل متصفح، الكود عبارة عن Html5, Css3, and EcmaScript

ال Ribbon الذي ياتي مع Office فيه امور كثيرة، سوف اكتب واحد بسيط بالقطع التي احتاجها فقط :-)

انا بدئت قبل يومين بكتابة واحد، ممكن تجريبه هنا

http://www.activemotion.ca/p/demo.html

ال WPF بطيئة جدا، انا كنت معجب كثيرة بها قبل عامين حتى صنعنا برنامج كبير يعتمد عليها، و لليوم نعاني من السرعة، على العموم هذا موضوع اخر.

ال .NET بطية جدا مقارنة مع C و لكنها افضل الموجود حتى الان، اعتقادي ال User Interface في السنوات القادمة سوف يصبح Html عادي، و ال Asp.net سوف تستخدم لتبادل البيانات فقط

الصراحة دخلت الموقع وقبل ان ابدأ بالتحميل ..

شاهدت الشروط والمتطلبات للتشغيل ..

وهذا ابسط شئ جعلني اتوقف

اقتباس

Does not work on old IE (IE 6, 7, and 8), old Firefox, ... etc.

وانا اعمل على نسخة 8 ..

المتلطلبات الصراحة غير ممكنة في الوقت الحالي ولذلك لن استطيع ان اشاهد ما اضفته لي

تحياتي العطرة

أخ سنان المثال يعمل على أي متصفح إلا الإكسبلولر ما المشكله ؟

يمكنك استخدام السكريبت وإجبار العميل على إستخدام المتصفح الأنسب بما أنه عباره عن برنامج أو لوحة تحكم

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

هوا يعني احنا نضحي بالجنين علشان يعيش الاب :-) ؟

IE8 متصفح ممتاذ ، انا صراحة باستخدمه كثيرا و مرتاح معاه، ولكنه ليس بيئة تشغيل برمجيات، لديه قدرة على عمل امور كثيرة و صنعت برامج كثيرة لتعمل به، ولكنها تبقى محدودة مقابل CSS3 و HTML5 و اخر اصدار لجافا سكريبت.

من ناحية اخرى، Google Chrome بدء كمتصفح، و الان بدا يتحول تدريجيا لبيئة تشغيل برامج ، لا تختلف كثيرا من Java او .NET ، و سرعة ال Html بداخل Chrome افضل بكثير من WPF (في البرامج التجارية).

عندما تصنع برنامج معين، فلكل برنامج متطلبات تشغيل، مثلا برامج .نت تتطلب Framework 4 و جافا تتطلب جافا و...

انظر اليها نفس الشيئ، برامج الويب تتطلب منصات تشغيل لها ايضا :-)

لا يجب ان تستبدل المتصفح، ولكنك ايضا بحاجة لبيئة تشغيل برامج ايضا، مثل Google Chrome :-)

بالنسبة لل Ribbon ربما لو كان الجزء السفلى شفاف قليلا و عندما تاتي ال Mouse فوقه تزيل الشفافية، سوف اجرب الفكرة

هل لو صممت أداه Ribbon من الصفر لدرجه أنها تشبه الموجوده في الأوفيس فهل سيتم سؤالي و فرض علي أتاوه لإستخدام نفس الشكل نظراً لأن مايكروسوفت تروج أنها من أنتجها أولاً و هل سجلت هذا الشكل كبراءه إختراع و لا حاجه؟

أرى أن مايكروسوفت لم تخترعها و لكنها مقتبساها من برنامجين فأولهم هو 3D Studio Max فهو أول من استخدم Tap في عرض الأدوات و التحكم و الزر الرئيسي الموجود على اليسار في الأعلى كان أول من صممه هو Real Player و هنا أرى أن مايكروسوفت أخذت تصميم من هنا و من هناك و جمعتهم فإذا سجلت هذا كبراءه إختراع فأعتقد أنني في هذه الحاله يمكنني أن أخذ Ribbon و أضيف عليها شئ أخر و أسجلها لأنني في هذه الحاله جمعت أيضاً مثلها

http://msdn.microsoft.com/en-us/office/aa973809.aspx

Office UI License and FAQ

اقتباس

we are offering a royalty-free license to use the Office UI subject to very few restrictions.

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

اقتباس

Microsoft is proud of the results of our massive investment in usability and innovative user interface design for Office 2007. We are offering a licensing opportunity to the broader software community that enables licensees to share the benefits from our research and development in the Office UI.

هنا تتكلم أنها لها الحق في إعطاء الترخيص حتى تستطيع أن تنشئ نفس الشكل.

اقتباس

The program provides licensees the rights to make their licensed products look and behave like Office 2007. Licensees will receive design guidelines that they will reference in the creation of their own applications. (The program does not involve code or technical specifications and there are no protocols or file formats either.)

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

اقتباس

There has been tremendous interest from our ISV partners to create applications that look and act like our new innovative Office UI. We wanted to create an easy way for them to do that while protecting our large R&D investment. Through this program Microsoft is making available an opportunity for others to take advantage of our stunning new UI in a way that’s good for the ecosystem, the customer, and Microsoft.

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

اقتباس

The license is provided at no cost. It is a royalty-free license.

جميل و لكنه يتضارب مع العنصر بعد التالي

اقتباس

No. Any software product that complies with the license agreement may implement elements of the UI.

إجباري على ضم ملف نصي مع برنامجي

اقتباس

The license is available for applications on any platform, except for applications that compete directly with the five Office applications that currently have the new UI (Microsoft Word, Excel, PowerPoint, Outlook, and Access). We wanted to make the IP available broadly to partners because it has benefits to Microsoft and the Office Ecosystem. At the same time, we wanted to preserve the uniqueness of the Office UI for the core Office productivity applications.

تضارب شديد في أنهم يقولون أنه مجاني و لكن يجبروك على أن لا تستخدم نفس الشكل في برامج منافسه و هنا يوجد القيود التي تكلمت عليها في العنصر الأول فكل برنامج يصممونه فسيضاف إلى القيود

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

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

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

برأيي يعتمد على نوع التطبيق ، فالـ Ribbon لم توضع الا لتسهيل الاستخدام على المستخدم ، وفي اي تطبيق يتم استخدام ribbon فيه بطريقة خاطئة فان هذا لن يحقق هدف ribbon اصلا .

هناك بعض التطبيقات التي ارى ان تطبيق ribbon فيها لن ينفع ، مثلا بعض التطبيقات العلمية والهندسية المتقدمة جدا كـ ANSYS مثلا ، لا يحتاج فيه استخدام هذا النوع من الواجهات ، وفي تطبيق كهذا ستحتاج الى توفير ال ما يعطيك اياه ال hardware لتستخدمه في ال run للحسابات المعقدة .

برأيي يعتمد على نوع التطبيق ، فالـ Ribbon لم توضع الا لتسهيل الاستخدام على المستخدم ، وفي اي تطبيق يتم استخدام ribbon فيه بطريقة خاطئة فان هذا لن يحقق هدف ribbon اصلا .

هناك بعض التطبيقات التي ارى ان تطبيق ribbon فيها لن ينفع ، مثلا بعض التطبيقات العلمية والهندسية المتقدمة جدا كـ ANSYS مثلا ، لا يحتاج فيه استخدام هذا النوع من الواجهات ، وفي تطبيق كهذا ستحتاج الى توفير ال ما يعطيك اياه ال hardware لتستخدمه في ال run للحسابات المعقدة .

انا لا اعتقد بان هناك فخ او اية شيئ اخر

شركة، صنعت مجموعة برامج، و البرامج تحتوي على Ribbon

تلك الشركة تعطي ترخيص باستخدام ال Ribbon كيفما شئت ، الا في حال قررت منافسة منتجاتها مباشرة، شيئ طبيعي، يعني مايكروسوفت شركة، ليست موسسة خيرية :-)

نفس الشيئ لما بتعبي بنزين في محطات البنزين، شركات البترول ليست موسسات خيرية ايضا :-)

ولكن ربما يجب ان افكر في حلول اضافية بديلة لل Ribbon ، اية افكار ؟

اضافة للسابق، لو هناك افكار اضافية على شكل رسومات لشيئ بديل لل Ribbon و ال Menu برجاء ارفاقها على شكل صور او فوتوشوب، لو اعجبتني الفكرة فقد احولها الى Html Controls

مشكورين

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

firefox addons all in one sidebar