تصميم موقع الكتروني ÙÙŠ 8 خطوات عملية Ùقط
إذا Ù‚Ùمت بالبØØ« على شبكة الانترنت عن طريقة تصميم مواقع الكترونية سو٠تجد العديد من المواضيع التي ØªÙˆØ¶Ø Ù„Ùƒ طريقة عمل المواقع الالكترونية، ولكن عند التنÙيذ ستجد أن ما قرأته غير قابل للتنÙيذ أو يستعصي عليك تنÙيذه، لذلك قمنا بتصميم هذا الموضوع لك والذي Ù†Ø´Ø±Ø Ù„Ùƒ Ùيه الـ8 مراØÙ„ العملية التي يمر بهم تصميم الموقع وهم:
1- وضع تعري٠للمشروع وأهداÙÙ‡
إن تØديد أسباب وجود الموقع وما ÙŠÙترض أن ÙŠØققه هو الخطوة الأولى ÙÙŠ عملية تصميم المواقع، ومن خلال تØديد الأهدا٠والغايات التي تم تØديدها ÙÙŠ بداية المشروع سو٠تتم جميع القرارات المستقبلية، من هيكل الموقع واصطلاØات التسمية المستخدمة ÙÙŠ التنقل إلى التصميم المرئي للموقع، والخطوة الأولى ÙÙŠ عملية التعري٠هي إجراء مقابلات مع أصØاب العمل ÙÙŠ المنظمة لتØديد الأهدا٠الاستراتيجية للموقع، ÙˆÙهم اØتياجات الجمهور الرئيسية وتØديد المناÙسين الرئيسيين.
الهد٠من خطوة التعري٠هو تØديد ثلاث نتائج رئيسية قابلة للقياس ترتبط ارتباطًا مباشرًا بالأهدا٠الإستراتيجية للمنظمة.
التØدي ÙÙŠ هذه الخطوة هو الØد من عدد الأهداÙØŒ Ùستجد معظم المؤسسات تقدم لك أهدا٠أكثر مما تعر٠ما يجب Ùعله، ويعتقد كل قسم أن أهدا٠وØدته الÙردية هي الأكثر أهمية، لذلك عليك التركيز جيدًا على الأهدا٠وهذه مهارة يجب أن يتØلى بها كل مصمم مواقع.
بمجرد الانتهاء من جميع المعلومات والتقييمات التي تم جمعها من المقابلات مع أصØاب المصلØØ©ØŒ يجب جمعها ÙÙŠ موجز مشروع جيد التنسيق، ويجب أن ​​يØتوي الملخص على العناصر التالية:
ملخص المشروع: ÙŠØدد نظرة عامة عامة على المشروع والخلÙية التنظيمية ،والبيئة التي توجد Ùيها المنظمة والأشخاص الذين تخدمهم المنظمة والقيمة الÙريدة التي تقدمها لجمهورها.
الأهداÙ: ما هدÙان أو ثلاثة أهدا٠مØددة قابلة للقياس يجب أن ÙŠØققها الموقع؟ ØªØªÙŠØ Ø§Ù„Ø£Ù‡Ø¯Ø§Ù Ø§Ù„ÙˆØ§Ø¶ØØ© Ù„Ùريق الويب القدرة على التركيز على ما سيوÙر أكبر تأثير ويدÙع المنظمة إلى الأمام.
الجماهير المستهدÙØ©: من الذي سيساعد المنظمة ÙÙŠ تØقيق أهداÙها المعلنة؟ تتØدث معظم المنظمات إلى منظمات متعددة (مثل العملاء وأصØاب المصلØØ© والجمهور الداخلي والموردين والشركاء والمساهمين Ùˆ / أو المؤسسات الØكومية).
تشمل ملÙات تعري٠الجمهور التركيبة السكانية، وتصورات العلامة التجارية، واØتياجات الجمهور، والأهدا٠والمهام عبر الإنترنت التي يتم إجراؤها بشكل روتيني.
الرسائل: ما هي الرسائل الرئيسية التي تجذب وتØÙز الجماهير الرئيسية للانخراط مع المنظمة؟ ما هي رسائل العلامة التجارية الرئيسية التي تساعد ÙÙŠ تمييز المنظمة عن أقرانها؟
المناÙسة: تصميم موقع من هي المنظمات المناÙسة التي تقدم عروض مماثلة لجمهورك؟ قم بتضمين نظرة عامة على مواقع الويب الخاصة بالمؤسسات التناÙسية، تصميم مواقع مع مراعاة العلامات التجارية المرئية والمراسلة والتنقل وعبارات الØØ« على اتخاذ إجراء والعوامل التÙاضلية الرئيسية.
2- Øجم المشروع
تØديد Øجم المشروع هو خطوة Øاسمة وهامة ÙÙŠ عملية انشاء موقع الكتروني، انشاء موقع الكتروني Ùهي واØدة من أكثر الإØباطات شيوعًا مع مشاريع الويب .
Ùمن خلال إنشاء خطة نطاق مشروع Ù…Øددة جيدًا تØدد الأنشطة والتسليمات المØددة، جنبًا إلى جنب مع الجداول الزمنية المØددة، ستتمكن من تØديد التوقعات لعملائك بوضوØ.
ويجب عند تØديد Øجم المشروع أن تØدد أيضًا المهام المرتبطة بكل نشاط وتاريخي البدء والانتهاء.
ويجب أن توÙر مرجعًا مرئيًا للÙريق، Øيث ÙŠÙظهر الإطار الزمني لكل خطوة والتبعيات بين الخطوات.
3- خريطة وهندسة المواقع
تتضمن بنية الموقع خريطة الموقع والأطر الشبكية للصÙØات، يضمن لك إنشاء خريطة للموقع التأكد من أنك قد نظرت ÙÙŠ جميع الصÙØات الرئيسية ÙÙŠ الموقع، مع إظهار علاقتها ببعضها البعض وتØديد كيÙية تنظيم التنقل العام للمواقع.
توÙر Wireframes عرضًا تÙصيليًا للمØتوى الذي سيظهر ÙÙŠ كل صÙØØ©. على الرغم من أنها لا تعرض أي عناصر تصميم Ùعلية، إلا أن الإطارات الشبكية توÙر دليلًا لتØديد التسلسل الهرمي للمØتوى على الصÙØØ©.
4- إنشاء التصميم المرئي
بمجرد تØديد مخطط الموقع من خلال إنشاء خريطة الموقع والإطارات الشبكية، Ùإن الخطوة التالية هي إنشاء نمط مرئي.
من Ø§Ù„Ù…Ø±Ø¬Ø Ø£Ù† يتم تØديد النمط المرئي العام من خلال العلامة التجارية المرئية للمؤسسة؛ الهد٠هو ربط الويب بجميع أشكال اتصالات المنظمة الأخرى.
تلعب العلامة التجارية للمؤسسة دورًا مهمًا ÙÙŠ هذا الجزء من العملية، Øيث سيرغب المصممون أثناء تصميم موقع الكتروني ÙÙŠ نقل الأÙكار الإدراكية الرئيسية للعلامة التجارية تصميم موقع الكتروني بشكل مرئي داخل التصميم.
5- تطوير الموقع
بعد المواÙقة على التصميمات، Øان الوقت لتجسيد تصميم الصÙØات وتطوير Ù…Øتوى جديد وتØسين المØتوى القديم وإنشاء مقاطع Ùيديو وعروض Ø´Ø±Ø§Ø¦Ø ÙˆØ¨Ø±ÙˆØ¯ÙƒØ§Ø³Øª ووسائط أخرى ستظهر على الموقع وكذلك البدء ÙÙŠ إنشاء HTML Ùˆ CSS الموقع.
6-اختبار الموقع
قبل إطلاق الموقع ØŒ سيتم وضعه على خادم إنتاج Øيث يمكن Ùقط للجمهور الداخلي وأي شخص تشارك الرابط معه مشاهدته.
يعد اختبار الموقع أمرًا بالغ الأهمية تصميم مواقع Øيث ستكون هناك Øتمًا مشكلات تØتاج إلى المعالجة قبل بدء تشغيل الموقع.
لا يوجد شيء يؤدي إلى تآكل العلامة التجارية أكثر من موقع لا يعمل بشكل صØÙŠØ Ø£Ùˆ به أخطاء إملائية أو عناصر تصميم معطلة.
ÙÙŠ هذه المرØلة يجب مراجعة الموقع على متصÙØات متعددة (Firefox Ùˆ Safari Ùˆ Internet Explorer) وأجهزة متعددة (أجهزة كمبيوتر Ù…Øمولة وأجهزة لوØية وجوال) لمعرÙØ© ما إذا كانت هناك Ùواصل وأين تØدث.
7- الإطلاق
اليوم الكبير، لقد اختبرت الموقع ÙˆØصلت على مراجعته والمواÙقة عليه من قبل أصØاب المصلØØ© ÙÙŠ المشروع، وأنت على استعداد لبدء التشغيل.
ولكن بمجرد إطلاق الموقع، لا ينتهي المشروع - يجب أن تكون مستعدًا لمعالجة التعليقات الواردة من المستخدمين الذين يتكيÙون مع الموقع الجديد.
توقع إجراء بعض التغييرات الÙورية على الموقع، مثل Ø¥ØµÙ„Ø§Ø Ø§Ù„Ø±ÙˆØ§Ø¨Ø· المعطلة، وتØرير النسخة، وإجراء التعديلات.
الويب عبارة عن وسيط مرن يتغير يوميًا، إن لم يكن كل ساعة - التغيير أمر لا Ù…Ùر منه.
8- صيانة الموقع
يعتقد مصممون الويب العاديين أن عملية تصميم موقع تنتهي عند الانطلاق، أما المصممون المتميزون يعلمون أن مواقع الويب كيانات Øية وتتنÙس وتØتاج إلى رعاية وصيانة مستمرة.
يعد تØديث المØتوى وإجراء التغييرات على الواجهة الخلÙية ÙˆØ¥ØµÙ„Ø§Ø Ø§Ù„Ø±ÙˆØ§Ø¨Ø· المعطلة كلها ÙÙŠ يوم عمل واØد، وكل هذه المراØÙ„ ضرورية لعملية تصميم الويب.
لكن الخيط الذي يمر عبر العملية هو الاستراتيجية: الرغبة ÙÙŠ تØقيق هدÙØŒ ودÙع المنظمة إلى الأمام، والازدهار ÙÙŠ بيئة تناÙسية.