Design & Develop a Website with 6 Distinct Steps ابرز النقاط لتصميم و تطوير موقع الكتروني متميز بستة خطوات

في بداية الأمر احب التنويه بأن تصميم المواقع الإلكترونية التجارية أو غيرها قد يختلف محتواها أو اهدافها , حيث يمثل التصميم جزء كبير ومهم في دمج و جذب الزوار إلى الموقع الإلكتروني في جمله مختصرة ( كن مبدعاً , كن مبسطاً قدر المستطاع ) اي ما معناه اجعل من تصميم موقعك ابداعياً شكلياً وجوهرياً في المحتوى و اجعله قدر المستطاع بسيط لدرجة امكانية المستخدم تصفح الموقع بكل سهولة ويسر.
سنستعين بهذا التصميم الرائع للمصمم ” Neil Richards ” سنلاحظ من التصميم ان الغرض منه <تجاري> في مجال بيع كيمرات Olympus القديمة و التي تعتبر تحف فنية, سيتم شرح ابرز النقاط المهمة في تصميم موقع الكتروني متميز كهذا في 6 نقاط رئيسية كان لها الأثر في نجاح الموقع الإلكتروني وهي كالتالي: 
اضغط على الصورة لرؤيتها بوضوح اكثر
1- محرك بحث: تزويد الصفحة بمحرك بحث بارز للمواقع التي تحتوي على بيانات كثيرة, مع استخدام قوائم منسدلة, إن تزويدك لمحرك البحث على يمين الصفحة أو يسار الصفحة بالقرب من الشعار الرئيسي,  يتيح الفرصة للزوار حرية البحث بما يريدون أو بما يهتمون إليه , فأفضل طريقة هي وضع محرك البحث في الواجهة الرئيسية للموقع ( الهيدر ) و الصفحات الفرعية للموقع مع خاصية استخدام الفلتر .
2- نتائج البحث: لا بد من ابراز نتاج استخدام عملية البحث , وذلك عن طريق إظهار نتائج البحث برقم معين , مع إمكانية إعادة فلتره البحث حسب الرغبة  او حسب المتوافر بتصنيفات المنتج و المتوفر من خلال الموقع , بإمكانكم استخدام تقنية الـ Ajax في هذا البند.
3- اضفاء لمحة ابداعية فريدة للموقع: في هذا التصميم تم تطوير برمجية مستخدمة بتقنية AJAX في اختيار السعر المناسب للزائر , بحيث بإمكان الشخص الضغط على النقطة الحمراء و سحب النقطة للسعر المرغوب المناسب له , والذي يقوم بدوره هذا السكربت في اظهار المنتجات المرغوب بها بصورة ديناميكية.
4- قائمة الأسعار للمنتجات: يجب تزويد تفاصيل و بيانات ترجع للمنتج فمثلاً في هذا التصميم بيع الكيمرات المستعملة من ماركة Olympus , قام المصمم و المبرمج بوضع السعر الأصلي من الموقع الأم للشركة ومبلغ سعر كميرات محددة , كما اضاف لكل كاميرا في الموقع مبيناً حالة استخدامها في خمسة مستويات ( مقبول,لا بأس به, جيد , جيد جداً , ممتاز ) مبيناً مواصفات كل كيمرا على حدة.
5- الهيدر ( Header ) : تصميم الهيدر مهم جداً في ابراز شكلية الموقع وإلى ماذا يرمز تختلف التصاميم من مصمم إلى آخر , ولكن ان الاستخدام الصحيح في ابراز الواجهة هو الهدف الرئيسي للموقع باسلوب ابداعي , في هذا التصميم استخدم المصمم Neil Richards  هيدر الموقع باستخدام ( جلد كيمرا Olympus ) كهيدر ( Header ) وايضاً كفوتر (Footer) للموقع , وابراز خط نحاسي يعود لحقبة كيمرات Olympus القديمة .
6- إضافة قائمة دعائية ( Ads ) :  تعتبر هذه الخاصية ممتازة في ارثاء دخل مفيد لإصحاب المواقع بإمكانهم عرض دعايات مجانية أو مدفوعة , او وضع قوائم دعائية لمنتج معين او تحميل كتاب معين في كل من الـ App Store أو غيره من الملفات ( تعتبر هذه الخاصية قوية في لفت انتباه زوار المواقع ). 
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s