كيف تساعدك انماط التصميم في تطوير موقعك
تم تحديث التدوينة 23 يونيو، 2009
عند تصميمك لمواقعك، ستواجهك عادة مشاكل في عرض بعض محتوياته او مزاياه بشكل سهل و منطقي للزوار، خاصة ان لم تكن تملك خبرة كافية في هذا المجال، مثل: ماهي الطريقة الانسب لتقييم الاشياء في الموقع؟ ماهي الطريقة الاكفأ لتصميم قائمة تصفّح موقعك الرئيسية؟ ما هي الطريقة الأنسب لتعبة نوع معين من المعلومات (رقم التلفون، التاريخ..الخ) في نماذج الموقع؟ و ما الى ذلك.
لحل تلك المشاكل و التحديات، يمكنك الاستعانة بما يسمى بـ”انماط التصميم” (Design Patterns). فهي حلول مقترحة لها تم وضعها من قبل اناس مختصّين. و تلك الانماط عادة تكون عبارة عن افكار فقط، و ليست ادوات تساعدك في بناء تلك الحلول.
يحتوي نمط التصميم عادة على:
- اسم نمط التصميم.
- ماهيّته.
- مثال او اكثر عليه.
- متى يجب استخدامه.
- لماذا يجب استخدامه (تبرير منطقي).
- كيفية تطبيقه.
و قد تحتاج الى استعراض احد انماط التصميم حتى تتضح الفكرة.
يمكنك ايجاد الكثير من انماط التصميم الجاهزة للإستفادة منها في المواقع المختصة بها مثل:
و هذه ليست الفائدة الوحيدة لانماط التصميم، فعند عملك مع اكثر من شخص على تطوير موقع معيّن، يمكنك اختيار عدد من تلك من الانماط لتصبح كمرجع للجميع، حتى تضمن تناسق اقسام الموقع بغض النظر عن الشخص الذي يعمل عليه. و ان كنت متخصصا في قابلية الاستخدام مثلا، فيمكنك انشائها بنفسك اذا استدعت الحاجة.
المشكلة الوحيدة هنا ان جميع مواقع انماط التصميم على الانترنت هي باللغة الانجليزية، و لكن سأعمل ان شاءالله على ترجمة ما اجده مفيدا منها لأشاركك بها عن طريق هذه المدونة بشكل دوري.
ان كانت لديك اي استفسارات عن الموضوع، فلا تتردد في كتابتها في التعليقات.


16 تعليقات على “كيف تساعدك انماط التصميم في تطوير موقعك”
في الحقيقة لم أفهم الفكرة وعلاقتها بالتصميم، أعرف معنى أنماط التصميم في البرمجيات لكن لم أستطع فهم الفكرة مع واجهات الاستخدام!
هي نفس الفكرة تقريبا من ناحية حل مشاكل عامه قد يواجها الشخص في التطوير. هل اطّلعت على اي من انماط التصميم في الروابط التي وضعتها؟ اعتقد ستساعدك على فهم الفكره.
مثال: http://uipatternfactory.com/p=wizard/
حدّثت الموضوع بالمثال الذي وضعته في الرد لعله يساعد في توضيح الموضوع للقراء.
أتوقع أن هذا الموضوع للمطورين و المصممين المحترفين لذلك خرج عن نطاق سيطرتي للفهم لكني مازالت متابعاً لك فزدنا مما لديك
ما شاء الله ممتاز جداً ومشكور على هذا الموضوع الرائع مشهور
ودي اضع مثال من نمط التصميم لأجل تأكد لي ان الموضوع نفس ما انا فاهمه يالغالي
هذا النمط اعجبني كثير من قوقل ومدا استخدامه في جميع منتجاتها عند الحاجه لدعوة أشخاص معينين من دليل الاتصال الخاص بك
1. اسم نمط التصميم.
Contacts Auto Complete
2. ماهيّته.
enter a character into a text box which could ambiguous or hard to remember and therefore has the potential to be mis-typed and you can enter a multiple contacts separated by a comma
3. مثال او اكثر عليه.
http://www.tech-wd.com/wd/wp-content/uploads/gtt5.gif
4. متى يجب استخدامه.
When ever we needed to write an email or addresses or mobile in any textbox in websites
5. لماذا يجب استخدامه (تبرير منطقي).
to improve the usability and when ever you need to find any of the contacts
6. كيفية تطبيقه.
( هنا اللي ما ادري وش اكتب ياليت تفيدنا بها )
بارك الله فيك اخوي مشهور وارجوا اني ما اكون ازعجتك
Midoxp:
نعم هو فعلا موجّه اكثر للمطوّرين و المصممين. سأوضّح ذلك في المواضيع القادمة ان شاءالله.
عبدالملك الثاري:
فعلا هي تقريبا نفس فكرة ما كتبته انت، لكن في النقطه الخامسه اعتبرها محاولة اقناع لمن لا يعتقد ان هذه الطريقه ستطور من قابلية الاستخدام، كأن تقول مثلا:
“لماذا يجب استخدامه:
لان المستخدم عادة لا يتذكر كيف كتبت اسامي او عناوين بريد الاشخاص في دليل الاتصال الخاص به، و بالتالي يساعده هذا النمط في تذكر هذه الاشياء”
اما بالنسبة لكيفية التطبيق، فمن الممكن ان تستخدم هنا اما ارشادات عامة او تقنيّة (او الاثنين معا) لكيفية تطبيق هذا النمط. بامكانك الاطّلاع على بعض الانماط الموجوده في روابط الموضوع حتى تتضح لك الفكرة.
جميل جداً اتضحت الصورة بالكامل جزاك ربي الجنة
رأيتُها من قبل وتغاضيتُ عن النظر فيها لإنشغالي ببعض الأمور ،
سأعيد ترتيب حساباتي الآن ،
شُكراً جزيلاً
اتوقع ان الفرق بين التصاميم العربية والانجليزية هو قلب الاتجاه
من اليمين الى اليسار
لذا بالامكان الاستفادة من انماط التصميم الانجليزية
انا لم اقرا شيْ من المكتوب لاني اريد استخدام برمجيات التصميم و شكرا جزيلا
شكرا لك لاني استفدت منها و هذا جميل جدا