ما هي مفاتيح النجاح ؟
3 January، 2018
ثلاثة اهداف يجب تحقيقها عند المشاركة في معرض
6 January، 2018
Website design يأتي في المقدمة مع بعض العوامل الاخري من حيث الأهمية والدور الفعال في انجاح هذا الموقع.
علي أصحاب المواقع الذين يتطلعون لنجاح مواقعهم تخصيص وقت ومجهود كافي لاختيار التمصميم المناسب لمواقعهم.
تصميم موقعك الالكتروني هو شيء يحدث مرة واحدة عند بداية إنشاءك له.
ربما في بعض الأحيان يمكنك إضافة بعض التعديلات مع مرور الوقت، ولكن بشكل عام هو شيء يجب أن يتم عمله بصورة متقنة ومميزة.
– ما هي مراحل عمل تصميم موقع الكتروني ؟
-ماذا يعني تصميم موقع الكتروني
-لماذا تعد عملية تصميم موقع الكتروني شيئا مهما ؟
-كيف احصل علي افضل تصميم لموقعي الالكتروني ؟
.
لقد تناولنا في موضوع سابق بعنوان خطوات Create a website بشي من التفصيل، الخطوات التي يتم عملها عند إنشاء أي موقع إلكتروني.
وبالطبع كان هناك جزء خاص بعمل التصميم الخاص بالموقع.
وهنا سوف اتناول هذه الجزء مرة اخري ولكن بإختصار.
.
مراحل عمل تصميم موقع الكتروني
تنقسم خطوات تصميم أي موقع الكتروني إلى ثلاثة خطوات في أحيان يقوم بها شخص واحد أو شخصان أو حتى ثلاثة أشخاص مختلفين.
وهي على الترتيب:
.
UX Design
في هذه المرحلة يجب أن يتم عمل تصور كامل على الورق لتصميم الموقع الالكتروني ومكان كل شيء فيه وترتيب المحتوى.
مع مراعاة سهولة الإستخدام بالنسبة للمستخدم.
.
UI Design
في هذه المرحلة يتم نقل التصور من الورقة التي في المرحلة السابقة لصورة على الكمبيوتر بإحدي برامج تصميم الصور.
وفي هذه المرحلة يجب تحديد الألوان الخاصة بالموقع وحجم وأنواع الخطوط وكل شيء ليتم تنفيذه من قبل المطور.
.
UI Development
في هذه المرحلة يتم تحويل صورة الفوتوشوب إلى كود حيث يتم عمل ملفات التصميم الخاصة بالموقع الذي من المفترض أن يراه المستخدم.
.
ماذا يعني تصميم موقع الكتروني ؟
تصميم موقع الكتروني : يعني عمل شكل وهيكل متكامل للموقع من صفحة رئيسية وصفحات داخلية وكل جزء ظاهر في الموقع.
وهو يتضمن كل ماله علاقة بما هو مرئي امام المستخدم وهذا يشمل
-حجم صفحات الويب داخل الموقع من حيث انها تكون بملء المتصفح ام داخل اطار يمثل نسبة من المتصفح.
-شكل الصفحة الرئيسية والصفحات الاخري وما بها من روابط الي صفحات اخري مهمة في الموقع.
-حجم الخطوط ونوعها في كل صفحات الموقع وحجم وخطوط الروابط النصية التي تربط الصفحات ببعضها.
-الوان الموقع بكل صفحاته.
-اماكن ظهور شعار الموقع واسمه وايقونات مواقع التواصل الاجتماعي.
-البار العلوي والبار السفلي وعلي ماذا يحتوي كل منهما.
هذه مجرد امثلة لما يحتويه تصميم الموقع وهو كما قلنا سابقا وبإختصار فإن التصميم هو يشمل كل ما هو مرئي للمستخدم.
وللتفرقة بين التصميم والتطوير : فالتطوير يشمل كل ماله علاقة بالمميزات والخواص والوظائف التي يقدمها الموقع للمستخدم.
مثال لو كانت هناك مدونة تعرض مقالات وبها مستطيل للبحث داخل الموقع:
فشكل المستطيل ومكانه وشكل نتائج البحث واماكنها هو من عمل المصمم.
اما عن الخاصية التي تبحث داخل مقالات الموقع لكي تظهر النتائج المناسبة من مقالات لها علاقة بكلمة البحث فهي من عمل المطور
.
لماذا تعد عملية تصميم موقع الكتروني شيئا مهما ؟
.
تصميم موقعك الالكتروني مثله مثل أي شيء في حياتك له علاقة بالمظهر والشكل.
لكي تدرك جيدا أهمية تصميم موقع الكتروني فكر قليلا في أهمية إختيار ملابسك وسر إنجذابك للأشخاص المهندمين، وإختيار مكان سكنك وسر
إنجذابك لأماكن بعينها.
بإختصار فكر قليلا في تأثير الشكل والمظهر في قراراتك اليومية.
تصميم موقعك أيضا يؤثر بشدة في قرار المستخدم سواء بالبقاء به أو مغادرته أو حفظه في المفضلات.
أو هجره نهائيا أو اقتراحه لأحد الأصدقاء.
.
تصميم موقعك الالكتروني يؤثر أيضا في أداء عناكب محركات البحث في الزحف له.
فالموقع السهل في التصميم والذي تتوافر به عوامل التصميم الجيدة يكون مهيئا للزحف من قبل محركات البحث مما يعود بالفائدة على أداء الموقع
في محركات البحث.
هذا أيضا ينطق على فهرسة الموقع في محركات البحث أيضا حيث أن المواقع ذات التصميم الأفضل يكون لها الأولوية في الظهور في النتائج
الأولى لمحركات البحث.
.
عملية تصميم موقع الالكتروني في غاية الأهمية حيث يترتب عليه أيضا البرمجة الخاصة بالموقع.
فإذا كان تصميم موقعك جيدا ومنظما وبه كل الأدوات التي تريدها كانت مهمة البرمجة اسهل.
فكل خاصية أو أداة أو ميزة في موقعك يجب أن تبدأ من التصميم.
.
والآن السؤال الأهم في موضوعنا هذا:
ما الذي يجب عليك أحذه في الإعتبار عند تصميم موقع الكتروني
للحصول على أفضل نتيجة ممكنة؟
أولا وقبل كل شيء يجب أن تفكر جيدا في طبيعة زوار أو مستخدمي موقعك والذين يعتمدون بالطبع على طبيعة موقعك وما تقدم به.
فمثلا لو كان زوار موقعك أكثرهم إناث فسوف يكون هذا عنصرا مهما يجب أن يوضع في الإعتبار.
فالإناث يحبون الألوان ويهتمون بالدقة والتفاصيل والشكل أكثر من الذكور.
طبيعة زوارك هو مفتاحك الأهم الذي يجب أن تنطلق منه فكريا عند التفكير بتصميم موقعك.
.
كيف احصل علي افضل تصميم لموقعي الالكتروني ؟
إليك اهم العوامل التي يجب عليك مراعاتها لكي تحصل علي افضل تصميم لموقع الالكتروني.
لكي نكون اكثر تنظيما سوف نقوم بتقسيم هذه العوامل الي قسمين قسم يتعلق بالشكل وقسم يتعلق بالاداء
.
اهم عوامل تصميم موقع الكتروني جيد من حيث الشكل
.
Lines
تعتبر النصوص الكتابية هي أبرز وأهم عنصر في أي موقع تقريبا.
لذلك يجب عليك إختيار نوع وحجم الخطوط في موقعك بعناية، ويفضل أن تختار الخطوط العادية التي تستخدمها أغلب المواقع وخصوصا المشهورة
منها والتي يشعر المستخدم بألفة تجاهها.
بخصوص أحجام الخطوط فيجب أن تستخدم ميزة حجم الخطوط في إبراز أهمية النصوص التي ترى أنها أساسية ومهمة مثل:
العناوين والإشارة للأفعال التي تريد من المستخدم أن يقوم بها مثل الإشتراك في القائمة البريدية.
أما بخصوص ألوان الخط فيجب أن تكون في الأساس متوافقة مع الألوان التي تستخدمها في موقعك.
وأنا أنصح بصورة خاصة إستخدام اللون الأسود بدرجاته والأبيض في حال كانت الخلفية قاتمة.
.
Colors
في اي تصميم موقع الكتروني يجب أن تكون Colors متسقة مع بعضها وأيضا محدودة (أنصح بعدم إستخدام الكثير من الألوان).
يمكنك أيضا التحكم في درجات الألوان لتسليط الضوء على العناصر المهمة في موقعك.
أما بخصوص إختيار الأالوان نفسها فهذا يتوقف كليا على المجال الذي يتخصص به موقعك وطبيعة زوارك.
حاول ان تتجنب الإنحياز لزوقك الخاص وخصوصا إذا كان مختلفا، تذكر أن موقعك هذا لزوارك واعمل على إرضاءهم.
.
Images
كما يقولون في عالم Digital Marketing الصورة تساوي ألف كلمة.
الصور عنصر يستحق إستثمارك حيث أنها تفيد جدا في إبراز تصميم موقعك الالكتروني وإعطاءه جمالا خاصا.
.
المساحات
هناك إعتقاد خاطيء سائد وهو أنه يجب عليك إستغلال كل مساحة في موقعك وشغلها بمحتوى معين.
الحقيقة عكس ذلك تماما فوجود مساحات فارغة أو بيضاء في الموقع في أحيان كثيرة يعمل على إبراز أهمية شيء معين كما أنها تساعد على إبراز
جمال التصميم.
.
يجب أن يكون تصميم موقعك فريدا ومميزا
في أحيان كثيرة يقع أصحاب المواقع في خطأ مشهور في عالم الويب وهو أخذ تصميم أحد المواقع المشهورة والقيام بتنفيذه في مواقعهم الخاصة.
الحقيقة أن المواقع المشهورة التي يزورها مستخدمي موقعك تكون محفوظة بالنسبة لهم حيث أنهم زاروها في الكثير من المرات.
سوف يلحظون أنك قمت بنسخ أو تنفيذ تصميمات هذه المواقع في موقعك وهذا سوف يترك إنطباعا سيئا لديهم.
ما أود الإشارة إليه في هذه النقطة أنه لا بأس من أن تجعل المواقع المشهورة تعمل كملهم لك عند قيامك بتصميم موقعك الخاص.
يمكنك تنفيذ بعض الأفكار من خلالهم ولكن تجنب تنفيذ التصميم بألوانه وتفاصيله.
.
اهم عوامل تصميم موقع الكتروني جيد من حيث الاداء
.
جذب إنتباه وتوجيه عين المستخدم للعناصر المهمة
يجب أن يكون تصميم موقعك معتمدا على إبراز العناصر المهمة والتي تريد أن يلتفت إليها المستخدم.
على سبيل المثال مكان أيقونات مواقع Social media الخاصة بموقعك، يجب أن تكون في مكان واضح وملفت وأمام عين المستخدم.
فهذا يساعدك في الحصول على المزيد من المشتركين أو المتابعين.
.
اجعل موقعك صديقا لجميع الأجهزة
في السنوات القليلة الماضية اتسع حجم مستخدمي الإنترنت من خلال أجهزة المحمول الذكية وأجهزة التابلت. نحن الآن في عصر ثورة أجهزة
المحمول الحديثة.
مع كل يوم يزداد عدد مستخدمي الإنترنت من خلال أجهزة المحمول الذكية.
لذلك أصبح إجباريا وليس خيارا على كل صاحب موقع أن يجعل تصميم موقعه مناسبا لأجهزة المحمول الذكية.
.
الانتقال من مكان لمكان في الموقع نفسه
لم أجد مقالا يتحدث عن Website design جيد إلا و يطرح عنصر الإنتقال كواحد من أهم العناصر.
جوجل نفسه يوصي بأن كل صفحة في موقعك يجب أن يكون لها لينك نصي مميز واحد على الأقل في موقعك. احرص على جعل المستخدم يعرف
جيدا المكان أو القسم الذي يوجد به واجعل إنتقاله من مكان لمكان في موقعك سهلا وبسيطا وواضحا.
فيجب أن يحتوي البار العلوي لموقعك على أقسام الموقع ومن المفضل أيضا أن تقوم بعمل مسارات داخليه توضح أين يوجد المستخدم.
تكون بهذا الشكل (الصفحة الرئيسية-القسم-المقال أو الموضوع) فهذا يعني أن المستخدم الآن موجود في موضوع معين داخل قسم يندرج تحت
الصفحة الرئيسية مباشرة.
.
Simplicity
البساطة هي سر الجمال، احرص على جعل موقعك سهلا وبسيطا للمستخدم.
إجعل كل العناصر التي تم ذكرها سابقا تعمل معا في إتجاه البساطة.
هذه هي اهم العناصر التي يجب عليك إتباعها عند الشروع في تصميم موقع الكتروني، او عند شراء قالب ووردبريس لموقعك.
فقط قم بإتباعها وسوف تحصل على أفضل نتيجة ممكنة.
3 Comments
قرأت هذا الموضوع واستفدت به كثيرا، وهو بخلاف كل المقالات التى قرأتها، حيث أن كثيرًا منها يتميز بأنه منسوخ أو معاد صياغته، بينما هذا حصرى ويقدم الكثير من المعلومات المفيدة.