تبني أحدث اتجاه الويب: التصميم المستند إلى البطاقة
هناك دائما اتجاهات جديدة لتصميم المواقع تكتسب زخما. من يستطيع أن ينسى المنظر التمرير من قبل بضع سنوات ، والتي لا تزال تحظى بشعبية اليوم؟ في وقت متأخر ، تحظى صفحات التمرير الطويلة باهتمام أكبر من زوار الموقع.
هناك اتجاه واحد لم يتم الاعتراف به مثل العديد من الآخرين ، والذي كان موجودًا منذ فترة قليلة ، وهو التصميم المستند إلى البطاقة.
الموقع الأكثر شعبية الذي يعرض اتجاه التصميم هذا هو Pinterest ، ولكن هناك مواقع أخرى تستخدم أسلوب التصميم هذا بشكل متزايد ، ولسبب وجيه. عندما يتصفح الزوار موقعًا يستخدم تقنية التصميم هذه ، فإنهم يلاحظون على الفور النظافة والتخطيط المنظم جيدًا وراء هذا النهج البسيط والأنيق في التصميم.
هناك مجموعة كبيرة من الفوائد لاستخدام التصميم المستند إلى البطاقة على موقعك الخاص.
نهج الشبكة إلى IA
عندما تنظر إلى أي تصميم قائم على البطاقة ، من المستحيل ألا ترى أيضًا تصميمًا يستند إلى الشبكة. ذلك لأن كل حافة البطاقة هي في الحقيقة حافة الشبكات المختلفة في نظام أكبر منظمة جيدًا يعزز التناسق والانسجام في الطريقة التي يقدم بها الموقع.
وهذا بدوره يساعد بشكل كبير على بنية المعلومات الخاصة بموقعك. بنية المعلومات هي النظام الذكي والتدفق الذي يستوعب فيه زوّار موقعك معلومات الموقع ، بشكل مثالي يتماشى مع هدف كل صفحة والموقع بشكل عام.
فكر في الأمر: يرتكز التصميم المستند إلى البطاقة على عيون زائري موقعك نظرًا لتركيزه على الاتساق. كل بطاقة هي جزء من عمود أو صف يوجه أعينهم على طول خطوط أفقية ورأسية موحدة. يساعد هذا الترتيب زوار موقعك على فهم المعلومات الأكثر أهمية من غيرها.
خذ على سبيل المثال، Contrastly ، مجلة التصوير الفوتوغرافي. بعد تخطيط الشبكة / البطاقة يساعدك على فهم ما هو أكثر أهمية في التسلسل الهرمي للمعلومات. يتم وضع أحدث المقالات على طول الصف العلوي بينما تظهر المقالات القديمة في الصف السفلي. ترتبط الحداثة عمومًا بأهمية أكبر ، لذا فإن اتباع هذا الترتيب التنازلي للصفوف في نظام البطاقة يتيح للمستخدمين الربط السريع بين المحتوى الأكثر أهمية. وبالتالي ، يمكنهم ترتيب ترتيب القراءة عندهم لهذه المعلومات.
الاعتماد الشديد على الصور
لقد سمعنا القول المأثور بأن الناس مخلوقات بصرية عدة مرات لدرجة أنها فكرة مبتذلة ، ولكن في التصميم القائم على البطاقة ، فإنها تأخذ معنى جديدًا. يعتمد التصميم المستند إلى البطاقات على الصور بشكل حصري تقريبًا ؛ عادة ما تكون أي نسخة في نفس الصفحة ثانوية للبصرية من حيث بنية المعلومات.
إن التركيز على صور كهذه هو قوة التصميم القائم على البطاقة لأن الدراسات تؤكد بالفعل أن الصور ترفع تصميم الويب. على سبيل المثال ، كل من الصور ذات الجودة العالية و باستخدام المزيد من الوجوه البشرية في الصور تعزيز معدلات التحويل. في الواقع ، كل ما يقال ، هناك طرق متعددة حيث يمكن أن يؤدي استخدام الصور في التصميم إلى زيادة التحويلات في موقعك.
وبعبارة أخرى ، فإن التركيز على استخدام الصور يجعل التصميم المستند إلى البطاقة أكثر جاذبية لزوار الموقع. ليس من قبيل الصدفة ذلك موقع Pinterest هو ، وفقا لاليكسا ، الموقع ال 15 الأكثر شعبية في الولايات المتحدة
أنظر إلى نتائج بينتيريست بالنسبة لمصطلح البحث "الطعام" ، يمكننا أن نرى أن الصور هي أول الأشياء التي تجذب عينيك عندما تكون على الموقع. أنت لا تهتم بالأوصاف الموجودة أسفل الصور ، على الأقل ليس في البداية. إن الصور المبهرة عالية الجودة هي ما يلفت انتباهك ، ثم بعد أن تقرر أنك تريد معرفة المزيد (ولكنك تلتزم بالفعل بهذه البطاقة) ، فإنك تقرأ أوصاف البطاقة.
UX المحسّن
يجب أن يخبرك أي مصمم أن تجربة المستخدم أكثر أهمية. هذا ما من المفترض أن نصمم له ، أولاً وقبل كل شيء. سبب آخر هو أن التصميم القائم على البطاقة كان له صدى جيد ، وسيستمر في القيام بذلك في المستقبل المنظور ، لأنه يساعد على تجربة المستخدم. وهذا يشجع زوار الموقع على العودة إلى موقعك ، مما يؤدي بدوره إلى قضاء وقت أطول هناك ، مما يؤدي في النهاية إلى مزيد من التحويلات!
تتمحور تجربة مستخدم رائعة حول الأشخاص الذين يمكنهم العثور على طريقهم حول موقعك بدون أي احتكاك ؛ في الأساس ، يجب أن يجدوا ما يريدون أن يجدوه على الفور وبدون أي صداع.
Dribbble هو موقع يفهم هذا جيدًا لأن المصممين استخدموا البطاقات لتجعل تجربة المستخدم أكثر بساطة وأفضل. هذا الموقع معروف جيدًا في المجتمع الإبداعي عبر الإنترنت باعتباره واجهة للأعمال الفنية التي ينشئها المستخدم.
إن الهدف من الموقع هو أن يعجب الناس بالأشكال التوضيحية والرسومات والصور من جميع الأنواع ، لذلك فإن التصميم القائم على البطاقة هو الطريقة الأنسب لتقديم هذا. بما أن الصور تجذب عين الزائر بكفاءة وعلى الفور ، فإن تجربة المستخدم تتعزز بشكل كبير عندما يتمكن الزوار من الاطلاع بسرعة على البطاقات في تخطيط الشبكة لمعرفة أيها يهمهم. بمجرد رؤية واحدة تهمهم ، يمكنهم النقر على الفور على البطاقة لإلقاء نظرة فاحصة.
يتيح موقع مثل Dribbble للزوار العثور على ما يبحثون عنه بطريقة رائعة جدًا. هذا هو مثال لتجربة مستخدم رائعة!
مناسبة تماما لتصميم المحمول
ربما سمعت أن الجوّال قد تجاوز بالفعل عدد أجهزة الكمبيوتر المكتبية في العدد الهائل من المستخدمين. في الولايات المتحدة وحدها لعام 2015 ، الوقت المحمول وسائل الاعلام الرقمية يخرج إلى 51 ٪ مقارنة مع 42 ٪ من سطح المكتب. يعتبر التصميم المستند إلى البطاقة مثاليًا نظرًا لأنه يأخذ هذا الاتجاه في الاعتبار من خلال التوافق المتوافق مع الأطر المتجاوبة. نظرًا لأن البطاقات توفر محتوى في أجزاء أكثر قابلية للهضم ، فإنها تسهل العرض على إطارات الجوال.
انظر إلى البطاقات بهذه الطريقة: شكلها وحجمها تقريبًا تقليدًا لشكل وحجم الهاتف الذكي أو الجهاز اللوحي. بالطبع ، ليس بالضبط مطابقة مثالية بسبب كثرة النماذج المختلفة المتاحة ، ولكن لا تزال قريبة للغاية عندما تفكر من حيث نسبة العرض إلى الارتفاع.
ونتيجة لذلك ، لن تنتهي البطاقات أبدًا طالما استمر نمو الجوّال ، ولا تظهر أي علامات على التباطؤ في أي وقت قريب.
ليس مجرد بدعة تصميم أخرى
المشكلة في بعض اتجاهات التصميم هي أنها تتحول إلى بدعة ، مما يجعلها قصيرة العمر ونسيانها. على الرغم من ذلك ، فإن التصميم المستند إلى البطاقة هو شيء! نظرًا للعدد الكبير من الاستخدامات والفوائد العملية التي تقدمها ، فإنها ستصبح أكثر شعبية مع مرور الوقت. هذا يعني أن لديها قوة البقاء.
فهو يوفر اتساقًا في بنية المعلومات الخاصة بالمواقع وينقر على هوس المستخدمين بالصور الحادة كوسيلة لدفع المزيد من التحويلات. وبالتالي ، فإن تجربة المستخدم بأكملها تحصل أيضًا على تحسين كبير مع التصميم المستند إلى البطاقة لمجرد أنه يسهل على المستخدمين العثور على ما يبحثون عنه على الموقع. وبفضل صعود الجوّال في العامين الماضيين ، أصبح نهج التصميم هذا الدعامة الأساسية التي يواجهها عدد متزايد من الناس ويستمتعون بها.
عندما تفكر في ذلك ، فإن البطاقات هي بالفعل مفهوم قديم ، ولكن تم إعطاؤهم لقطة في الذراع وتحديثها إلى طريقة جديدة وجديدة من تصميم الويب. إنه يبرهن فقط على أن المصممين المبتكرين يمكنهم أن يأخذوا شيئًا قديمًا ودنيويًا وتحويله إلى شيء له أهمية بالغة ومفيد في القرن الحادي والعشرين.