لا تخرق القواعد ، أعد اختراعها
ينشئ الأشخاص مواقع ويب لأسباب متعددة: للوصول إلى جمهور أوسع ؛ لبيعها أو الترويج لها أو التعبير عنها ؛ لاسترضاء ضغط الأقران. توقفت الجدة عن كونها سببا لعام 2001. في مكانها ، لدينا بالطبع: o بالطبع لدي موقع على شبكة الإنترنت. بالطبع يجب أن يكون لديك جدار Facebook أو حساب Twitter أو ملف تعريف LinkedIn أو Pinterest board؛ بالطبع لدينا جميعًا بريد إلكتروني.
وبالطبع ، يستخدم تصميم الويب HTML و CSS - لغتين مع أي صانعي ومصممين للمتصفح يجدون أرضية مشتركة. لكن العديد من مصممي مواقع الويب يصنعون تنوعًا مذهلاً مع قواعد اللغة نفسها عن طريق السؤال عما إذا كان بدلاً من السقوط بالطبع.
يلتصق آخرون بما ينجح.
لا يستخدم أولئك الذين يتبعون الحكمة التقليدية اللغة فقط بل الجمل نفسها - من حيث الويب ، وليس فقط HTML / CSS ، ولكن Arial و Georgia ، أو التخطيطات ذات 960 بكسل على حد سواء ، أو الروابط الزرقاء المسطرة. استخدام مثل هذه الاتفاقيات ليس خطأ. لكن المصممين الذين لا يختارون استخدام الأنماط القائمة - الذين يتبعون الحكمة التقليدية دون أن يسألوا عن السبب - يضيعون الفرص.
الهيكل القياسي
يتمتع الهيكل القياسي ذي المستوى الواحد بفوائد عملية. انها بسيطة ، وبسيطة جيدة للمواعيد النهائية. الأهم من ذلك ، انها مألوفة. كل من مصممي الويب وعامة المستعرضين على شبكة الإنترنت لديهم اتفاق غير معلن حول كيفية عمل مواقع الويب. بعد نمط المنزل / الخدمات / حول / الاتصال يخدم المصممين والجماهير على حد سواء من خلال تلبية توقعاتهم.
المفاهيم الأخرى واضحة جدًا بحيث يسهل التغاضي عنها:
- يتوقع الناس أن النقر فوق كلمة "جهة الاتصال" سيقدم تفاصيل البريد الإلكتروني أو الهاتف.
- وهم يعلمون أنهم سيجدون رابطًا منزليًا في الزاوية العلوية اليسرى من الصفحة. بالتزامن مع شعار ، بالطبع.
- سيشاهدون عبارات حقوق الطبع والنشر في التذييل ، غالبًا على اليسار ، لمدة عام.
- ﻳﻌﺮف أن ﻣﻮاﻗﻊ اﻹﻧﺘﺮﻧﺖ ﺕﺘﺠﻪ ﻷﻋﻠﻰ وأﺱﻔﻞ ، وﻟﻴﺲ ﻣﻦ ﺟﺎﻧﺐ إﻟﻰ ﺟﺎﻧﺐ
بالإضافة إلى ذلك ، فإن التخفيف من السلوك المكتسب يخفف من الاحتكاك. لكن المصممين الذين يتبعون الاتفاقيات ، مع أو بدون تحقيق ذلك ، يعززون الاتفاقيات نفسها.
- انقر فوق الشعار واحصل على نموذج الاتصال؟ "هذا ليس ما توقعته."
- انقر على رابط يقول "اقرأ المزيد" واحصل على حائط مدفوع؟ "فقط أعطني المقال."
- التمرير أفقيا بدلا من عموديا؟ "هذا غريب. هل هي معطلة؟"
- الرسم الأكثر شهرة في أسفل الصفحة؟ "انها رأسا على عقب."
من السهل أن نستخلص الاستنتاج الواضح: كسر الاتفاقية ومخاطر تنفير الناس.
ومع ذلك ، ليست جميع الاتفاقيات مطلقة. تتبع معظم المواقع القواعد مع الاختلافات الأسلوبية الخاصة بها. ليس كل رابط في كل موقع تحته خط أزرق. ليس كل حجم الصورة هو نفسه. لا يستخدم كل تخطيط نفس ترتيب الأعمدة. يتكيف الناس لأن اختلافات الاتفاقية هي ، في حد ذاتها ، الاتفاقيات. يتوقع الناس العثور على المراوغات بين المواقع.
في هذه الحالة ، كيف تفلت المواقع غير التقليدية من رتب النقاط؟ يقوم مصمموها بابتكار معاهدات جديدة يسهل تعلمها.
التفكير التكييفي
المثل القديم ، "لا تكسر ما لم ينكسر" هو نصيحة جيدة حتى يغير شخص ما تعريف "كسر".
منذ بداية الويب ، يمكن للمصممين الاعتماد عليها الشاشات التي لا يقل عرضها عن 640 بكسل . في الآونة الأخيرة ، 1024 بكسل وأكبر شائعة. ابتداء من عام 2007 صغير جداالأدوات وضع المواقع في أيدي الناس. تصميم فجأة 320 بكسل كان في رواج .
لكن إجبارنا على التغيير واختيار التغيير هي مواقف مختلفة. الإبداع ليس خائفا من اتباع مسار مقاومة أكبر.
مجموعة روبرتس تجارب موقع الويب مع تخطيط يستند إلى الشبكة. يتنقل المستخدمون في مواقعهم باستخدام "خريطة موقع حرفية". توفر الارتباطات النصية احتياطيًا للمستخدمين غير المريحين بالشبكة.
كيفية كسر الاتفاقيات
ليس كل خطر يؤتي ثماره. تفشل معظم تصميمات الويب غير التقليدية ليس لأنها تكسر الأنماط ، بل لأنها تفشل في توصيل وعود جديدة. وتتمثل الخدعة في تحديد سبب ظهور الاتفاقيات.
1. ضع رابطًا منزليًا مع شعار في الزاوية العلوية اليسرى
المشكلة: قد يضيع زائرو موقع معقد. يعمل ارتباط الصفحة الرئيسية الموثوق به كزر إعادة تعيين الموقع.
التفكير التقليدي: يبدأ تحميل كل صفحة في أعلى الصفحة. نظرًا لأن معظم تنسيقات الويب انتقل لأسفل ، فإن أعلى كل صفحة هو المكان الأكثر منطقية لزر موثوق.
التفكير غير التقليدي:
- استخدام الموقع: ثابت للحفاظ على زر الصفحة الرئيسية في نفس المكان على متصفحات الزوار ، وليس فقط الصفحة
- شجّع الأشخاص على التمرير عبر المحتوى باستخدام رابط رئيسي بارز في أسفل الصفحات
- أزل الصفحة الرئيسية لصالح شريط التنقل الغنية
2. ستجعل قائمة المقالات عناوينها أو صورها أو "قراءة المزيد" القابلة للنقر عليها
المشكلة: يحتاج الأشخاص إلى إشارات واضحة للوصول إلى المعلومات التي تعد بها العناوين والأوصاف.
التفكير التقليدي: تمثل العناوين والصور المصغرة أفضل محتوى تصفه. أقصر طريق إلى "أريد قراءة المزيد عن ذلك" هو جعله قابلاً للنقر. لذلك ، اجعل العناوين والصور المصغرة قابلة للنقر.
التفكير غير التقليدي:
- اجعل الكلمة التشويقية بالكامل - الصورة والعنوان والوصف - قابلة للنقر. تعتبر الروابط ذات المساحة السطحية جيدة لتصميم الجوّال وسهلة الإنشاء باستخدام CSS
- اقلبه رأسًا على عقب: يؤدي مع جمل مقنعة أو جملتين ، ثم ضع العنوان القابل للنقر أسفل النص الصغير
- بدلاً من "قراءة هذا الآن" ، دع المستخدمين يضيفون مقالات إلى قائمة انتظار ليتم قراءتها في أوقات فراغهم بالترتيب الذي يختارونه
3. تصميم قالب قبل كتابة المحتوى
المشكلة: الجماليات ، وليس الكود أو الدلالات ، إنشاء انطباع أول للموقع.
التفكير التقليدي: تصميم مظهر الموقع أولاً. اترك مساحة للمحتوى.
التفكير غير التقليدي:
- استخدم الطباعة واللون لإضفاء المحتوى نفسه باستخدام المزاج والصوت والحرف. ثم تصميم العناصر التي تعزز هذا الحرف ، إذا لزم الأمر ، مثل زخارف الخلفية والأشرطة الجانبية.
- جعل الجزء الخلفي من المحتوى. قم بتغيير الألوان لكل صفحة لتعكس الحالة المزاجية أو الموضوع أو الوظيفة.
- إخفاء أو تقليل معلومات الشريط الجانبي حتى يختار المستخدم الانتباه إليها.
قصص في Longboard العالم لا يتحدى فقط قاعدة "العبارات التي يجب أن تكون نصية" ، بل يتعلم درسًا منها قانون Fitt عن طريق جعل notecard كامل للنقر.
المبادئ التوجيهية للقواعد
لكسر السلوك العام المتعلم هو التراجع عن الوعد. الاتفاقيات هي مرادف للثقة. إن أفضل طريقة لكسر القواعد الراسخة ، إذن ، هي عدم كسرها ، بل استبدالها.
1. استبدال ، لا تكسر ، القواعد
لتغيير الاتفاقية ، نحتاج إلى احترام سبب نجاح القواعد القديمة.
- احتاجت المتصفحات الأولى إلى جعل الروابط واضحة ، لذلك أكّدوا على نص قابل للنقر.
- خطوط النص التي يزيد عرضها عن 400 بكسل يصعب على الأشخاص اتباعها بعد السطر. لا يقتصر عمل الأعمدة على اختصار الخطوط فحسب ، بل تسمح أيضًا بتنظيم أفقي أكثر.
- مواقع الويب الغنية بالمحتوى تنشئ صداعًا تنظيميًا. تتيح أدوات البحث للأشخاص البحث عن عبارة محددة بدلاً من البحث عن فئات عشوائية.
2. الالتزام بالقواعد الخاصة بك
بمجرد أن يربط الناس ، على سبيل المثال ، مربعات برتقالية بها روابط ، يجب ألا يختلف التصميم عن ذلك الوعد. في كل مرة يؤدي النقر على مربع برتقالي إلى نقل الأشخاص إلى صفحة جديدة ، يتم تعزيز هذه القاعدة. كل مربع برتقالي غير ذلك سيؤدي إلى تدهور القاعدة.
3. امنح الوقت
كل من أصحاب المواقع العامة والمترددين يكتسبون الثقة من خلال التعرض. يمكن أن يساعد التصميم ذلك عن طريق خفض منحنى التعلم - مما يجعل القواعد واضحة.
4. استخدام الأهداف
الاتفاقيات تعمل. إنها سهلة للمصممين والجماهير على حد سواء. كسرها من أجل التغيير لا أحد يحبذ. بدلا من ذلك ، إعادة التفكير في المشاكل.
- يعارض الإجماع الشعبي هذا التشريع. إذا زار الناس موقع الويب ، فلدينا أقل من ثانية واحدة للفوز بهم. كيف يمكننا تغيير العقول بهذه السرعة؟
- نريد أن نعرض أكثر من 200 صورة. كيف يمكننا تسهيل ذلك على الأشخاص للتنقل؟
- منتجاتنا آمنة ، ولكن لدينا سمعة لعدم الاهتمام بالبيئة. النشرات الصحفية لا تعني شيئًا. كيف يمكننا أن نظهر قلقا حقيقيا في النص الفرعي؟
- لدينا مخزون من المخزون. لا أحد يشتري. كيف يمكننا تحويل ذلك لصالحنا؟
تطور الويب يجرؤ على كسر '' اليد اليمنى '' المتصفحات من خلال توسيع جانبية. توضح الرسوم المتحركة في البداية للمستخدمين ما الذي سيحصلون عليه للتمرير الجانبي.
مع تطور تصميم الويب ، يكون طاعة الاتفاقية أكثر خطورة من التجريب. عندما يلاحظ الجمهور التصاميم غير التقليدية التي تعمل بشكل جيد ، سواء كانت محمولة أم لا ، فإنها ستصبح أيضًا على دراية بمواقع الويب التي تقتصر على مواثيق الأمس. يمكن للمصممين الذين يقرون بهذا أن يأخذوا خطوات كبيرة نحو إنشاء مواقع ويب أفضل.
هل تخالف القواعد أو تلعبها بطريقة آمنة؟ ما هي قواعد تصميم الويب التي ترغب في إعادة كتابتها؟ اسمحوا لنا أن نعرف في التعليقات.