التخطي إلى المحتوى الرئيسي

معايير تصميم موقع الكتروني ..

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


– ما هي مراحل عمل تصميم موقع الكتروني ؟-ماذا يعني تصميم موقع الكتروني-لماذا تعد عملية تصميم موقع الكتروني شيئا مهما ؟-كيف احصل علي افضل تصميم لموقعي الالكتروني ؟


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


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

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

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

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

تعليقات

المشاركات الشائعة من هذه المدونة

سكول فويس Schoolvoice

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

ما هوالفرق بين الشبكة والانترنت ,والانترانت , الاكسترانت , الشبكة العنكبوتية ؟

ما هوالفرق بين الشبكة والانترنت ,والانترانت , الاكسترانت , الشبكة العنكبوتية ؟ الشبكة : Network هي مجموهة مواد ومعدات معلوماتية متصلة ببعضها البعض وهناك الشبكة المحلية والشبكة الواسعة مدى الشبكات المحلية محدود في عدد الكيلومترات بينما تمتد الشبكات الواسعة الى مئات والاف الكيلومترات . من الامثلة الشائعة على الشبكات : ⇦ الانترنت. ⇦الانترانت. ⇦الاكسترانت. ⇦الشبكة العنكبوتية. ➤الانترنت : هو شبكة واسعة تغطي العالم بأسره. ويعتبر خدمة تقدم للمؤسسات والأفراد من خلال دمج تكنولوجيا المعلومات مع تكنولوجيا الاتصالات والاجهزة والبرمجيات . ➤الانترانت :عبارة عن شبكة حاسوب خاصة بالشركات والمؤسسات الحكومية والخاصة , حيث صممت هذه الشبكة لخدمة افراد الشركة او المؤسسة ,من خلال مشاركة الملفات والمعلومات داخل نطاق الشركة ,مع امكانية الاتصال بشبكة الانترنت ولكن تحت قيود . ➤الاكسترانت : هي مجموعة شبكات انترانت متصلة مع بعض . ➤الشبكة العنكبوتية : مصطلح يطلق على شبكة الانترنت التي تضم شبكة واسعة وغير محددة على مستوى العالم , تتيح لمستخدميها او المتصلين امكانية تبادل المعلومات بمختلف انواعها وفق بروتوكول واحد...

أفوائد استخدام التكنولوجيا الرقمية في ظل أزمة الكورونا .. مها الشهراني

أصبحت الحاجة ملحة لاستخدام التكنولوجيا الرقمية في ظل أزمة الكورونا   طي لماذا أصبحت الحاجة ملحة لاستخدام التكنولوجيا الرقمية؟ قدمت التكنولوجيا الرقمية مجموعة كبيرة من الميزات التي جعلتها تتصدر أي تفكير في تطوير العملية التعليمية، و جعلتها أيضا حلا للمشكلات التي نتعرض لها في وقت الأزمة (كورونا)، والنقاط الآتية توضح أهم ميزات أدوات التكنولوجيا الرقمية: 1- إمكانية استخدام أدواتها بسهولة وفي مختلف الأماكن حيث تتميز أدوات التكنولوجيا الرقمية الحديثة بكونها مناسبة من حيث حجمها، ابتداءً بالحاسوب الشخصي والمحمول (اللاب توب)، وصولاً إلى لأجهزة اللوحية (التابلت)، وانتهاءً بالهاتف الذكي، مما أنتج مرونة وسهولة في استخدامها لمختلف الظروف، فنستطيع من خلالها العمل في مختبر المدرسة ( الحاسوب الشخصي)، وفي الصفوف الدراسية الاعتيادية (الجهاز اللوحي)، وفي المكتبة ومختبر العلوم (اللوح التفاعلي – (LCD وفي المنزل بواسطة العديد من الأدوات، مثل (الحاسوب الشخصي – الجهاز اللوحي – الهاتف الذكي)،  بالإضافة إلى تميزها بسهولة الاستخدام والعمل من خلالها، ولا يخفى على أحد بأن هذه التط...