Responsive Web Design

responsive design

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

ما هو التصميم المستجيب بالضبط ؟

عريف بسيط :تكيف محتوى الصفحة الى حجم الجهاز المحمول.صفحات الانترنت التقليدية مصممة لأجهزة الكمبيوتر الشخصية العادية أو المحمولة. في حالة استعمالالزائر للهواتف الذكية والأقراص المحمولة لعرض محتوى الصفحات أو المتجرالالكتروني و ما لم تكن مكيفة بواسطة التصميم المستجيب لن تكون امكانيات التصفح مثالية. الصفحة الكاملة و كما نعرفها من عرضها على شاشة أجهزة الكمبيوتر الشخصيةسيتم تصغيرها لتناسب حجم الشاشة الأصغر للجهاز المحمول الذي نستعمله للتصفح و ستعمل بالطريقة التقليدية. هذاليس بالضبطالحلالأكثر مثالية. تخيلصفحة مع تصميمدقة 1024في 768 كما هو محدد لشاشة 17 بوصة يتم تصغير دقتها الى 480 في 320 لتتناسب مع شاشة 3 بوصة. هذا يعتبر تصغير بأكثر من 11 ضعف وجميع العناصر (النص والأزراروالصوروالروابط)صغيرة وغير قابلة للقراءةمصممةفي المقام الأول للتصفح على أجهزة الكمبيوتر المكتبية المزودةبفئران الكمبيوتر للتحكم و التصفح و ليس لأصابع الإنسان.يفرض على الزائر التنقل و التكبير بطريقة معقدة و بواسطة الأصابع الأعرض من المؤشر و هذا يمنع اختيار المحتوى المطلوب بالشكل الصحيح. التصميم المستجيب وجد ليأخذ في الاعتبار جميعالمتطلباتالمريحةللأجهزة المحمولة. بسببالمساحة المحدودة، من المناسب أن تدرجالعناصرالمهمة حقابشكل وترتيبصحيح. ليس هناك تغييرفيالصفحة نفسها، فهي لا تزال كما كانت من قبل، ولكن يتمإضافةبضعة أسطرإلى صفحاتكالجاهزة ، والتي تحدد ماذا وكيف يعرض بالاعتماد على حجم الشاشة.

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

استجابة اختبار تصميم المواقع

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
إذاكنت ترغب فيتعديلموقعك باستخدامالتصميم المستجيبنوصيكم بشركةXXXذيالخبرة العالية في هذا المجالللاستشارات والإجابة على الأسئلة الخاصة بك.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design