Post by saidsamir on May 22, 2022 21:27:51 GMT -5
قد تتطلب الوظائف التفاعلية المتقدمة مكونات إضافية إذا لم تكن مهارات لغة ترميز متقدمة. يعد اختيار استخدام التفاعل الذي يتطلب المكونات الإضافية أم لا قرارًا حاسمًا في تصميم تجربة المستخدم. إذا لم يتم تثبيت المكون الإضافي مسبقًا مع معظم المتصفحات ، فهناك خطر يتمثل في عدم معرفة المستخدم بالكيفية أو الصبر لتثبيت مكون إضافي للوصول إلى المحتوى فقط. إذا كانت الوظيفة تتطلب مهارات لغة ترميز متقدمة ، فقد يكون الأمر مكلفًا للغاية في أي من الوقت أو المال مقارنةً بكمية التحسين التي ستضيفها الوظيفة إلى تجربة المستخدم. هناك أيضًا خطر يتمثل في أن التفاعل المتقدم قد يكون غير متوافق مع المتصفحات القديمة أو تكوينات الأجهزة. من المحتمل أن يكون نشر وظيفة لا تعمل بشكل موثوق أسوأ بالنسبة لتجربة المستخدم من عدم القيام بأي محاولة. يعتمد ذلك على الجمهور المستهدف إذا كان من المحتمل أن تكون هناك حاجة إليه أو يستحق أي مخاطر.
تحسين تدريجي
التحسين التدريجي هو استراتيجية في تصميم الويب تركز على محتوى الويب أولاً ، مما يسمح للجميع بالوصول إلى المحتوى الأساسي والوظائف لصفحة الويب ، بينما يتلقى المستخدمون الذين لديهم ميزات متصفح إضافية أو وصول أسرع للإنترنت الإصدار المحسن بدلاً من ذلك.
في الممارسة العملية ، يعني هذا تقديم المحتوى من خلال HTML وتطبيق التصميم والرسوم المتحركة من خلال CSS إلى الحد الممكن تقنيًا ، ثم تطبيق مزيد من التحسينات من خلال JavaScript. يتم تحميل نص الصفحات على الفور من خلال كود مصدر HTML بدلاً من الاضطرار إلى الانتظار حتى يبدأ JavaScript لبدء المحتوى وتحميله لاحقًا ، مما يسمح للمحتوى بأن يكون قابلاً للقراءة مع الحد الأدنى من وقت التحميل وعرض النطاق الترددي ، ومن خلال المتصفحات القائمة على النص ، ويزيد من التوافق مع الإصدارات السابقة .
على سبيل المثال ، تستخدم المواقع المستندة إلى MediaWiki بما في ذلك Wikipedia تحسينًا تدريجيًا ، حيث تظل قابلة للاستخدام أثناء إلغاء تنشيط JavaScript وحتى CSS ، حيث يتم تضمين محتوى الصفحات في شفرة مصدر HTML للصفحة ، بينما يعتمد المثال المضاد Everipedia على JavaScript لتحميل الصفحات المحتوى لاحقًا ؛ تظهر صفحة فارغة مع إلغاء تنشيط JavaScript.
تخطيط الصفحة
يتأثر جزء من تصميم واجهة المستخدم بجودة تخطيط الصفحة. على سبيل المثال ، قد يفكر المصمم في ما إذا كان يجب أن يظل تخطيط صفحة الموقع متسقًا على صفحات مختلفة عند تصميم التخطيط. يمكن أيضًا اعتبار عرض بكسل الصفحة أمرًا حيويًا لمحاذاة الكائنات في تصميم التخطيط. تتمتع مواقع الويب الأكثر شيوعًا ذات العرض الثابت عمومًا بنفس العرض المحدد لمطابقة نافذة المتصفح الأكثر شيوعًا حاليًا ، بدقة الشاشة الأكثر شيوعًا حاليًا ، على حجم الشاشة الأكثر شيوعًا حاليًا. يتم أيضًا محاذاة معظم الصفحات مع الوسط للمخاوف المتعلقة بالجماليات على الشاشات الأكبر حجمًا.
ازدادت شعبية المخططات الانسيابية في حوالي عام 2000 للسماح للمتصفح بإجراء تعديلات خاصة بالمستخدم على التخطيطات المرنة بناءً على تفاصيل شاشة القارئ (حجم النافذة وحجم الخط بالنسبة للنافذة وما إلى ذلك). لقد نمت كبديل للتخطيطات المستندة إلى جدول HTML والتصميم المستند إلى الشبكة في كل من مبدأ تصميم تخطيط الصفحة وتقنية الترميز ، ولكنها كانت بطيئة جدًا في اعتمادها. [ملاحظة 1] كان هذا بسبب اعتبارات أجهزة قراءة الشاشة و نوافذ بأحجام مختلفة لا يتحكم فيها المصممون. وفقًا لذلك ، يمكن تقسيم التصميم إلى وحدات (أشرطة جانبية ، وكتل محتوى ، ومناطق إعلانية مضمنة ، ومناطق تنقل) يتم إرسالها إلى المتصفح والتي سيتم تركيبها في نافذة العرض بواسطة المتصفح ، قدر الإمكان.
على الرغم من أن مثل هذا العرض قد يغير في كثير من الأحيان الموضع النسبي لوحدات المحتوى الرئيسية ، فقد يتم إزاحة الأشرطة الجانبية أسفل النص الأساسي بدلاً من جانبه. هذه شاشة أكثر مرونة من التخطيط المعتمد على الشبكة المشفر بشكل ثابت والذي لا يتناسب مع نافذة الجهاز. على وجه الخصوص ، قد يتغير الموضع النسبي لكتل المحتوى مع ترك المحتوى داخل الكتلة غير متأثر. يقلل هذا أيضًا من حاجة المستخدم إلى التمرير الأفقي للصفحة.
تصميم الويب سريع الاستجابة هو نهج جديد ، يعتمد على CSS3 ، ومستوى أعمق من المواصفات لكل جهاز داخل ورقة أنماط الصفحة من خلال الاستخدام المحسن لقاعدة CSSmedia. في مارس 2018 ، أعلنت Google أنها ستطرح فهرسة للجوال أولاً ، والمواقع التي تستخدم التصميم سريع الاستجابة في وضع جيد لضمان توافقها مع هذا النهج الجديد.
الطباعة
قد يختار مصممو الويب قصر مجموعة متنوعة من محارف مواقع الويب على عدد قليل فقط من أنماط مماثلة ، بدلاً من استخدام مجموعة واسعة من المحارف أو أنماط الكتابة. تتعرف معظم المتصفحات على عدد محدد من الخطوط الآمنة ، والتي يستخدمها المصممون بشكل أساسي لتجنب المضاعفات.
تم تضمين تنزيل الخطوط لاحقًا في وحدة خطوط CSS3 ومنذ ذلك الحين تم تنفيذه في Safari 3.1 و Opera 10 و Mozilla Firefox 3.5. أدى هذا لاحقًا إلى زيادة الاهتمام بطباعة الويب ، فضلاً عن استخدام تنزيل الخطوط.
شاهد ايضا
شركات تصميم مواقع
تحسين تدريجي
التحسين التدريجي هو استراتيجية في تصميم الويب تركز على محتوى الويب أولاً ، مما يسمح للجميع بالوصول إلى المحتوى الأساسي والوظائف لصفحة الويب ، بينما يتلقى المستخدمون الذين لديهم ميزات متصفح إضافية أو وصول أسرع للإنترنت الإصدار المحسن بدلاً من ذلك.
في الممارسة العملية ، يعني هذا تقديم المحتوى من خلال HTML وتطبيق التصميم والرسوم المتحركة من خلال CSS إلى الحد الممكن تقنيًا ، ثم تطبيق مزيد من التحسينات من خلال JavaScript. يتم تحميل نص الصفحات على الفور من خلال كود مصدر HTML بدلاً من الاضطرار إلى الانتظار حتى يبدأ JavaScript لبدء المحتوى وتحميله لاحقًا ، مما يسمح للمحتوى بأن يكون قابلاً للقراءة مع الحد الأدنى من وقت التحميل وعرض النطاق الترددي ، ومن خلال المتصفحات القائمة على النص ، ويزيد من التوافق مع الإصدارات السابقة .
على سبيل المثال ، تستخدم المواقع المستندة إلى MediaWiki بما في ذلك Wikipedia تحسينًا تدريجيًا ، حيث تظل قابلة للاستخدام أثناء إلغاء تنشيط JavaScript وحتى CSS ، حيث يتم تضمين محتوى الصفحات في شفرة مصدر HTML للصفحة ، بينما يعتمد المثال المضاد Everipedia على JavaScript لتحميل الصفحات المحتوى لاحقًا ؛ تظهر صفحة فارغة مع إلغاء تنشيط JavaScript.
تخطيط الصفحة
يتأثر جزء من تصميم واجهة المستخدم بجودة تخطيط الصفحة. على سبيل المثال ، قد يفكر المصمم في ما إذا كان يجب أن يظل تخطيط صفحة الموقع متسقًا على صفحات مختلفة عند تصميم التخطيط. يمكن أيضًا اعتبار عرض بكسل الصفحة أمرًا حيويًا لمحاذاة الكائنات في تصميم التخطيط. تتمتع مواقع الويب الأكثر شيوعًا ذات العرض الثابت عمومًا بنفس العرض المحدد لمطابقة نافذة المتصفح الأكثر شيوعًا حاليًا ، بدقة الشاشة الأكثر شيوعًا حاليًا ، على حجم الشاشة الأكثر شيوعًا حاليًا. يتم أيضًا محاذاة معظم الصفحات مع الوسط للمخاوف المتعلقة بالجماليات على الشاشات الأكبر حجمًا.
ازدادت شعبية المخططات الانسيابية في حوالي عام 2000 للسماح للمتصفح بإجراء تعديلات خاصة بالمستخدم على التخطيطات المرنة بناءً على تفاصيل شاشة القارئ (حجم النافذة وحجم الخط بالنسبة للنافذة وما إلى ذلك). لقد نمت كبديل للتخطيطات المستندة إلى جدول HTML والتصميم المستند إلى الشبكة في كل من مبدأ تصميم تخطيط الصفحة وتقنية الترميز ، ولكنها كانت بطيئة جدًا في اعتمادها. [ملاحظة 1] كان هذا بسبب اعتبارات أجهزة قراءة الشاشة و نوافذ بأحجام مختلفة لا يتحكم فيها المصممون. وفقًا لذلك ، يمكن تقسيم التصميم إلى وحدات (أشرطة جانبية ، وكتل محتوى ، ومناطق إعلانية مضمنة ، ومناطق تنقل) يتم إرسالها إلى المتصفح والتي سيتم تركيبها في نافذة العرض بواسطة المتصفح ، قدر الإمكان.
على الرغم من أن مثل هذا العرض قد يغير في كثير من الأحيان الموضع النسبي لوحدات المحتوى الرئيسية ، فقد يتم إزاحة الأشرطة الجانبية أسفل النص الأساسي بدلاً من جانبه. هذه شاشة أكثر مرونة من التخطيط المعتمد على الشبكة المشفر بشكل ثابت والذي لا يتناسب مع نافذة الجهاز. على وجه الخصوص ، قد يتغير الموضع النسبي لكتل المحتوى مع ترك المحتوى داخل الكتلة غير متأثر. يقلل هذا أيضًا من حاجة المستخدم إلى التمرير الأفقي للصفحة.
تصميم الويب سريع الاستجابة هو نهج جديد ، يعتمد على CSS3 ، ومستوى أعمق من المواصفات لكل جهاز داخل ورقة أنماط الصفحة من خلال الاستخدام المحسن لقاعدة CSSmedia. في مارس 2018 ، أعلنت Google أنها ستطرح فهرسة للجوال أولاً ، والمواقع التي تستخدم التصميم سريع الاستجابة في وضع جيد لضمان توافقها مع هذا النهج الجديد.
الطباعة
قد يختار مصممو الويب قصر مجموعة متنوعة من محارف مواقع الويب على عدد قليل فقط من أنماط مماثلة ، بدلاً من استخدام مجموعة واسعة من المحارف أو أنماط الكتابة. تتعرف معظم المتصفحات على عدد محدد من الخطوط الآمنة ، والتي يستخدمها المصممون بشكل أساسي لتجنب المضاعفات.
تم تضمين تنزيل الخطوط لاحقًا في وحدة خطوط CSS3 ومنذ ذلك الحين تم تنفيذه في Safari 3.1 و Opera 10 و Mozilla Firefox 3.5. أدى هذا لاحقًا إلى زيادة الاهتمام بطباعة الويب ، فضلاً عن استخدام تنزيل الخطوط.
شاهد ايضا
شركات تصميم مواقع