الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

الأسس العامة التى يجب أن تتوافر فى واجهة صديقة للمستخدم

بدأه vbm في 23 مارس 2008 · 5 رد · 2,430 مشاهدة · في هندسة البرمجيات
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

post-111738-1206267828_thumb.gif

<1> الأسس العامة التى يجب أن تتوافر فى واجهة صديقة للمستخدم

الألوان

واجهة متكيفة مع بيئة النظام

واجهة تتماشى مع المنصة التى تعمل عليها

---post-111738-1206267491_thumb.jpg--- بالنسبة للألوان

نختر ألوان تتماشى مع النظام

نحاول أن نختر ألوان هادئة ولا تتسبب بمشاكل لعين مستخدم النظام

قد تتسبب الألوان التى تشد النظر بمشاكل للمستخدم خصوصا لنموذج أو شاشة إدخال يتعامل معها دائما

بعض الأشخاص يعانون من عمى الألوان لذلك نتجنب تعدد الألوان فى برامجنا بشكل مثير

بعض المحترفون ينصحون بإستخدام من 3 إلى 5 لون فى البرنامج

كلما كانت الواجهة تدل على بيئة النظام كلما كانت محببة لمستخدم البرنامج

---post-111738-1206267491_thumb.jpg-- دالالات الألوان

بعض الألوان تكون لها دلالة بعينها وتختلف من شعب لأخر

إلا أن أهم الألوان المعروفة هى

الأحمر ويستخدم لبيان عاجل أو تنبية لخطأ أو لمشاكل قد تواجة المستخدم

الأسود والأزرق إستخدمهم بشكل إعتيادى فى كل نصوص برامجك

عندما تحدد دلالة معينة للون معين فى برنامجك وتوضحها فى دليل الأستخدام

لا بد وأن لا تغيرها مثلا عندما يكون اللون الأحمر للتنبية لا تستخدمة فى شى أخر كالأدخال مثلا

فهذا يسبب المملل والقلق لمستخدم برنامجك

----post-111738-1206267491_thumb.jpg--- واجهة وأيقونات صديقة

لنفترض أنك تقوم بتطوير برنامج لمكتب محاماة مثلا

حاول أن تكون لأيقوناتك دلالة فى المثال يمكن أن تستخدم أيقونات وصور قريبة من المحامى

مثلا يمكن أن تصمم أو تطلب من مصمم أن يصمم لك صورة متحركة لعلامة ميزان العدل وتقدم من خلالها المساعدة كمساعد أوفيس

ما رأيك بواجهة مصممة بالفوتوشوب على هيئة قاعة محكمة أو علامة ميزان العدل

--post-111738-1206267491_thumb.jpg--- الساحر ( المساعد ) وأيقونات الديالوج الأكثر شهرة

استخدام الساحر فى برامجك يساعدك على التألف مع المستخدم بسهولة

حاول أن تستخدم أيقونات معينة من تصميمك أو جاهزة من الأنترنت لوظائف محددة بالديالوج الذى تظهرة للمستخدم

حاول أن تستخدم إيحاءات معينة كهز الشاشة عن وجود خطأ قاتل

أو عمل ومضة فلاش لرمز الخطأ

حاول أن تبدع واجهات تخصك واستيالات عامة لبرامجك كما تفعل معظم الشركات

----------------- وعلى لقاء بإذن الله

التالى --- كتالوجات مستخدم النظام ---- نحو واجهة مألوفة لمستخدم النظام

post-111738-1206267453_thumb.gifرابط الموضوع الأصلى و الأستفتاء

/index.ph...pic=154593&st=0

post-111738-1206267453_thumb.gif

وأثناء بحثى على الأنترنت وجدت مقالة تقنية عربية تخص الموضوع للمبدع العربى عروة على عيسى

post-111738-1206267453_thumb.gif

اقتباس
مقدمة في تصميم واجهات المستخدم ..Introduction to UI Design

كيف تصمم واجهات برامجك بطريقة الكبار

أولا ماهو تصميم الواجهات :

تصميم الواجهات ليس مجرد صف لعناصر التحكم فوق النماذج بطريقة هندسية كما يظن الكثيرون ..

بل يعتمد على قدرة المصمم على تخيل كيف سيبدو شكل المنتج النهائي , وما هي الواجهات الأنسب التي سنزود المستخدم بها للتحكم ببرنامجنا , ثم بعد ذلك تأتي مرحلة ترتيب هذه الواجهات بشكلها الأكفأ .

فعليا , يقع على عاتق مصمم الواجهة تحديد كيف سيتم التعامل مع البرنامج من قبل المستخدم , لذلك هو مسؤل عن تحديد ماهي العناصر التي ستوجد على الواجهة. ثم تحديد كيفية ترتيب هذه العناصر بشكل أنسب للمستخدم . في حين يظن الكثيرون ان الجزء الاخير فقط هو من مهام مصمم الواجهات .

-------------------------------------------------

-------------------------------------------------

--------------------------------------------------

--------------------------------------------------

عروة علي عيسى

www.orwah.net

------------------

يحق لك استخدام نشر وتوزيع هذه المادة كيفما تشاء , وسنكون ممتنين في حال الإشارة إلينا كمصدر

post-111738-1206267453_thumb.gif

رابط المقالة الأصلى

http://www.orwah.net/modules/news/article.php?storyid=59

post-111738-1206267608_thumb.jpg

برجاء من الأخ مشرف المنتدى تثبيت الموضوع :ty:

أصفق أو لا أصفق فخلفي كتلة شحم تصفق وبعض المساحيق كانت تصفق وجاري يصفق وأسأل .. هل أعجبته الرواية؟ يبحلق ثم يلكز جنبي ويمضي يصفق أصفق أو لا أصفق أمامي كل الرؤوس تصفق وخلفي كل الصفوف تصفق أتى مارد شدني من يدي وتساءل لم لا تصفق تصايح كل الحضور اطردوه تحسست عقلي اطردوه أفقت لنفسي طريداً طريد فصفقت حتى انقطاع الوريد حتى انقطاع الوريد أصفق من أجل ذاك الذي لايصفق

#2

هل من تفاعل ؟

:S :S :S :S

أصفق أو لا أصفق فخلفي كتلة شحم تصفق وبعض المساحيق كانت تصفق وجاري يصفق وأسأل .. هل أعجبته الرواية؟ يبحلق ثم يلكز جنبي ويمضي يصفق أصفق أو لا أصفق أمامي كل الرؤوس تصفق وخلفي كل الصفوف تصفق أتى مارد شدني من يدي وتساءل لم لا تصفق تصايح كل الحضور اطردوه تحسست عقلي اطردوه أفقت لنفسي طريداً طريد فصفقت حتى انقطاع الوريد حتى انقطاع الوريد أصفق من أجل ذاك الذي لايصفق

#3
اقتباس
كلما كانت الواجهة تدل على بيئة النظام كلما كانت محببة لمستخدم البرنامج

أيضا , يمكن وضع قائمة بمجموعة ثيمات للبرنامج , هذا أفضل طبعا

اقتباس
بواجهة مصممة بالفوتوشوب

أو أن تكون قاعة حقيقة , حتى لا توحي بأنها مصممة

والأفضل تكون 3D

اقتباس
If A is success in life, then A equals x plus y plus z. Work is x; y is play; and z is keeping your mouth shut

Albert Einstein

مدخل إلى برمجة وتصميم الألعاب : كيف أبدأ ؟

#4

إضافة إلى أنه يجب عدم إهدار مساحة من النموذج والشاشة , مثل البرنامج ده :

792939-209.jpg

دي أفشل واجهة في العالم

وأرجو ممن لديه أسوأ منها أن يضعها هنا

اقتباس
If A is success in life, then A equals x plus y plus z. Work is x; y is play; and z is keeping your mouth shut

Albert Einstein

مدخل إلى برمجة وتصميم الألعاب : كيف أبدأ ؟

#5

ما رأيكم بهذة الواجهة يا علاء

--------------------------------------------------------

هناك فكرة تعتمد على تصميم الواجهة كصفحة ويب

ثم برمجتها لتكون واجهة للبرنامج

للأسف أحاول فهمها منذ فترة ولكن دون جدوى

----------------------------------------------------

أرجو من أحد الأخوة المساهمة بما يعرفه عن هذة الطريقة

--------------------------------------------------

للعلم هناك برامج عربية تستخدم نفس الفكرة مثل برنامج الأمين

رغم أن واجهتة بدائية جدا

post-111738-1208445581_thumb.jpg

أصفق أو لا أصفق فخلفي كتلة شحم تصفق وبعض المساحيق كانت تصفق وجاري يصفق وأسأل .. هل أعجبته الرواية؟ يبحلق ثم يلكز جنبي ويمضي يصفق أصفق أو لا أصفق أمامي كل الرؤوس تصفق وخلفي كل الصفوف تصفق أتى مارد شدني من يدي وتساءل لم لا تصفق تصايح كل الحضور اطردوه تحسست عقلي اطردوه أفقت لنفسي طريداً طريد فصفقت حتى انقطاع الوريد حتى انقطاع الوريد أصفق من أجل ذاك الذي لايصفق

#6
اقتباس
واجهات البرامج

عندما تحدثت عن أهمية أن يتعلم المبرمج كيفية تصميم برامجه لم أعني بذلك الرسم أو ما يسمى بالإنجليزية (graphics)، بل أعني بذلك ترتيب المساحات والعناصر في واجهة البرنامج، ومن المفترض أن يقوم بهذا العمل شخص آخر متخصص لا المبرمج، لكننا نتحدث عن البرمجة بشكل عام هنا، هناك الكثير من المبرمجين الذين يعملون في مشاريع فردية، أو في مؤسسات صغيرة أو في برامج حرة، وهؤلاء قد لا يستطيعون توفير شخص ما متخصص في مجال تصميم واجهات البرامج، هذا التخصص بالمناسبة نادر وعلى حد علمي لا يدرس في الجامعات بل يتعلمه المرء من الكتب ومن خبراته الشخصية، لذلك على المبرمج أن يدرس هذا المجال.

والدراسة تكون هنا بقراءة الكتب، دراسة واجهات البرامج وأنظمة التشغيل والمقارنة بينها والتعلم من أخطاء الآخرين، وهذا المجال يحتاج دقة وتركيز، لأن بعض الواجهات تطور بزيادة بعض الخطوط الصغيرة أو الألوان، وبعضها تنظم بشكل مختلف قليلاً، لكن هذه التغييرات البسيطة تحدث فرقاً كبيراً بالنسبة للمستخدم، شخصياً كنت أعتقد في البداية أن الأمر سخيف، لكن مع الاستمرار في القراءة ومقارنة الواجهات بدأت أدرك أهمية التغييرات البسيطة

.

من مدونة سردال

اقتباس
برنامجك ليست معرضا للصور

ضع في اعتبارك دائما ان وضع صورة في برنامجك تعني في أغلب الأحوال اضافة عنصر تشويش و إزعاج المستخدم ، و نادرا ما تكون غير ذلك. أقول نادرا لأنه يغيب على الكثيرين أن الصورة يجب أن يكون لها وظيفة ، بحيث تسهم في توضيح أوامر البرامج وتيسّر على المستخدم استعماله. فإذا كانت الصورة لا تحقق هذا الهدف بوضوح فإنها ستكون عبئا على المستخدم و على المبرمج و على البرنامج و على موارد الجهاز.

ماذا أعني بالصور، هي تلك الصور التي نضعها في خلفيات النوافذ أو التي تكون على الأزرار أو الأيقونات في لوائح الأوامر

عادات في البرمجة

تم تعديل هذه المشاركة بواسطة djaballah75 في 26 أبريل 2008 في 22:57

من دواعي فلسفة السخط في الطبائع الخيرة أن يكون الإنسان مجبولا على الإحساس بالواجب والشعور باللياقة . ذلك أن الذي يجبل على هذا الخلق يرى الأشياء كما هي كائنة ثم يراها كما يجب أن تكون فلا يلبث أن يجد في كل شيء نقصا ولا يلبث أن يجد في كل شيء باعثا للأسى و الأسف وداعيا إلى النقد والمذمة . فيكون غضبه أكثر من رضاه وحزنه أعم من فرحه ، ويكون إلى التنفير والقول بالتشاؤم أميل منه إلى التبشير والقول بالتفاؤل - العقاد

مواضيع مشابهة