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

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

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


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


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


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

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

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

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

تعليقات

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

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

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

رحلة المكتبات من الويب 1.0 الى الويب 4.0

                                                      رحلة المكتبات من الويب 1 الى الويب 4           ملخص دراسة عن الويب                                               أ.د. ياسر يوسف عبدالمعطي                                                                                  د. ناصر متعب الخرينج                                          قسم علوم المكتبات والمعلومات            كلية التربية الأساسية - الكويت                      رابط الملخص pdf 

ماذا تعرف عن تطبيق بنترست

Pinterest هي شبكة تواصل اجتماعي تم إنشاؤها في مارس عام 2010 من قِبل مجموعة من رجال الأعمال والمُستثمرين؛ هم: بن سيلبرمان، بول سيارا، وإيفان شارب، ويُشرف على إدارته حاليًا مختبرات Cold Brew Labs. تُتيح منصة بينترست للمستخدمين مشاركة الصور المرتبطة بالمشاريع والسلع والخدمات، واكتشاف اهتمامات جديدة بشكلٍ مرئي من خلال استعراض الصور ومقاطع الفيديو التي ينشرها الآخرون. ويُتيح الموقع للمستخدمين إدارة مجموعات الصور بناءً على استنادها لفئة معيّنة. ببساطة، يُمكنك اعتبار Pinterest بمثابة لوحة لتعليق النشرات والأفكار لكن بوظائف تنظيمية أكبر، ويُمكن اعتباره بمثابة أداة مرجعية لكن عبر الويب. وبإمكانك فهم الوظيفة الأساسية للموقع من اسمه “Pin ويعني دبوس”، والمقصود هنا دبوس تعليق الصور والملاحظات على اللوح. إذ يُعطيك الموقع إمكانية إنشاء board لتعليق الصور عليها، ويُمكنك إنشاء أكثر من لوح للمجموعات المختلفة من الصور. وباعتبار Pinterest موقع اجتماعي، بإمكان المستخدمين أن يتفاعلوا مع بعضهم البعض من خلال الإعجاب أو التعليق على الصور وإرسال الرسائل لبعضهم البعض. وما يجعله مميّزًا عن باقي مواقع التواصل