رابط کاربری Ribbon چیست ؟

Sarp

مدیر بازنشسته


همه ی ما در طول سالیانی که با نرم افزارهای WinForm کار کرده ایم با سختی کارکردن با منوهای این نرمافزارها روبرو بوده ایم.منوهای که ظاهر خیلی خشک داشت و به خاطر سپردن هریک از منوها برای خیلی ها مشکلی اساسی بود ،به همین دلیل مایکروسافت گروهی را تشکیل داده بود تا به بررسی مشکلات وعلل ناکارآمدی رابط کاربری قبلی بپردازند
این گروه چندین رابط کاربری را ساختند ولی به دلیل کامل نبودن و داشتن مشکلات،توسط مایکروسافت معرفی نشد از این رابط های کاربری ناموفق می توان به چند مورد زیر اشاره کرد:




  • The confiqurator
  • Fluid Menu
  • The Strawman
  • Full page-UI
  • Ring task quid
  • Tabbed Toolbar
نتیجه تلاش های این گروه و تعدادی دیگر از توسعه دهندگان و طراحان مجرب سرتاسر دنیا موجب بوجود آمدن رابط کاربری(UI) جدید مایکرسافت یعنی Ribbon گردید که در ابتدا در مجموعه آفیس 2007 از آن استفاده شد (Microsoft® Office Fluent™ ) که خیلی مورد توجه قرار گرفت.مایکروسافت بعدها در رابط کاربری آفیس 2010و نرمافزار های کاربردی ویندوز 7 از آن استفاده کرد .

WPF Ribbon
به طور ساده Ribbon یک رابط کاربری است که قابلیت های یک سیستم نرافزاری را در قالب یک سری زبانه وگروه بندی که در بالای پنجره برنامه قرار دارد،مدیریت می کند.


Ribbon کیفیت رابط کاربری برنامه را به صورت چشم گیری افزایش می دهد به طوری که یادگیری آن آسان گردیده و به کابر برنامه حسی را تلقین می کند که سالها با این نرم افزار کار کرده و به تمام قابلیت های این برنامه واقف است این درحالی است که امروزه اکثر برنامه های کاربردی از Ribbon به عنوان رابط کاربری خود استفاده می کنند و به حتم می توان گفت که جایگزین منوها و نوار ابزار های قبلی شده و این امر باعث این تشدید این حس در کاربر برنامه می گردد.اگر خیلی مشتاق هستید که با تاریخچه بوجود آمدن Ribbon آشنا شوید می توانید به کنفرانس آقای جنسن هریس با موضوع " The Story of the Ribbon" مراجعه کنید

با تمام این با معرفی رابط کاربری Ribbon توسط مایکروسافت در مجموعه آفیس 2010 ،شرکت های نرمافزاری به فکر ساخت واستفاده از این رابط کاربری افتادند و طولی نینجامید که کنترل های با کیفیت Ribbon مایکروسافت را طراحی کردند ولی مشکلی که اکثر توسعه دهندگان با این کنترل ها داشتند ،هزینه گزاف خرید این کنترل ها بود و دلیل بد تر برای ما فارسی زبان ها و کلا زبان های راست به چپ پشتیبانی نکردن این کنترل ها از راست به چپ بود.با این وجود مایکروسافت با دست ودلبازی که انجام داد نسخه ای رایگان و جهت نمایش، از Ribbon را برای WPF را در مجموعه WPF Toolkitارائه داد که با آماده شدن نسخه نهایی تمام قابلیت ها و عملکرد های Ribbon استفاده شده در مجموعه آفیس 2010 را داراست ولی به دلیل ارائه نشدن نسخه نهایی و RTW این کنترل تا زمان ارائه ویژوال استودیو 2010 ،این مجموعه در ویژوال استودیو 2010 وجود ندارد و برای استفاده از آن می بایست آن را از سایت مایکروسافت (
از این آدرس ) به صورت رایگان دریافت کنید.


یک رابط Ribbon از زبانه های تشکیل شده که در درون خود گروههای را برای جداسازی و دسته بندی هرچه بیشتر قابلیت ها به توسعه دهندگان می دهد.
تصویر زیر نمای از رابط کاربری MS Word 2010 که با رابط کاربری Riboon طراحی گردیده است.





با نگرش به این رابط کاربری ترتیب و زیبایی چشم نواز را می توان مشاهده نمود که نشان دهنده تمامی قابلیت های یک نرم افزار به صورت یکجاست که واقعا ترکیبی بی بدیل را می سازد.
در ادامه اجزاء تشکیل دهنده رابط کاربری Ribbon را به صورت کلی بررسی می کنیم وبررسی ریز بینانه و کامل را به فصول مربوطه خود وا می گذاریم.


اگر بخواهیم اجزاء یک رابط کاربری Ribbon را به صورت یکجا نمایش دهیم ،می توانیم تصویر بالا را به صورت زیر تفکیک کنیم.



بیشترین اجزاء تشکیل دهنده یک Ribbon شامل زبانه ها (Tab) و گروه ها (Group) است و دیگر اجزاء در کنار این اجزاء قابلیتی دست نیافتنی را بوجود می آورند.در زیر به تشریح کوتاهی از این اجزاء می پردازیم

  • Application Button : منوی را ارائه می دهد که خارج از زبانه های می باشد و قالبا دستوراتی را برای انجام کاری به خصوص یا تنظیملت برنامه در دسترس کاربر قرار می دهد
  • Quick Access Toolbar : این نوار این امکان را به کاربر می دهد که دستوراتی را که بیشتر از آنها استفاده می کند را در سر صفحه فرم برای دسترسی سریعتر قرار دهد
  • Tab : این زبانه ها به عنوان زبانه اصلی برنامه هستند و همیشه مشاهده می شوند (به این زبانه ها Core Tab گفته می شود).
  • Contextual tab :این نوع زبانه در مواقع خاصی به نمایش در می آیند و بعد از زبانه های اصلی به نمایش درمی آیند.
  • Contextual tab set :مجمو عه ای از زبانه ها را در بر می گیرد که قالبا برای کار با شئ یا اشیائی مشخص هستند مثلا در Word وقتی تصویری را انتخاب می کنیم زبانه های مربوط به تنظیمات آن نمایش داده می شوند و این زبانه ها با یک tab Set از دیگر زبانه ها متمایز می شوند (به طور ساده تر برای گروهی از زبانه ها را مشخص می سازد)
  • Enhanced tooltip: ابزار راهنمایی پیشرفته ای است که می تواند شامل یک تصویر و کلید های دسترسی باشد که بوسیله این کلیدهای دسترسی می توان راهنمایی سازماندهی شده ای را به کاربر سیستم رائه داد.
  • Dialog box launcher: وقتی که نتوان تمامی قابلیت های مرتبط به یک گروه را در یک گروه نمایش داد ،از یک پنجره دیگر برای ارائه قابلیت ها استفاده می شود و یک Dialog box launcher به کاربر اعلام می کند که می تواند قابلیت های بیشتری مربوط به این گروه را مشاهده کند.
  • Help : دسترسی سریعی به راهنمای برنامه است.
 
Similar threads
بالا