حياكم الله من جديد ❤️✌️
في هذا الثريد سنتحدث عن مفهوم واجهة المستخدم ماهي، وما أهميتها؟ وبيكون الثريد طويل شوي بس ممتع بإذن الله فخلونا ندخل في الموضوع مباشرة 😁✌️
@DesMeet @mag_of_designer
في هذا الثريد سنتحدث عن مفهوم واجهة المستخدم ماهي، وما أهميتها؟ وبيكون الثريد طويل شوي بس ممتع بإذن الله فخلونا ندخل في الموضوع مباشرة 😁✌️
@DesMeet @mag_of_designer
واجهة المستخدم ببساطة: هي العناصر البصرية اللي يشوفها المستخدم لما يستخدم تطبيق أو برنامج. بمعنى كل اللي تشوفه في الصورة التالية تعتبر واجهات مستخدم.
طيب حلو، هذه واجهات المستخدم وعرفناها، وهي موجودة من زمان في كل مكان.📱
أيش الجديد في موضوع واجهة المستخدم؟ وليش الواحد يكون مصمم واجهات؟🤔
أيش الجديد في موضوع واجهة المستخدم؟ وليش الواحد يكون مصمم واجهات؟🤔
ببساطة لأنه مش دائمًا تكون التطبيقات هي نفسها اللي موجودة حولك وتستخدمها كل يوم، بمعنى تطبيقات الأكل قد تتشابه مع بعضها البعض وتشوف أنه مافيها شيء مميز، بس أول تطبيق انعمل عشان هذا الموضوع مر بدراسة طويلة وتخطيط وبحث وتجارب مع المستخدمين حتى خرج بالشكل اللي تشوفه أمامك.😮
وعشان كذا إذا جاء تطبيق جديد بفكرة جديدة بيحتاج أصحاب التطبيق لمصمم واجهة يعرض الخدمات بشكل واضح وبسيط يقدر المستخدم يتفاعل معاه.👨💻👩💻
جميل،
إذن عملية تصميم الواجهات أمر مهم للتطبيقات الجديدة أو اللي تريد تظهر بشكل جديد مميز عن بقية التطبيقات.
أيش المطلوب في هذه العملية وأيش يصير فيها؟ 🤔
ببساطة عملية تصميم الواجهات هي: إنشاء وتنسيق العناصر البصرية للبرمجيات بغرض تسهيل استخدامها للمستخدم العادي💻📱.
إذن عملية تصميم الواجهات أمر مهم للتطبيقات الجديدة أو اللي تريد تظهر بشكل جديد مميز عن بقية التطبيقات.
أيش المطلوب في هذه العملية وأيش يصير فيها؟ 🤔
ببساطة عملية تصميم الواجهات هي: إنشاء وتنسيق العناصر البصرية للبرمجيات بغرض تسهيل استخدامها للمستخدم العادي💻📱.
طيب هل معنى إنشاء وتنسيق العناصر البصرية أنه في برامج مافيها أشكال بصرية أساسًا ولازم لها تصميم؟😅
بالضبط! فكل برنامج يعتمد بالأساس على الأوامر التي يتم إدخالها للحاسوب، أما الواجهات البصرية فهي مجرد أداة لتسهيل استخدام البرامج الحاسوبية بشكل بصري أقرب للطبيعة البشرية.
بالضبط! فكل برنامج يعتمد بالأساس على الأوامر التي يتم إدخالها للحاسوب، أما الواجهات البصرية فهي مجرد أداة لتسهيل استخدام البرامج الحاسوبية بشكل بصري أقرب للطبيعة البشرية.
وعشان نفهم الصورة بشكل أكبر خلونا نرجع بالزمن شوي للوراء، ونشوف الصورة التالية:
هذه الصورة من أحدى البرامج العربية في التسعينات، والتي تظهر للمستخدم عدة خيارات للبرامج الموجودة ولكن بشكل نصوص، ويتم التعامل مع البرنامج من خلال إدخال رقم يعبر عن الخيار المطلوب.
الآن انظر إلى الصورة التالية لبرنامج من ذات الشركة ولكن بعد إدخال مفهوم الواجهة البصرية للاستخدام.
الآن انظر إلى الصورة التالية لبرنامج من ذات الشركة ولكن بعد إدخال مفهوم الواجهة البصرية للاستخدام.
لو عرفت هذه الواجهة فأنت من جيل الطيبين :)
واجهة برامج الأسرة كان من أوائل البرامج العربية المطبقة لمفهوم واجهة المستخدم، حيث تقريبًا كل ما تراه عبارة عن أيقونات يمكنك النقر عليها ليتم فتح البرنامج المطلوب، وبهذا يستطيع المستخدم استخدام البرنامج بطريقة سهلة محببة للنفس.
واجهة برامج الأسرة كان من أوائل البرامج العربية المطبقة لمفهوم واجهة المستخدم، حيث تقريبًا كل ما تراه عبارة عن أيقونات يمكنك النقر عليها ليتم فتح البرنامج المطلوب، وبهذا يستطيع المستخدم استخدام البرنامج بطريقة سهلة محببة للنفس.
ولو عدنا بالزمن للوراء كذلك لوجدنا أن برامج الحاسوب قبل ظهور مفهوم الواجهات البصرية كانت مجرد نصوص يتم إدخال النص للحاسوب وانتظار النتيجة على الشاشة.
شاهد الصورة التالية لبرنامج المفكرة في جهاز آبل 1
شاهد الصورة التالية لبرنامج المفكرة في جهاز آبل 1
وشاهد الصورة التالية من جهاز ماكنتوش حيث قامت آبل بتضمين الواجهات البصرية في الجهاز.
وليس الأمر متعلقًا بالماضي فقط بل لازالت هناك برامج إلى اليوم تستخدم الأوامر النصية مباشرة للتعامل مع الحاسوب دون واجهة بصرية.
فعلى سبيل المثال يمكن للمطورين استخدام منصة جيت هب من خلال نافذة الأوامر باستخدام أوامر معينة كما في الصورة أدناه:
فعلى سبيل المثال يمكن للمطورين استخدام منصة جيت هب من خلال نافذة الأوامر باستخدام أوامر معينة كما في الصورة أدناه:
ويمكنهم أيضًا استخدام تطبيق جيت هب المكتبي المزود بواجهة المستخدم لعمل نفس المهام باستخدام واجهة بصرية كما في الصورة أدناه.
وبالمثل يمكننا تطبيق الأمر على واجهات الموبايل ومواقع الويب، فأي تطبيق يمكن للمستخدم مشاهدة عناصر بصرية فيه فهو مطبق لمفهوم واجهة المستخدم.
وبالمثل يمكننا تطبيق الأمر على واجهات الموبايل ومواقع الويب، فأي تطبيق يمكن للمستخدم مشاهدة عناصر بصرية فيه فهو مطبق لمفهوم واجهة المستخدم.
طيب هل بمجرد أني أحط عناصر وأشكال بصرية في التطبيق معناها أني صرت مصمم واجهات مستخدم؟ 🤔
والإجابة أكيد لا، لأن كلمة مصمم تقتضي أن تطبق مبادئ وعناصر التصميم بالشكل الصحيح حتى تكون الواجهة بالشكل الأفضل.👍
والإجابة أكيد لا، لأن كلمة مصمم تقتضي أن تطبق مبادئ وعناصر التصميم بالشكل الصحيح حتى تكون الواجهة بالشكل الأفضل.👍
طيب هل لازم استخدم برنامج من برامج التصميم عشان أصير مصمم واجهة؟🤔
والإجابة أن التصميم هو مهارة تنسيق العناصر بالشكل الصحيح المتناسب مع الهدف المطلوب، وبالتالي فإن طورت لديك هذه المهارة فيمكنك البدء بالتصميم على الورق ورسم تخطيطات أولية للواجهات التي تريد تطبيقها فيما بعد.
والإجابة أن التصميم هو مهارة تنسيق العناصر بالشكل الصحيح المتناسب مع الهدف المطلوب، وبالتالي فإن طورت لديك هذه المهارة فيمكنك البدء بالتصميم على الورق ورسم تخطيطات أولية للواجهات التي تريد تطبيقها فيما بعد.
ولكن إن لم تكن لديك هذه المهارة فلن تنفعك برامج التصميم مهما كثرت.
شاهد الصورة التالية لتخطيط الواجهات على الورق، والذي يمكن تنفيذه فيما بعد على الحاسوب باستخدام أي برنامج تصميم:
شاهد الصورة التالية لتخطيط الواجهات على الورق، والذي يمكن تنفيذه فيما بعد على الحاسوب باستخدام أي برنامج تصميم:
من هنا نستطيع القول أن تصميم واجهة المستخدم هي عملية هدفها تسهيل استخدام البرامج، أساس هذه العملية هو التخطيط للأشكال والعناصر البصرية من خلال تطبيق مبادئ التصميم وعناصر التصميم على تلك المخططات لتكون بالشكل الأمثل، وسنفصل في هذا الموضوع في تغريدات قادمة :)✌️
إلى هنا ينتهي هذا الثريد، شكرًا لوصولك إلى هنا ❤️ أتمنى أن أكون ساهمت في توضيح مفهوم تصميم واجهة المستخدم، إذا كان عندك إضافة أو فكرة فاكتبها بالتعليقات، وسوي ريتويت إذا حبيت توصل التغريدة لعدد أكبر :)
رتب @Rattibha ❤️
جاري تحميل الاقتراحات...