سواء كنت تقرأ هذه المقالة على هاتفك الذكي أو جهازك اللوحي أو الكمبيوتر ، فأنت تختبرها من خلال واجهة مستخدم رسومية أو واجهة مستخدم رسومية. كما يوحي اسمها ، تسمح واجهة المستخدم الرسومية للمستخدمين بالتفاعل مع الأجهزة الإلكترونية من خلال الرموز الرسومية بدلاً من واجهات المستخدم المستندة إلى النصوص. إليك نظرة على تاريخ واجهة المستخدم الرسومية وسبب أهميتها.
تاريخ واجهة المستخدم الرسومية
قد يعتقد مستخدمو Windows القدامى أن الانتقال من الأنظمة المستندة إلى النصوص إلى واجهة المستخدم الرسومية حدث عندما حل Windows 95 محل Windows 3.1. على الرغم من أن هذا كان معلمًا أساسيًا في اعتماد واجهة المستخدم الرسومية ، إلا أنه يتعين عليك العودة إلى عام 1963 ، عندما تم تقديم أول برنامج تصميم رسومي بمساعدة الكمبيوتر.
باستخدام برنامج Sketchpad الخاص بـ Ivan Sutherland ، يمكن للمستخدمين إنشاء الكائنات ومعالجتها في الرسومات الهندسية باستخدام قلم ضوئي. تبع Sketchpad نظام ستانفورد عبر الإنترنت (NLS) في وقت لاحق من ذلك العقد. على الرغم من أن اسم NLS ربما فُقد في التاريخ ، إلا أن النتيجة لم تكن كذلك. استخدم النظام الارتباطات التشعبية المستندة إلى النص والتي تلاعب بها أول فأرة كمبيوتر في العالم.
في السبعينيات ، تم تقديم برمجة Smalltalk ، والتي تعمل على كمبيوتر Xerox Alto. يتم اشتقاق معظم واجهات المستخدم الرسومية الحديثة من هذا النظام. وفي الوقت نفسه ، جلبت واجهة مستخدم Xerox PARC عناصر رسومية أخرى مألوفة الآن إلى المقدمة ، بما في ذلك النوافذ والقوائم وأزرار الاختيار ومربعات الاختيار. بحلول نهاية العقد ، انخرطت شركات مثل Microsoft و Apple و IBM في واجهات المستخدم الرسومية.
التبني في وقت لاحق
دخلت أنظمة واجهة المستخدم الرسومية الاتجاه السائد في الثمانينيات سريعة الحركة. تم إصدار Apple Lisa في عام 1983 ، تلاه الإصدار الأول الأكثر نجاحًا من Apple Macintosh بعد عام. وصل Windows 95 أخيرًا بعد عقد من الزمن ، وفي غضون أشهر ، أصبح أكثر أنظمة تشغيل سطح المكتب شيوعًا على الإطلاق.
شهد أوائل القرن الحادي والعشرين وصول أنظمة تشغيل الأجهزة المحمولة ، بما في ذلك iOS من Apple ، و Android من Google ، وغير ذلك الكثير. على الرغم من اختلافها على السطح ، فقد استخدم كل منها نفس عناصر واجهة المستخدم الرسومية التي تم تنفيذها لأول مرة منذ عقود.
ميزات واجهة المستخدم الرسومية الرئيسية
تقدم كل من أنظمة واجهة المستخدم الرسومية هذه الأقسام العامة: النوافذ ، والقائمة ، والرموز ، وعناصر التحكم ، وعلامات التبويب. تتضمن العناصر التفاعلية مؤشرًا ومؤشرًا ونقطة إدخال وتحديدًا ومقبض ضبط.
شبابيك
أنت تشاهد هذه المقالة من خلال مستعرض ويب ، وهو بحكم تعريفه نافذة ، تمامًا مثل برنامج البريد الإلكتروني أو عنوان برنامج Adobe. Windows عبارة عن مناطق في شاشة الكمبيوتر تكون فيها المعلومات القابلة للعرض منفصلة عن بقية الشاشة.
تقوم نافذة الحاوية بإحاطة النوافذ الأخرى أو التحكم تمامًا كما تسمح لك نافذة المستعرض بعرض سلسلة من العناصر والتنقل فيها ، مثل المستندات أو صفحات الويب. اليوم ، تظهر وحدات التحكم مثل US-DOS و UNIX من خلال النوافذ الطرفية للنص.
توجد أيضًا إطارات رسائل ، والتي تسمى أحيانًا مربعات الحوار. يتم فتح هذه النوافذ ضمن برنامج على جهازك. يطلب منك هذا عادةً تقديم إجابة إيجابية أو سلبية. على سبيل المثال ، عند تغيير مستند في برنامج مثل Microsoft Word ، قد تظهر نافذة رسالة تسألك عما إذا كانت هذه هي الخطوة التي ترغب في القيام بها.
القوائم
عند استخدام الماوس أو الإصبع أو أي جهاز تأشير آخر ، فأنت على الأرجح تقوم بتنفيذ أمر من خلال القوائم التالية لعنصر واجهة المستخدم الرسومية. تقدم هذه العناصر عادةً قائمة بالاختيارات ، مما يسهل على المستخدم تحديد ما يجب فعله بعد ذلك. هناك أنواع مختلفة من القوائم ، بما في ذلك شريط القوائم وقائمة السياق. سترى الأول في الجزء العلوي من الشاشة. يتميز بالقوائم المنسدلة التي تظهر عند النقر فوق الكلمات في القائمة.
على النقيض من ذلك ، تكون قوائم السياق غير مرئية حتى يتم النقر عليها أو النقر عليها. يؤدي النقر بزر الماوس الأيمن على جهاز كمبيوتر عادةً إلى إظهار قائمة محتوى مخفية مسبقًا.
أيقونات
أكثر الأجزاء التي يمكن ملاحظتها في أي نظام واجهة مستخدم رسومية هي الرموز. تمثل هذه الصور الصغيرة ، الموجودة على سطح المكتب أو الصفحة الرئيسية أو المجلد ، كائنات مختلفة مثل برنامج أو ملف أو صفحة ويب أو أمر. يفتح الرمز الكائن المذكور عند النقر فوقه.
ضوابط
في أنظمة واجهة المستخدم الرسومية ، ستجد أيضًا عناصر تحكم ، تسمى أحيانًا عناصر واجهة المستخدم. تعد عناصر التحكم الرسومية هذه مكونًا أساسيًا من مكونات البرامج ، مما يسمح للمستخدم بقراءة أو التأثير (من خلال التحرير) على المعلومات حول أحد التطبيقات. تتخذ عناصر التحكم أشكالًا مختلفة ، بما في ذلك أشرطة التمرير وأزرار الاختيار ومربعات الاختيار والمزيد.
نوافذ التبويب
أخيرًا ، هناك علامات تبويب. تأخذ هذه العناصر عادةً شكل مربع صغير مستطيل أو نص بسيط. عند النقر فوقها ، تظهر قائمة بالكائنات أو المقاطع المتشابهة. علامات التبويب ، على سبيل المثال ، هي عنصر أساسي في متصفحات الويب. عند النقر فوق علامات التبويب ، يمكنك التنقل بين موقعين أو أكثر في وقت واحد دون إغلاق موقع آخر. تحتوي كل علامة تبويب على صفحة ويب منفصلة.
العناصر التفاعلية الرئيسية لواجهة المستخدم الرسومية
لن يقدر أي منا تمامًا ما تعنيه واجهة المستخدم الرسومية للحوسبة إذا لم تكن الأدوات التي تم تطويرها للتنقل بين الميزات المختلفة. تطورت هذه العناصر التفاعلية على مر السنين وتشمل المؤشرات والمؤشرات وغيرها الكثير.
المؤشر هو كائن رسومي يتحرك على شاشة الكمبيوتر باستخدام الماوس أو لوحة اللمس. تبدأ المؤشرات في النقرات واللمسات والسحب المألوفة. المؤشر هو نوع من المؤشرات ويشير إلى موقعك الدقيق على الشاشة. يظهر الخط العمودي الوامض موقع المؤشر.
نقطة الإدراج هي المكان الذي ستظهر فيه الأوامر التي بدأها المستخدم ، على سبيل المثال ، داخل التطبيقات النصية أو عند استخدام عملية النسخ واللصق. التحديد هو قائمة بالعناصر التي تتم فيها عمليات المستخدم. عادةً ما يضيف المستخدمون عناصر إلى هذه القائمة يدويًا ، وإن لم يكن ذلك دائمًا. أخيرًا ، يعد مقبض الضبط مؤشرًا لنقطة بداية لعملية السحب والإفلات. المربع الذي يظهر على أركان وحواف النافذة ، على سبيل المثال ، هو مقبض ضبط.
الكثير لنرى
في كثير من النواحي ، كل شيء على شاشة الكمبيوتر هو واجهة مستخدم رسومية. على الرغم من تحسن الميزات والعناصر على مر السنين ، إلا أن المفاهيم الأساسية ظلت كما هي لعقود. بدون هذه ، ستبدو الحوسبة مختلفة كثيرًا.
استخدم قائمة التحقق القابلة للطباعة لتخطيط الفعاليات وقالب الميزانية في Word لتتبع المسؤولين، والمواعيد النهائية، والتكاليف، والموردين، وجاهزية يوم الفعالية مع فحوصات جودة واضحة.
أصلح معادلات Excel التي لا تُحتسب تلقائيًا في ثلاث خطوات: استعادة وضع الحساب، فرض إعادة الحساب، وإصلاح المعادلات المنسقة كنص.
استخدم جدول التنظيف الأسبوعي القابل للطباعة هذا لاستضافة Airbnb لتنظيم عمليات التبديل، والتنظيف الدوري، وإعادة التخزين، والفحوصات، والتسليم من Word إلى PDF.
أنشئ سجل صيانة معدات عمليًا في Excel لمديري الورش، يتضمن معرفات الأصول، سجل الخدمة، مواعيد الاستحقاق، ضوابط الحالة، تتبع التوقف عن العمل، وقائمة تدقيق نهائية.
أنشئ ملف تعريف للمستثمرين بأسلوب بسيط باستخدام باوربوينت مع هيكل عملي من 12 شريحة للشركات الناشئة في مجال التكنولوجيا، بالإضافة إلى إرشادات حول الأدلة، والمقاييس، ومطالبات جمع التمويل، وقوالب .potx القابلة لإعادة الاستخدام.
أنشئ عرض تقديمي حديث لقوائم العقارات باستخدام PowerPoint مع مخطط شرائح مجاني، ونصائح موثوقة للقوالب، وتحذيرات حول تحليل السوق المقارن، وفحوصات حقوق الصور، وضمانات الإسكان العادل.
قارن بين HubSpot Free CRM و Zoho CRM للوسطاء العقاريين المستقلين، بما في ذلك جهات الاتصال، وخطوط المعاملات، والأتمتة، والتخصيص، وجدولة المواعيد، والحدود، ومحفزات الترقية.
أصلح تسجيلات شاشة PowerPoint الصامتة من خلال التحقق من عنصر التحكم في الصوت، وأذونات الميكروفون في Windows، وجهاز الإدخال النشط، وتوقعات صوت النظام، وتحديثات Office.
استخدم قالب PDF قابل للطباعة لحجز الوقت اليومي لتخطيط ساعات العمل المركّز، والاجتماعات، والاستراحات، والمهام الإدارية، وهوامش الأمان الواقعية دون إرهاق يومك.
أنشئ عرضًا تقديميًا موجزًا لتقرير حالة مشروع الأجايل يتضمن أهداف السبرنت، والنتائج، والمخاطر، وإشارات الجودة، والقرارات، والخطوات التالية—دون تحويل العرض إلى مجرد قائمة مهام غير منظمة.
