02-03-2019, 09:00 PM | #1 |
تاريخ التسجيل: Feb 2019
المشاركات: 1,010
التقييم: 10
|
تاريخ التسجيل: Feb 2019
المشاركات: 1,010
التقييم: 10
كبّر حجم بعض العناصر رحّب بالفراغ
ينبغي أن لا نُغفل معماريّة المعلومات (Information Architecture) لأي تطبيق؛ هذه المعماريّة قد تساهم في إعداد جيّد للمحتوى. المحتوى يجب أن يُختار بعناية و أن تُتجنّب الزيادات فيه، مثلاً، في حالة المقالات و الأخبار؛ يفترض أن يكون ثمّة خلاصة للمقالة أو الخبر (TLDR)، في الفيديوهات مثلاً، يفترض أن يكون الفيديو مختصرًا، كل ذلك يعتبر ضمن المحتوى الذي يليق بنا أن نتنبّه إليه.
لا تُعد اختراع العجلة احترم واجهات المستخدم (UIs) في أي جهاز تعمل عليه؛ بل، في أي نظام تشغيل. لا شك، أن هناك ثمّة مساحة للإبداع، لكن المستخدم اعتاد في الحقيقة على واجهات معيّنة و اعتاد على سلوك معيّن؛ من الجيّد الإطّلاع على الدليل الإرشادي للتصميم الخاص بكل نظام تشغيل و فهم الأساليب، كون ذلك سيوصل إلى التبسيط (وفق مفهوم سهولة الاستخدام). بعض أنظمة التشغيل معقّدة أصلاً؛ في مثل هذه الحالة، لا بأس من الاجتهاد و ابتكار واجهات مستخدم تساهم في التبسيط. تذكّر فقط أن تختبر قابليّة استخدام (Usability Testing) التطبيق على كافّة أجهزة المستخدمين، ابدأ برأيي الاختبار على الأجهزة الصغيرة ثم انتقل إلى الأجهزة الكبيرة. رحّب بالفراغ دع النقاط الضوئيّة (Pixels) تتنّفس براحة أكبر، رحّب بالفراغ: الفراغ الذي يعني المساحة التي بين العناصر و التي لا تحتوي صورةً أو نصًّا أو حتّى عنصرًا. قد يبدو أنّنا نفوّت الفرصة في عدم الاستفادة من هذا الفراغ؛ لكنّه في الحقيقة يوجّه أبصارنا نحو العناصر المهمّة (و نحو العناصر الأهمّ). كبّر حجم بعض العناصر مّما قد يعزّز من بساطة التطبيق خصوصًا بعد أن قلّلنا من وظائفه قدر الإمكان و زدنا من مساحة الفراغ فيه أن نزيد من الحجم المستخدم للنصوص (ليس بشكل مبالغ) و الأزرار، شريطة أن تكون مقروءة من خلال أجهزة الهواتف الذكيّة ابتداءً ثم أجهزة الحاسوب انتهاءً. الأزرار مثلاً يفترض أن تكون بحجم اصبع الإبهام أو السبّابة؛ و السبب ببساطة لكون أحدهما سيلمس هذا الزر. الطباعة (Typography) البعض يرى بأن 95% من تصميم الويب يعتبر في الطباعة (Typography)، الطباعة تعني الانضباط في تشكيل المعلومات المكتوبة. تحسين الطباعة هو في الحقيقة تحسين لقابليّة القراءة (Readability)، و قابليّة الوصول (Accessibility)، و قابليّة الاستخدام (Usability). عامل النصوص كما لو كانت واجهة استخدام (UI)، و اختر خطوطًا سهلة القراءة و تجنّب الاكثار منها (خط واحد أو اثنين)؛ وذلك في سبيل إراحة عين المستخدم. المصدر: منتديات رحيل لكل العرب - من قسم: قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress |
اقتباس |
أضف رد جديد |
الكلمات الدلالية (Tags) |
منتديات رحيل, رحيل, شبكة رحيل, r7il, r7il.com |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
تحريك وانتقال العناصر في css3 (الانتقال) | القيصر | قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress | 2 | 14-10-2024 12:24 AM |
العلاقة بين الخطاطة الشبكية Grid Layout وبين طرق التخطيط الأخرى | القيصر | قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress | 1 | 28-07-2019 07:53 PM |
تحديد مواقع العناصر في CSS باستخدام fixed و sticky | القيصر | قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress | 1 | 28-07-2019 07:47 PM |
تحديد مواقع العناصر في CSS باستخدام static و relative و absolute | القيصر | قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress | 1 | 28-07-2019 07:46 PM |
وضعية العناصر في css | الفارس | قسم تطوير المواقع ومحركات البحث والسيو Seo والووردبريس WordPress | 0 | 09-04-2019 10:39 AM |