علامة تبويب (واجهة)

في تصميم واجهات المستخدم، تُعدّ علامة التبويب عنصرًا رسوميًا يسمح بعرض عدة مستندات أو لوحات ضمن نافذة واحدة ، حيث تُستخدم كأداة تنقل للتنقل بين مجموعات المستندات. ^{[ 1 ]} وهو نمط واجهة شائع الاستخدام في متصفحات الويب ، وتطبيقات الويب ، ومحررات النصوص ، ولوحات التفضيلات، بالإضافة إلى مديري النوافذ ومديري النوافذ المتجانبة .

تُصمَّم علامات التبويب على غرار علامات التبويب التقليدية التي تُدرج في الملفات الورقية أو فهارس البطاقات (تماشياً مع استعارة سطح المكتب ). وعادةً ما تُعرض بشكل رسومي على صفحات الويب أو التطبيقات كما تبدو على الورق.

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

ربما كان برنامج معالجة النصوص WordVision ^{[ 3 ]} لجهاز IBM PC في عام 1982 ^{[ 4 ]} أول منتج متوفر تجارياً بواجهة علامات تبويب. ^{[ 4 ]}

قام دون هوبكنز بتطوير وإصدار عدة نسخ من إطارات النوافذ ذات علامات التبويب لنظام نوافذ NeWS كبرنامج مجاني، والذي قام مدير النوافذ بتطبيقه على جميع تطبيقات NeWS، ومكّن المستخدمين من سحب علامات التبويب إلى أي حافة من حواف النافذة. ^{[ 5 ]}

كان إصدار NeWS من محرر النصوص Gosling Emacs التابع لشركة UniPress منتجًا مبكرًا آخر يتميز بنوافذ متعددة التبويبات في عام 1988. ^{[ 6 ]} وقد استُخدم لتطوير أداة تأليف لمتصفح الوسائط المتعددة HyperTIES (إصدار محطة عمل NeWS من نظام الموسوعة التفاعلية) الخاص ببن شنايدرمان ، في عام 1988 في مختبر تفاعل الإنسان مع الحاسوب بجامعة ميريلاند . ^{[ 7 ] [ 8 ]} كما دعم HyperTIES قوائم دائرية لإدارة النوافذ وتصفح مستندات الوسائط المتعددة باستخدام تطبيقات PostScript .

على الرغم من أن برنامج Boeing Calc كان يستخدم بالفعل جداول البيانات ذات علامات التبويب (المعروفة باسم دفاتر الكلمات ) منذ عام 1987 على الأقل، ^{[ 9 ] [ 10 ]} إلا أن برنامج Quattro Pro من Borland هو الذي شاع استخدام علامات التبويب في جداول البيانات عام 1992. وفي عام 1993، استخدمها برنامج Microsoft Word لتبسيط القوائم الفرعية. ^{[ 4 ]} وفي عام 1994، أضافت شركة BookLink Technologies ميزة النوافذ ذات علامات التبويب إلى متصفحها InternetWorks . وفي العام نفسه، ظهر محرر النصوص UltraEdit بواجهة حديثة متعددة الصفوف ذات علامات تبويب. ثم تبع ذلك استخدام واجهة التبويب في واجهة NetCaptor الخاصة بمتصفح إنترنت إكسبلورر عام 1997. وتلتها عدة متصفحات أخرى مثل IBrowse عام 1999، وأوبرا عام 2000 (مع إصدار النسخة الرابعة - على الرغم من دعم واجهة MDI قبل ذلك)، وMultiViews في أكتوبر 2000، والذي غيّر اسمه إلى MultiZilla في 1 أبريل 2001 ( امتداد لمجموعة تطبيقات موزيلا ^{[ 11 ]} )، و Galeon في أوائل عام 2001، وموزيلا 0.9.5 في أكتوبر 2001، وPhoenix 0.1 ( موزيلا فايرفوكس حاليًا ) في أكتوبر 2002، و Konqueror 3.1 في يناير 2003، وسفاري عام 2003. ومع إصدار إنترنت إكسبلورر 7 عام 2006، أصبحت جميع متصفحات الويب الرئيسية تدعم واجهة التبويب.

سرعان ما اعتمد المستخدمون استخدام علامات التبويب في تصفح الإنترنت والبحث فيه. وقد وجدت دراسة أجريت في يونيو 2009 حول سلوك التصفح باستخدام علامات التبويب أن المستخدمين قاموا بالتبديل بين علامات التبويب في 57% من جلسات استخدام علامات التبويب، وأن 36% من المستخدمين استخدموا علامات تبويب جديدة لفتح نتائج محركات البحث مرة واحدة على الأقل خلال تلك الفترة. ^{[ 12 ]}

ظهرت منذ ذلك الحين العديد من إمكانيات علامات التبويب الإضافية في المتصفح. ومن الأمثلة على ذلك التصفح المرئي بعلامات التبويب في OmniWeb الإصدار 5، والذي يعرض صورًا معاينة للصفحات في قائمة جانبية على يسار أو يمين نافذة المتصفح الرئيسية. ومن الميزات الأخرى إمكانية إعادة ترتيب علامات التبويب وحفظ جميع صفحات الويب المفتوحة في علامات التبويب ضمن نافذة معينة في مجموعة أو مجلد إشارات مرجعية (بالإضافة إلى إمكانية إعادة فتحها جميعًا في الوقت نفسه). ويُميّز متصفح Microsoft Internet Explorer مجموعات علامات التبويب بألوان مختلفة.

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

يُشير مصطلح "تكديس علامات التبويب" إلى التخزين الرقمي لعلامات تبويب متصفح الويب. قد يُراكم المستخدمون علامات التبويب كتذكير بالمهام التي يتعين عليهم البحث عنها أو إنجازها ^{[ 13 ]} (بدلاً من استخدام برامج تذكير مُخصصة ). وقد يستخدمون نوافذ متصفح متعددة لتنظيم علامات التبويب أو توجيه التركيز ؛ ^{[ 13 ]} ومع ذلك، فإن ترك نوافذ متعددة مفتوحة قد يُفاقم مشكلة تكديس علامات التبويب. ^{[ 14 ]}

قد يؤدي تكديس علامات التبويب إلى التوتر وكثرة المعلومات ، ^{[ 14 ]} وتشتت الانتباه ، وانخفاض أداء الحاسوب. وقد يتطور الأمر إلى تعلق عاطفي بمجموعة علامات التبويب المفتوحة، ^{[ 15 ]} بما في ذلك الخوف من فقدانها عند تعطل النظام أو إعادة تشغيله ، ^{[ 13 ]} وعلى العكس، الشعور بالراحة عند استعادة علامات التبويب بشكل صحيح. ^{[ 16 ]} وقد عزا من يكدسون علامات التبويب هذا السلوك إلى القلق ، ^{[ 17 ]} والخوف من تفويت الأحداث ، ^{[ 18 ]} والمماطلة ، ^{[ 19 ]} وسوء ممارسات إدارة المعلومات الشخصية . ^{[ 20 ] [ 15 ]}

يُقرّ مُصنّعو المتصفحات، مثل موزيلا ، بانتشار ظاهرة تكديس علامات التبويب، وقد ألهمت هذه الظاهرة تطوير ميزات إدارة الذاكرة وعلامات التبويب في المتصفحات والإضافات . ^{[ 16 ]} تشمل هذه الميزات تجميع علامات التبويب، الذي يسمح بتنظيم علامات التبويب ذات الصلة بصريًا ^{[ 21 ]} وإمكانية طيها؛ وتحويل علامات التبويب إلى قائمة من الروابط التشعبية ؛ ^{[ 20 ]} ونماذج واجهة بديلة ، مثل عرض المهام عالية المستوى كعناصر أساسية بدلًا من علامات التبويب. ^{[ 22 ] [ 15 ]} وقد طوّرت دراسة أُجريت عام 2021 اعتبارات تصميم واجهة المستخدم التي من شأنها تمكين أدوات أفضل وإجراء تغييرات على شفرة متصفحات الويب، مما يسمح للعاملين في مجال المعرفة والمستخدمين الآخرين بإدارة علامات تبويب المتصفح واستخدامها بشكل أفضل. ^{[ 15 ] [ 23 ]}

تتضمن أطر عمل CSS التي تحتوي على علامات تبويب Bootstrap ، ^{[ 24 ]} Tailwind CSS ^{[ 25 ]} و Foundation . ^{[ 26 ]}

تتضمن مجموعات أدوات واجهة المستخدم التي تحتوي على علامات تبويب GTK باستخدام عنصر Notebook ^{[ 27 ]} ، بالإضافة إلى مكتبة Adwaita باستخدام عنصر TabBar ^{[ 28 ]} . وQt باستخدام عنصر QTabWidget ^{[ 29 ]} .

• أمثلة على واجهة علامات التبويب
• 
  محرر نصوص جنوم
• 
  موقع جنوم الإلكتروني
• 
  LibreOffice Writer : واجهة شريطية باستخدام علامات التبويب

• يُميّز متصفح مايكروسوفت إنترنت إكسبلورر مجموعات علامات التبويب بألوان مختلفة.
• واجهة على نمط بيئة التطوير المتكاملة (IDE)
• الشريط (الحوسبة)

• أداة لوحة التبويب
• مجموعة أدوات التحكم ASP.NET AJAX
• علامات تبويب Scriptaculous AJAX مؤرشفة بتاريخ 22 مارس 2010 على موقع Wayback Machine
• عرض توضيحي لنافذة التبويب deDevelopmentmo لمدير نافذة تبويب قائمة الفطيرة لمجموعة أدوات NeWS 2.0 (1991).