User Interface for Windows Application

خلي بالك من هذه الأشياء

وستعمل كل شيء تمام

كيف تجعل برنامجك قابلاُ للإستخدام :-

/index.php?showtopic=54474

السلام عليكم ورحمة الله وبركاته

جزاك الله خيرا

ولكن ليس هذا ما أردت ولكن أريد أسلوب في التصميم ( كيفية ومكان وضع Grid ، أسلوب الألوان الأفضل وتناسق أي لون مع أي لون

وضع Label بالنسبة للـ TextBox ، في أي الأوقات أستخدم أيقونات وفي أيها لا أستخدمها ........ الخ)

أرجوا الإفادة

طيب

مع أنك لو قرأتها لعرفت ماذا أعني

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

وسأعطيك قواعد عامة تتبعها في استخدام كل منها

ولكن أخبرني بكل شيء عن الشاشة التي تريدها.....

السلام عليكم ورحمة الله :

أولا الموضوع ده يرجع للبرنامج الذي تقوم بتصميمه ؟

يعني لو بتصمم برنامج تجاري غير لو بتصمم برنامج ترفيهي , غير لو بتصمم برنامج للأطفال , غير لو بتصمم برنامج رياضي .............,

وفي جميع الأحوال يا أخ أحمد حاول تبعد عن التكلف يعني لا تستخدم ألوان غير متناسقه , مع التقليل منها قدر الامكان , لا تضع أزرار كبيره نوعا ما , خلي حجم الخط واحد وكذلك شكله , لا تجعل حجم الخط كبير في زر صغير , وكده يعني , يعني خليك مع المواصفات القياسيه التي تتبعها جميع البرامج العالميه , حاول تجعل جميع الأزرار ذات حجم واحد , حتي لا يكون زر في فورم كبير وفي فورم آخر زر كبير , حاول تخلي فيه محاذاة للأدوات, علي فكره VS 2005 ممتاز في الموضوع ده , بالنسبه للقوائم مثلا حاول تخليها تتبع الترتيب المعروف file edit view ... ,,,

أنظر الي واجهة برنامج قمت بتصميمه من فتره BestBlocker

وربنا يوفقك يا أستاذي الفاضل :D

السلام عليكم ورحمة الله وبركاته

جزاكم الله خيرا جميعا

البرنامج تجاري بحت ممكن تقول ERP Solution كامل

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

فلو نظرت غلى برنامج أوروبي أو مثلا برنامج PeatchTree أعتقد أن المستخدم لو مش عايز يشتغل يقعد فقط يتفرج على شكل البرنامج

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

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

ومتى يكون الجملة تكون طويلة ومتى تكون قصيرة فهذا ما قصدت

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

أعتقد هل قمت بتوضيح فكرتي

أعتقد أني فهمت عليك هذه المرة...

أولا:

أنصحك أنك ما تتعب المستخدم

يعني تضع كل شيء قريب جدا منه...

ضع نفسك في مكن المستخدم و تخيل ماذا تريد أن تعمل وقتها...

ولا تضع الكنترولز في أماكن متباعدة.. أعطيك مثال جميل...

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

ثانياً:

الألوان... يجب أن تكون الأوان جدا متناسقة ومتكاملة مع جميع الشاشات

فليس من الجميل أن تفتح شاشة وتجد الشاشة التالية تختلف تماما..

هنا يحس المستخدم أنه قد أضاع الطريق أو أنه في مكان خطاء

فالثيم المتناسق يدل على وحدةالموضوع...

ويجب ان تجرب الوانا كثيرة حتى تصل للون الذي تحس انه مريح...

ثالثاً:

لنتكلم الآن بتفصيل أكثر...

بالنسبة للقوائم : هناك أمرين مهمين:

1- شكلها:

هل تريد تريدها أن تكون على شكل مايكروسوف وورد مثلا؟

أم تريدها على شكل كروت..(وهذا ما افضله)..

أم تريدها على شكل آخر أنت تحدده

المهم هنا أنك تصل بطريقة سريعة...

2- عدد عناصرها:

لا تكثر العناصر في القائمة لأن القائمة الطويلة تكون مزعجة... ويجب أن تكون العناصر المتقاربة في مجموعات.

رابعا:

يخبرك الجميع بأن البرنامج الذي يصدر الأصوات ممتع

ولكن من الأفضل أن لاتصدر صوتا إلا في محله..

خامسا:

استخدم الرموز دائما

فهي تعطيك اسم وفعل في صورة واحدة

فلو كان عندك رمز "اسعاف" مثلا فهو يعني تقريبا "اتصل بالاسعاف"

فمن صورة صغيرة نأخذ جملة او شبه جملة...

حافظ على استخدام الرموز المتعارف عليها في المنطقة والأعراف

دعني أعطيك مثالا مهما هنا

تخيل أنك توفر خاصية في برنامجكيتصل بالاسعاف

فلوكان برنامجا عالميا مثلا يكون رمزه على شكل صليب أحمر ...صح؟

ولو كان المستخدم مسلما فهو يفضل أن يرى رمزا عليه هلالا أحمر وليس صليبا...مثلا

لذا احترام العادات والتقاليد والأعراف مهمة....

سادسا:

حاول ان تجعل المساعدة دائما متوفرة للمستخدم المبتدئ

فلوانا مبتدئ فلا اريد ان ابحث عن المساعدة بل اريد ان اجدها حيث احتاجها...

فاقترح عليك ان تخصص الجزء الأيمن أو الأيسر دائما للمساعدة...

بدون أن يضعط المستخدم على شيء ليشاهدها...

ولكن المساعدة للمستخدم المحترف مملة وتعيق عمله..

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

سابعا:

يجب أن تحافظ على التحكم عن طريق لوحة المفاتيح والفأرة في نفس الوقت...

فالمستخدمين المتمكنين يحبون التحكم بلوحة المفاتيح...

ثامناً:

بالنسبة للجداول يجب أن يكون لها رأس وذيل

واذا كانت على أكثر من صفحة فيجب أن يتكرر الراس والذيل في كل صفحة لتسهل القراءة...

ويكون كل سطر فردي بلون مختلف عن الأسطر الزوجية...

تاسعا:

تأكد وانت تصمم شيئا ، يجب أن يكون شيئا لا يشبه الأشياءالافتراضية الموجمودة في نظام التشغيل وتعمل عملا مغايرا...

مثال: "لو أنك كتبت امرا اسمه ملف --فتح ويعمل عملا خاصا بالبرنامج

ولايعمل بالطريقة الافتراضية التي تعود عليها المستخدم

فهنا ينزعج المستخدم و يتوه"

عاشرا:

اذا أردت ان تعمل ToolBar فتأكد انك تستخدم رموز وليس نصوص...

احدى عشر:

يجب ان لا تثقل البرنامج ...فيجب أن لا يستغرق فتح البرنامج أكثر من 5 ثوان...

اثنى عشر:

يجب ان لا تكثر العناصر في الشاشة الواحدة

فيجب أن يستغرق المستخدم أقل من 3 ثوان ليعرف مالذي تتحدث عنه الشاشة..

أو ماهو موضوعها..

الفائمة طويلة جداُ

و أنا أقترح أن يثبت موضوع يضع فيها جميع الاعضاء

نصائحهم في تصميم واجهات المستخدم...

وشكرا

سأزيد بعد فترة وجيزة

اريد مثال على واجهات الاستخدام الجيده و السيئه

و إن شاء الله ارفع لك كتاب Developing User Interfaces for MS Windows

ولا يهمك يا أستاذ طارق الكتاب هنا أهو

Official Guidelines for User Interface Developers and Designers

أسألكم الدعاء