التصميم التجاوبي

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


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

اِقرأ المزيد...

الموقع الالكتروني وسيلة و ليس غاية

يعتبر انشاء موقع الكتروني وسيلة و ليس غاية في حد ذاتها. فالهدف الاساسي لانشاء الموقع هو تسويق المنتج او الخدمة او الفكرة التي انشأ من اجلها الموقع

و هناك عدة طرق لتسويق الموقع علي الانترنت منها:
الظهور في محركات البحث في ترتيب متقدم (في اول صفحتين)
الاعلانات المدفوعة الاجر في مواقع آخرى او في محركات البحث
الانتشار من خلال المواقع الاجتماعية مثل الفيس بوك، تويتر…

و لكل من الطرق المذكورة مميزات خاصة بها و استخدمات محددة:

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

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

- تعتبر المواقع الاجتماعية مثل الفيس بوك و تويتر… هي البديل العصري لكلمة الفم. و لها مردود كبير اذا استخدمت بفاعلية.
فكثير من مستخدمي الانترنت الآن يستخدمون تلك المواقع، و من السهل نشر الموقع بينهم. فاذا اضافك شخص ما او استحسن موضوعك فاصدقاء هذا الشخص سوف يشاهدون موقعك و قد يستحسن شخص اخر منهم موقعك او يضيفك او يتبعك كصديق و هلم جرة، فتتسع دائرة الانتشار بصورة كبيرة.

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

اساسيات تصميم المواقع

من المهم ان يكون تصميم الموقع جيدا، فموقع بة محتوى جيد لكن تصميمة ردئ او لا يرتقي لمعايير المستخدم لن يكن لة نفع للمستخدم، ايضا اذا كان الموقع ذو تصميم رائع لكن ليس بة محتوي فهو عديم القيمة، فمن المهم ان يجتمع العنصرين – التصميم الجيد و المحتوى الجيد – لنجاح الموقع.

التصميم و المحتوى

يجب الا يتداخل التصميم في المحتوى و يجعل قراءتة صعبة

فيجب ان الا تمنع ارضية التصميم قراءة المحتوي او تشوشر علية

و يجب الاي يصحب التصميم عائقا للقرائة السلسة للمحتوى

سهولة التصفح

يجب ان يكون تظام التصفح سهل و واضح للمستخدم و ﻻيحتاج منة جهد للوصول الى الصفحة المراد الوصول اليها

يجب ايضا ان يكون وصلات التصفح نفسها واضحة في الصفحة في مكان بارز

يجب ان يعلم المستخدم هو في آي صفحة من صفحات الموقع بتضيح العنوان في مكان ظاهر لة او بتغير لون وصلة الصفحة الراهنة

التصميم المتجانس

يجب ان تكون صفحات الموقع متجانسة، فيتعرف عليها المستخدم كصفحة من صفحات الموقع حتى لو كانت الصفحات الداخلية بها اختلافات كبيرة عن الصفحة الرئيسية فيجب ان يجمع صفحات الموقع ككل شكل اساسي يمكن ان يميزة المستخدم.

سهولة التحميل

يجب ان يمتاز تصميم الموقع بسهولة التحميل، فعادة متصفح الارنترت ليس لة الصبر الكافي لينتظر تحميل موقع ما فترة طويلة، و اذا وجدة ياخذ وقت اكثر من المعتاد ينصرف عنة، فيجب العمل على جعل الموقع يفتح بصورة سريعة

السلطة تفوض لكن المسئولية لا تفوض

السلطة تفوض لكن المسؤلية ﻻ تفوض
لن يستطيع المدير ان يقوم  بعمل جميع المهام بفردة، و حتي يمكنة تحقيق النتائج يجب ان يفوض سلطتة. لكن تظل مسؤلية انجاز تلك المهام تقع علية.
:و هناك قاعدة في الادارة مشهورة هي ان

السلطة تفوض لكن المسؤلية ﻻ تفوض

و هى تعني ان المدير يمكن ان يفوض سلطاتة لمرؤسية لكن مسؤليتة  تبقي كما هي

و عند تفويض السلطة يجب اتباع الخطوات التالية
1- تحديد المهام التي سوف يقوم بها المرؤؤس بدقة
2- تفويض السلطة بما في ذلك امكانية ان يقوم المرؤوس بتفويض سلطتة تلك
3- لكن المسائلة يتحملها من قام بالتفويض و يقع على عاتقة انجاز العمل المسؤل عنة.

سهولة استخدام المواقع بواسطة ذوي الاحتياجات الخاصة

سهولة استخدام المواقع بواسطة ذوي الحالات الخاصة

يعتبر تقديم الموقع خاصية سهولة الاستخدام لذوي الحالات الخاص من الأمور الهامة و التي يجب أن تراعي، حتي يستفيد هؤلاء من الخدمات التي يقدمها.

و سوف نستعرض في مقال اليوم بعض النقاط التي يجب مراعاتها عند تصميم المواقع لتكون مناسبة لبرامج قراءة الصفحات screen readers

برامج قراءة صفحات الإنترنت

و هي برامج يستخدمها المكفوفين و ضعاف البصر لقرأة الصفحات, و هي تقراء كود الصفحة (الأتش تي ام ال) و تستطيع التعرف علية.

النصائح التالية تساعد تلك البرامج في تحسين أداها بصورة كبيرة

- استخدام تاج العنواين بصورة صحيحة
و لان برامج قراءة صفحات الانترنت تنظر الي الكود و ليس الي شكل الصفحة فيجب اعطائها تاجات العنواين (headings) بصورة صحيحة حتى يمكنها تميزها، حتى يمكن لمستخدميها ان يفرقوا بين العنوان و النص العادي

ايضا فان تلك البرامج تستطيع ان تقراء العنواين الموجود في الصفحة لمستخدمها و الذي يستطيع بعد ذلك ان يختار العنوان الذي يرغب في الاستماع الية.

- استخدام جمل ذات معنى للروابط
فمستخدم تلك البرامج يمكنهم الانتقال بين الصفحات باستدعاء قائمة بالروابط الموجودة في الصفحة، فاذا كان الرباط مكتوب بصورة غير واضحة مثل “انقر هنا” فهذا لن يكن له معني بالنسبة لمستخدم تلك البرامج، و علية فيجب ان تكون جملة الرابط دالة علية.

و استخدام جملة لها معني في الروابط لها ميزة اخرى فالمستخدمين المبصرين في العادة تلفت نظرهم الروابط في الصفحة قبل آي شئ اخر لتميزها في الشكل فاذا كان الرابط به شرح وافي فان ذلك سوف يسهل عملية التصفح.

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

- استخدام القوائم (lists) في تحرير الصفحة ما امكن
استخدام القوائم يعطي ميزة كبيرة لمستخدمي برامج قراءة صفحات الانترنت لانها تعطيهم اولا العدد الموجود في القائمة ثم تبداء في قراءة كل بند، فهي تعطيهم فكرة عما سوف يقراء عليهم اولا ثم تبداء في القراءة.

و استخدام تاج <li> في هذة ا لحالة لن يؤثر في شكل الصفحة و يمكن معالجتة باستخدام الاستايل المناسب.

- استخدم نص بديل ملائم للصور
و النص البديل (alt) هو ما يظهر بدل من الصور و يجب استخدام نص مختصر يشرح الصورة بصورة ملائمة.

- استخدام عناوين ملائمة للصفحات
استخدام عنواين ملائمة للصفحات يوفر الوقت على مستخدم برامج قرأة صفحات الانترنت و يعلمة بانة في الصفحة الصحيحة، بدلا من تركة ينتظر قراءة ما هو مكتوب في الصفحة.

صفحات الوصول

صفحات الوصول – و هي الصفحات الاولى التي يصل اليها مستخدم الموقع – تعتبر اهم صفحات الموقع و هي الصفحات الجالبة للربح و التي تحول الزائرين للموقع الى عملاء.

و على هذا فيجب التاكد من توافر النقاط التالية فيها:


التركيز على هدف واحد
يجب التركيز في صفحات الوصول على هدف واحد و هو فعل شئ محدد و هو قد يكون تشجيع الزائر على شراء منتج معين  او فتح حساب في الموقع او الاشتراك في قائمة بريدية، و يجب استخدام جميع عناصر الصفحة من صور و نصوص و وحدات فلاش متحركة في تحقيق هذا الهدف

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

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

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

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

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

 

مدونة تصميم المواقع

  • قوائم الهامبرجر هل هي مضرة بصفحات الانترنت +

    ينصح الاطباء البعد عن تنوال سندوشات الهامبرجر و خاصة تلك المصنعة خارج المنزل بسبب احتوائها علي عناصر ضارة بالصحة، و Read More
  • التصميم المسطح +

    التصميم المسطح يعتبر اسلوب من اساليب تصميم مواقع الانترنت و واجهات الاستخدام للبرامج فية يتجنب المصمم استخدام الوحدات البارزة ثلاثية Read More
  • الالوان و التصميم +

    تعتبر الاوان عنصر هام في تصميم مواقع الانترنت و الاستخدام الموفق للالوان هو الذي يميز المواقع الناجحة. نظرية الالوان و Read More
  • صفحات الوصول +

    صفحات الوصول – و هي الصفحات الاولى التي يصل اليها مستخدم الموقع – تعتبر اهم صفحات الموقع و هي الصفحات الجالبة للربح Read More
  • الارقام و النصوص العربية +

    يواجه مصممي مواقع الانترنت مشكلة في عرض الارقام بصورة صحيحة في الصفحات المكتوبة باللغة العربية و خاصة تلك الارقام التي Read More
  • سهولة استخدام المواقع بواسطة ذوي الاحتياجات الخاصة +

    سهولة استخدام المواقع بواسطة ذوي الحالات الخاصة يعتبر تقديم الموقع خاصية سهولة الاستخدام لذوي الحالات الخاص من الأمور الهامة و Read More
  • الخطوط و صفحات الانترنت +

    من العقبات المشهورة في مجال تصميم المواقع استخدام انواع الخطوط المختلفة - الفونت -  في صفحة الانترنت. فعرض فونت معين يتوقف Read More
  • اساسيات تصميم المواقع +

    من المهم ان يكون تصميم الموقع جيدا، فموقع بة محتوى جيد لكن تصميمة ردئ او لا يرتقي لمعايير المستخدم لن Read More
  • اعتبرات اساسية في تصميم مواقع التجارة الالكترونية +

    مع النمو المتزايد للتجارة الالكترونية في الدول النامية و خاصة في المنطقة العربية، تتزايد الانشطة التي تنشئ المتاجر الالكترونية، يختلف Read More
  • التصميم التجاوبي +

    التصميم التجاوبي هو التصميم الذي يتيح عرض تصميم الموقع علي اكثر من جهاز مختلف مثل اجهزة الكومبيوتر الشخصي و المحمول Read More
  • 1
  • 2

عرض بداية

اول خطوات نجاح مشروعك علي الانترنت
هو وجود بريد الكتروني باسم نشاطك
و لذلك نوفر

2 حساب بريد الكتروني مجانا

بسعة 100 ميجا لكل حساب
مع حجز كل اسم نطاق
ب 11 دولار امريكي فقط
اتصل بنا