-

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

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

هذه بعض النصائح والمبادئ الأساسية التي وجهتها Lorraine Nepomuceno لمن يرغب بتصميم موقع مناسب للآي باد تصفحا وإبحارا وقراءة.

1- الإنسيابية والمرونة في التصميم:

فشاشة الآي باد ستكون بدقة 1024 في 768 ويجب مراعاة ذلك في تصميم صفحات الموقع، ويجب ملاحظة أيضا أن الآي باد سيعرض الصفحات في الوضعية الرأسية والأفقية بشكل آلي، حينها لا يجب أن يسبب هذا أي مشاكل في عرض تصميم الموقع أو نصوصه.

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

2- المساحات البيضاء وفراغات الأصابع:

تذكر أنك ستصمم موقع لكي تتصفحه الأصابع لمسا لا الماوسات نقرا

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

3- لا للفلاش:

لاحاجة للتذكير بان الآي باد لن يدعم الفلاش وربما لن يدعمه أبدا، لا تضمن في تصميمك مقاطع الفلاش، وربما الأجدر بك أن تستعد للتصميم بـ HTML 5 التي ستحدث ثورة في عالم التصميم للمواقع وستغنيك عن تقنيات كثيرة من ضمنها الفلاش وتأثيراته.

4- اختبر الموقع مرارا وتكرارا:

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

بعض التلميحات:

1- دعم الفلاش لن يتوافق مع تغيير شكل الموقع من رأسي إلى أفقي.سيسبب مشاكل عديدة.

2- لكي يدعم الموقع قضية تغيير الإتجاه من رأسي إلى افقي والعكس يجب استخدام CSS 3 media queries

3- لاحظنا أن البعض مجبر على التكتم حول بعض التفاصيل التقنية في عدة المطورين للآي باد بسبب اتفاقية عدم الإفصاح NDA

4- يأتي مع عدة المطورين محاكي للآي باد Simulator يحتوي على متصفح سفاري يمكن به اختبار وضعيات الأفقي والرأسي

5- لن يوجد Hover في الآي باد بمعنى أنه لا يمكن عمل القوائم المنسدلة مثلا.

6- بحسب أحد المصممين فغنه لا يوجد كذلك سحب وإفلات في الصفحة المستعرضة في الآي باد.

المصدر:

http://www.devlounge.net/design/designing-websites-for-the-ipad

Related posts:

1. هل موقعك جاهز للآي باد؟
2. المبادئ العامة لتصميم الواجهات للآي باد – (الجزء الأول)
3. تطبيق ياهو للآي باد يبدأ بالظهور[صور]
4. الآي باد ربما يدعم تعدد المهام والويدجتس بشكل غير مباشر
5. أربعة أيام ويبدأ الحجز المسبق للآي باد!! ربما