تسمح واجهة المستخدم الرسومية (GUI للاختصار) للمستخدمين بالتفاعل مع أجهزة الكمبيوتر بطريقة سهلة الاستخدام.
على مر السنين ، تم تطوير مجموعة من GUI لأنظمة تشغيل مختلفة مثل OS / 2 و Macintosh و Windowsamiga و Linux و Symbian OS وأكثر من ذلك.
سنلقي نظرة على تطور تصاميم الواجهة لأنظمة التشغيل الرئيسية منذ الثمانينيات.
يجب أن أذكر أن هذه المقالة تعرض فقط التقدم الكبير في تصميم واجهة المستخدم الرسومية (وليس نظام التشغيل) وكذلك ليس كل واجهات المستخدم الرسومية وأنظمة التشغيل الموجودة اليوم.
تم تطوير واجهة المستخدم الرسومية الأولى من قبل الباحثين في مركز زيروكس بالو ألتو للأبحاث (PARC) في السبعينيات. هذا البحث فتح حقبة جديدة كاملة من ابتكارات الكمبيوتر الرسومية.
وكان أول جهاز كمبيوتر شخصي يستخدم واجهة مستخدم رسومية حديثة زيروكس ألتو تم تطويره في عام 1973. لم يكن هذا منتجًا تجاريًا وكان مخصصًا أساسًا للبحث في الجامعات.
كان هذا هو النظام الأول الذي تمت الإشارة إليه على أنه جهاز كمبيوتر مكتبي متكامل بما في ذلك التطبيقات وواجهة المستخدم الرسومية. كان يُعرف باسم "زيروكس ستار" ، الذي أعيدت تسميته لاحقًا باسم "ViewPoint" وأعيدت تسميته لاحقًا إلى "GlobalView" .
زيروكس 8010 ستار ، المصدر: toastytech.com
يُشار إليه أيضًا باسم Lisa OS ، وهو في هذه الحالة قصير لنظام Office. تم تطويره من قبل شركة أبل بقصد أن تكون محطة عمل لمعالجة المستندات.
لسوء الحظ لم تدوم محطة العمل هذه ، فقد تم قتلها بواسطة نظام التشغيل Macintosh من Apple الذي كان أكثر بأسعار معقولة.
كانت هناك ترقيات لنظام ليزا ، ليزا OS 2 في عام 1983 وليسا OS 7/7 3.1 في عام 1984 ، التي قامت بترقية النظام نفسه ، ولكن ليس واجهة المستخدم الرسومية.
Apple Lisa OS 1 ، المصدر: دليل
Apple Lisa OS 1 ، المصدر: دليل
كان Visi On أول واجهة مستخدم سطح مكتب تم تطويرها لأجهزة الكمبيوتر IBM. كان هذا النظام موجهاً نحو الشركات الكبرى ، وكان يحمل ثمنًا باهظًا. استفادت واجهة المستخدم الرسومية من الفأرة ، وكان لديها نظام مساعد ومثبت مضمنًا ولم تستخدم أيقونات.
VisiCoprt Visi On ، المصدر: toastytech.com
VisiCoprt Visi On ، المصدر: toastytech.com
كان System 1.0 أول نظام تشغيل GUI تم تطويره لـ Macintosh. كان لديها العديد من الميزات لنظام التشغيل الحديث ، كونها نوافذ تعتمد على الأيقونات. يمكن نقل النوافذ بالماوس ويمكن نسخ الملفات والمجلدات عن طريق السحب والإفلات في الموقع المستهدف.
Apple Mac System 1.0 ، المصدر: toastytech.com
عند إصداره لأول مرة ، كان Amiga متقدمًا على وقته. تضمنت واجهة المستخدم الرسومية ميزات مثل الرسومات الملونة (أربعة ألوان: أسود ، أبيض ، أزرق ، برتقالي) ، تعدد المهام الوقائي ، صوت ستيريو ورموز متعددة الحالات (محددة وغير محددة).
أميغا منضدة 1.0 ، المصدر: دليل
أميغا منضدة 1.0 ، المصدر: دليل
وفي هذا العام ، تمكنت مايكروسوفت أخيرا من التغلب على جنون واجهة المستخدم الرسومية بالكامل وإصدار نظام التشغيل Windows 1.0 ، وهو أول نظام تشغيل قائم على واجهة المستخدم الرسومية (على الرغم من أن لا أحد يجرؤ على الإشارة إليه كواحد). يتميز النظام برموز 32 × 32 بيكسل ورسومات ملونة. كانت الميزة الأكثر إثارة للاهتمام (التي تم حذفها لاحقًا) هي رمز الساعة التناظرية المتحركة.
Microsoft Windows 1.01 ، المصدر: makowski-berlin.de
Microsoft Windows 1.01 ، المصدر: makowski-berlin.de
كان GEM (مدير البيئة الرسومية) واجهة المستخدم الرسومية نمط واجهة المستخدم التي أنشأتها شركة Digital Research، Inc. (DRI). تم إنشاؤه في البداية للاستخدام مع نظام التشغيل CP / M على المعالجات الدقيقة Intel 8088 و Motorola 68000 وتم تطويره في وقت لاحق ليعمل على DOS كذلك. سيتذكر معظم الناس GEM كواجهة المستخدم الرسومية لأجهزة الكمبيوتر Atari ST. تم استخدامه أيضا على سلسلة أجهزة الكمبيوتر المتوافقة مع Amstrad IBM. كان هذا هو جوهر فنتورا الناشر وعدد قليل من برامج دوس الأخرى. تم أيضًا نقل واجهة المستخدم الرسومية إلى أجهزة كمبيوتر أخرى ولكنها لم تكتسب شعبيةً عليها.
مصدر: ويكيبيديا
تم إنشاء نظام التشغيل IRIX 64 بت لـ UNIX. ميزة مثيرة للاهتمام من هذا واجهة المستخدم الرسومية هو دعم الرموز المتجهة. تم إنشاء هذه الميزة في واجهة المستخدم الرسومية قبل وقت طويل من وجود نظام التشغيل Mac OS X.
Silicon Graphics IRIX 3.0 ، المصدر: osnews.com
تم تطوير نظام التشغيل GEOS (نظام تشغيل بيئة التشغيل) بواسطة Berkeley Softworks (في وقت لاحق GeoWorks). تم تصميمه أصلاً لـ Commodore 64 وضم معالج كلمات رسومي ، يدعى geoWrite وبرنامج طلاء يدعى geoPaint.
مصدر: ويكيبيديا
في هذا الإصدار ، تحسنت الإدارة الفعلية للنوافذ بشكل ملحوظ. يمكن تراكب النوافذ ، وتغيير حجمها ، وتعظيمها وتقليلها.
مايكروسوفت ويندوز 2.03 ، المصدر: guidebookgallery.org
مايكروسوفت ويندوز 2.03 ، المصدر: guidebookgallery.org
تم تطوير نظام التشغيل OS / 2 في الأصل من قبل IBM و Microsoft ، ولكن في عام 1991 ، تم تقسيم الشركتين ، مع دمج Microsoft للتكنولوجيا في Windows GUI الخاص بها و IBM لتطوير OS / 2. تم استدعاء واجهة المستخدم الرسومية المستخدمة في OS / 2 "مدير العرض التقديمي". يدعم هذا الإصدار من واجهة المستخدم الرسومية فقط الرموز أحادية اللون الثابتة.
Microsoft-IBM OS / 2 1.1 ، المصدر: pages.prodigy.net
Microsoft-IBM OS / 2 1.1 ، المصدر: pages.prodigy.net
جاء ستيف جوبز بفكرة إنشاء الكمبيوتر البحثي الأمثل للجامعات ومختبرات الأبحاث. تطورت هذه الفكرة فيما بعد إلى شركة ناشئة تدعى NeXT Computer Inc.
تم إصدار أول جهاز كمبيوتر NeXT في عام 1988 ، ولكن تم تحقيق تقدم كبير في عام 1989 مع إصدار واجهة المستخدم الرسومية NeXTSTEP 1.0 ، والتي تطورت فيما بعد إلى OPENSTEP.
كانت رموز واجهة المستخدم الرسومية أكبر (48 × 48) وقدمت المزيد من الألوان. كان GUI مبدئيًا أحادي اللون ، لكن الإصدار 1.0 بدأ في دعم شاشات الألوان أيضًا. تمنحك لقطة الشاشة هذه نظرة خاطفة على ما قد يصبح واجهة المستخدم الرسومية الحديثة.
NeXTSTEP 1.0 ، المصدر: kernelthread.com
أظهر الإصدار الثانوي التالي من ترقية واجهة المستخدم الرسومية تحسينات طفيفة في العديد من المجالات. تبدو الرموز أجمل والنوافذ أكثر سلاسة.
OS / 2 1.2 ، المصدر pages.prodigy.net
من خلال هذا الإصدار ، أدركت مايكروسوفت الإمكانات الحقيقية في واجهة المستخدم الرسومية وبدأت في تحسينها بشكل ملحوظ.
نظام التشغيل نفسه يدعم معيارًا و 386 وضعًا محسّنًا ، مما أدى إلى استخدام سعة ذاكرة أعلى من 640 كيلوبايت ومساحة على القرص الثابت ، مما أدى إلى القدرة على استخدام دقة شاشة أعلى ورسومات أفضل ، مثل Super VGA 800 × 600 و 1024 × 768 .
أيضا ، استأجرت مايكروسوفت سوزان كير لتصميم رموز Windows 3.0 ولإضافة نمط موحد إلى واجهة المستخدم الرسومية.
مايكروسوفت ويندوز 3.0 ، المصدر: toastytech.com
مايكروسوفت ويندوز 3.0 ، المصدر: toastytech.com
تم إجراء العديد من التحسينات على هذا الإصدار من واجهة المستخدم الرسومية. تم تغيير نظام الألوان وتم تقديم مظهر ثلاثي الأبعاد. يمكن تقسيم سطح المكتب رأسيًا إلى شاشات ذات دقة وضوح ألوان مختلفة ، والتي تبدو في الوقت الحاضر غريبة بعض الشيء. كانت الدقة الافتراضية لـ Workbench هي 640 × 256 ، لكن الأجهزة دعمت دقة أكبر أيضًا.
كومودور أميغا منضدة 2.04 ، المصدر: guidebookgallery.org
كان الإصدار 7.0 من نظام التشغيل Mac OS أول واجهة مستخدم لنظام التشغيل Mac OS التي تدعم الألوان. تم إضافة درجات رقيق من الرمادي والأزرق والأصفر إلى الرموز.
نظام التشغيل Apple Mac OS 7.0 ، المصدر: guidebookgallery.org
نظام التشغيل Apple Mac OS 7.0 ، المصدر: guidebookgallery.org
يتضمن هذا الإصدار من Windows خطوط تروتايب التي تم تثبيتها مسبقًا. هذا جعل Windows فعليًا نظامًا أساسيًا للنشر سطح المكتب الوظيفي لأول مرة.
في السابق ، كان من الممكن فقط تحقيق هذه الوظيفة في Windows 3.0 باستخدام نظام خطوط Adobe Type Manager (ATM) من Adobe. يحتوي هذا الإصدار أيضًا على نظام ألوان اسمه Hotdog Stand ، والذي يحتوي على ألوان مشرقة من الأحمر والأصفر والأسود.
تم تصميم نظام الألوان هذا لمساعدة الأشخاص ذوي درجة معينة من العمى اللوني على رؤية النص / الرسومات على الشاشة بشكل أسهل.
كانت هذه أول واجهة تعامل جرافيك (GUI) خضعت لاختبار القبول الدولي وإمكانية الاستخدام وإمكانية الوصول. تم تطوير واجهة المستخدم الرسومية بالكامل باستخدام التصميم الموجه للأهداف. كان كل ملف ومجلد عبارة عن كائن يمكن ربطه بالملفات والمجلدات والتطبيقات الأخرى. كما أنها تدعم وظيفة السحب والإسقاط والقوالب.
IBM OS / 2 2.0 ، المصدر: toastytech.com
IBM OS / 2 2.0 ، المصدر: toastytech.com
تم إعادة تصميم واجهة المستخدم بالكامل منذ الإصدار 3.x. كان هذا هو أول إصدار من Windows تم فيه إضافة زر إغلاق صغير لكل نافذة.
أعطى فريق التصميم حالات (مُمكنة ، مُعطلة ، مُختارة ، مُدققة ، إلخ) إلى أيقونات ورسومات أخرى. زر Start الشهير ظهر لأول مرة.
كانت هذه خطوة كبيرة إلى الأمام بالنسبة لـ Microsoft فيما يتعلق بنظام التشغيل نفسه وواجهة المستخدم الرسومية الموحدة.
مايكروسوفت ويندوز 95 ، المصدر: guidebookgallery.org
مايكروسوفت ويندوز 95 ، المصدر: guidebookgallery.org
قامت IBM بإصدار OS / 2 Warp 4 الذي أدى إلى عملية تجميل مهمة في مساحة العمل.
تم وضع الرموز على سطح المكتب ، حيث يمكن أيضًا إنشاء ملفات ومجلدات مخصصة. ظهرت آلة التقطيع التي كانت مشابهة لـ Windows Recycle Bin أو Macsh Trash ، إلا أنها حذفت الملف أو المجلد على الفور ولم تقم بتخزين أي نسخ إضافية لاسترجاعها في وقت لاحق.
IBM OS / 2 Warp 4 ، المصدر: toastytech.com
IBM OS / 2 Warp 4 ، المصدر: toastytech.com
كانت 256 لون الرموز الافتراضية في هذا الإصدار من واجهة المستخدم الرسومية. كان نظام التشغيل Mac OS 8 واحدًا من أوائل مستخدمي الأيقونات isometric ، والتي يطلق عليها أيضًا الرموز pseudo-3D. أصبح مظهر البلاتين الرمادي المستخدم هنا علامة تجارية للإصدارات المستقبلية من واجهة المستخدم الرسومية.
Apple Mac OS 8 ، المصدر: guidebookgallery.org
كانت أنماط الرموز متماثلة تقريبًا كما في Windows 95 ، ولكن واجهة المستخدم الرسومية بأكملها يمكن أن تستخدم أكثر من 256 لونًا للعرض. تم تغيير Windows Explorer تقريبًا تمامًا وظهر "Active Desktop" لأول مرة.
مايكروسوفت ويندوز 98 ، المصدر: toastytech.com
هكذا وصف فريق KDE المشروع عند إصدار الإصدار 1.0: "KDE هي بيئة سطح مكتب شفافة ومعاصرة لمحطات عمل UNIX. تسعى كيدي لملء الحاجة إلى سطح مكتب سهل الاستخدام لمحطات عمل يونكس ، على غرار بيئات سطح المكتب الموجودة تحت MacOS أو Window95 / NT. منصة حوسبة كاملة ومجانية متاحة لأي شخص مجاناً بما في ذلك رمز مصدره ليقوم أي شخص بتعديله. "
تم تطوير نظام التشغيل BeOS لأجهزة الكمبيوتر الشخصية. كتبت في الأصل من قبل Be In في عام 1991 لتعمل على أجهزة BeBox. وقد تم تطويره لاحقًا للاستفادة من أحدث التقنيات والأجهزة مثل المعالجة المتعددة المتماثلة من خلال استخدام عرض النطاق الترددي النمطي للإدخال / الإخراج والتحديد المتعدد المتغير وتعدد المهام الوقائي ونظام ملفات دفتر يوميات مخصص 64 بت يُعرف باسم BFS. تم تطوير BeOS GUI على مبادئ الوضوح وتصميم نظيف ومرتب.
مصدر: ويكيبيديا
تم تطوير سطح مكتب GNOME بشكل أساسي لـ Red Hat Linux ، وتم تطويره لاحقًا لموزعي Linux الآخرين أيضًا.
ريد هات لينكس جنوم 1.0.39 ، المصدر: visionfutur.com
في أوائل عام 2000 ، أعلنت شركة آبل عن واجهة أكوا الجديدة الخاصة بها ، وفي عام 2001 ، قامت الشركة بإطلاقها مع نظام التشغيل الجديد المعروف باسم Mac OS X.
تم تغيير الرموز الافتراضية 32 x 32 و 48 x 48 إلى رموز 128-128 anti-aliased وشبه شفافة.
تبعت الكثير من الانتقادات بعد إصدار هذا الـ GUI. يبدو أن المستخدمين لم يكونوا مستعدين لمثل هذا التغيير الكبير ، ولكن سرعان ما تبنوا النمط الجديد واليوم تمثل واجهة المستخدم الرسومية هذه أساس جميع أنظمة التشغيل Mac OS X.
Apple Mac OS X 10.1 المصدر: guidebookgallery.org
نظرًا لأن Microsoft تميل إلى تغيير واجهة المستخدم الرسومية بالكامل مع كل إصدار لنظام التشغيل الرئيسي ، لم يكن Windows XP استثناءًا. واجهة المستخدم الرسومية نفسها قابلة للبس ، يمكن للمستخدمين تغيير الشكل والمظهر الكامل للواجهة. كانت الرموز حجمها 48 × 48 بشكل افتراضي ، وتم عرضها بملايين من الألوان.
مايكروسوفت ويندوز اكس بي من الفئة الفنية ، المصدر: guidebookgallery.org
منذ الإصدار 1.0 ، تحسنت بيئة سطح المكتب K بشكل ملحوظ. لقد صقلوا جميع الرسومات والرموز وجمعوا تجربة المستخدم بالكامل.
كدي 3.0.1 ، المصدر: netbsd.org
وكان هذا رد مايكروسوفت على منافسيها. وشملت أيضا الكثير من 3D والرسوم المتحركة. منذ Windows 98 ، حاولت Microsoft دائمًا تحسين سطح المكتب. مع Windows Vista قاموا بإصدار أدوات واستبدال محسن إلى حد ما لـ Active Desktop.
مايكروسوفت ويندوز فيستا ، المصدر: technology.berkeley.edu
مع جيلهم السادس ، نظام Mac OS X Apple ، قاموا مرة أخرى بتحسين واجهة المستخدم. واجهة المستخدم الرسومية الأساسية لا تزال أكوا مع أشرطة التمرير الحلوى والألوان الزرقاء والرمادي البلاتين. تتميز واجهة المستخدم الرسومية الجديدة بمظهر أكثر ثلاثية الأبعاد ، مع رصيف ثلاثي الأبعاد والمزيد من الرسوم المتحركة والتفاعلية.
Apple Mac OS X 10.5 Leopard، Source: skattertech.com
وضع جنوم الكثير من الجهد في خلق الموضوعات والأعمال الفنية في v2.2.4 حيث أن هدفهم هو "جعل جهاز الكمبيوتر الخاص بك يبدو جيدًا". قاموا بتنظيم مسابقة لجمع بعض أكثر خلفيات سطح المكتب تطوراً التي أنتجها المساهمون لاستخدامها في الإصدار 2.24.
مصدر: gnome.org
أنتجت النسخة 4 من K Desktop Environment العديد من التحسينات الجديدة على واجهة المستخدم الرسومية مثل إدارة النوافذ المتحركة ، والسلسة ، والكفاءة ودعم أدوات سطح المكتب. حجم الأيقونات قابل للتعديل بسهولة ويكاد يكون من السهل تكوين كل عنصر تصميم. بعض التغييرات الأكثر وضوحا تشمل أيقونات جديدة ، والموضوعات والأصوات ، والتي يتم توفيرها من قبل مشروع الأوكسجين. هذه الرموز هي أكثر واقعية. إنه بالتأكيد تحسن كبير للإصدارات السابقة من KDE. ويمكن الآن أيضًا تشغيله على نظامي التشغيل Windows و Mac OS X.
مكتوبة ومجمعة حصرا ل WDD بواسطة جيورجي Fekete.
ما رأيك في تطور هذه التصاميم؟ ما هي التحسينات الأخرى التي ترغب في رؤيتها؟ يرجى تشارك معنا ...