الحلقة 34: قرارات التصميم الإستراتيجية لموقعك الإلكتروني

الأدوات الجديدة لـ WordPress، مثل Kadence، تجعل من السهل على أي شخص إنشاء مواقع ويب أكثر فعالية دون الحاجة إلى لمس أي سطر من التعليمات البرمجية. ومع ذلك، لا يزال من المهم اتخاذ قرارات التصميم الإستراتيجية لتحقيق هدف إشراك جمهورك بدلاً من إبعادهم. من السهل اتخاذ استراتيجية فعالة وتطبيقها بطرق لا تعمل بشكل جيد. نحن ننظر إلى بعض الأمثلة التي لا تعمل بينما نقدم أيضًا بعض الأمثلة الرئيسية التي تعمل بشكل مذهل. متى تستخدم شريط التمرير؟ كيف يمكنك استخدام الرسوم المتحركة بشكل أفضل؟ ماذا عن النوافذ المنبثقة؟ هذه حلقة حول الاستراتيجيات الأساسية التي تساعد موقع الويب الخاص بك على إحداث تأثيرات مفيدة في بناء علامتك التجارية عبر الإنترنت. وبالطبع، نلقي أيضًا نظرة على الميزات الجديدة في Kadence، وKadence Marketplace، وحدث Kadence Amplify القادم، والمزيد.

استمع في نافذة جديدة.

الطوابع الزمنية والروابط

• 0:00 مقدمة
• 2:19 أهمية الإستراتيجية
• 3:08 رسوم متحركة
• 8:52 النوافذ المنبثقة
• 13:55 الدوارات والمتزلجون
• 16:25 التصميم لشخصيات العملاء المميزة
• 18:08 أين يمكن استخدام أشرطة التمرير بشكل فعال
• 20:12 قم بمراجعة الجدران وطلب التقييمات
• 22:11 قرارات التصميم بالخطوط والألوان
• 24:22 سوق كادينس
• 25:56 تضخيم الإيقاع 20 أكتوبر
• 28:01 تحديثات لـ Kadence Blocks مع الحقول الشرطية، وكتلة شريط التقدم، وPexels
• 30:28 كادينس آي
• 32:32 FloThemes تحرك دروسًا متقدمة

نص

كاثي: مرحبًا بك في فرقة Kadence Beat. هذا هو البودكاست الذي نتحدث فيه عن كل الأشياء الرائعة التي يمكنك القيام بها باستخدام WordPress وKadence. أنا هنا مع هانا ريتنر وبن ريتنر. كيف حالكم يا رفاق اليوم؟ مرحبًا، فعل الخير. مذهل. إنها نهاية شهر سبتمبر تقريبًا، وشهر أكتوبر تقريبًا، ونحن على قدم وساق من الأمور.

إنه مشغول بجنون الآن. هل تلاحظون يا رفاق حدوث الكثير في عالم Kadence؟

هانا: نعم.

كاثي: كثيرا.

بن: كثيرا. لقد لاحظت أن هناك مستوى من القلق بشأن كل ما يحدث وأنني أضع يدي في كل هذه الأجزاء التي زادت إلى درجة أنني تحدثت مع زوجتي الليلة الماضية وقلت، واو، أنا معجب، أشعر بذلك أكثر من المعتاد، هناك الكثير من اللوحات التي تدور الآن وهو أمر مثير لأن هناك شيئًا ما يتعلق بقدوم الخريف وعلينا إنجاز هذه الأشياء قبل نهاية العام.

هناك مثل هذا التركيز على دعونا ننتهي بقوة. وهو أمر عظيم. ويحدث أيضًا أن الكثير من الأشياء التي كنا نعمل عليها تشبه الوصول إلى المقدمة، كما هو الحال في عالم النجوم بأكمله لعلاماتنا التجارية، هناك الكثير على وشك الحدوث، نعم إنه أمر مثير وهذا أيضًا، نعم، هذا هو الخريف، وهذا هو وقت الذهاب.

كاثي: نعم. نعم. إنه وقت الذهاب. وأنا ألاحظ يا هانا، هل تلاحظين ذلك مع المجتمع أيضًا، مع مشاريع الجميع التي يعملون عليها؟ مجموعتنا تقفز فقط. الكثير من الأشخاص الجدد يأتون.

هانا: ينضم الكثير من الأشخاص الجدد إلى المجموعة ويتم طرح الكثير من الأسئلة وهو أمر مدهش لأن مجتمعنا ينمو كثيرًا الآن وأشعر أنه لم يكن هادئًا أبدًا ولكن الآن أصبح الأمر رائعًا في كل مرة أكون فيها. أنا أدخل مثل السماح لـ 10 أشخاص جدد بالدخول، أنا أقول يا إلهي، إنه أمر ممتع، إنه أمر مثير ولكنك تشعر بهذه الطاقة في الهواء الذي يحاول الجميع فقط القيام به نعم ونعم، إنه ممتع. انها مثيرة.

كاثي: إنه أمر مثير للغاية. أعلم كثيرًا أن هناك أشياء جديدة تحدث مع Kadence لكل من الكتل وكذلك الذكاء الاصطناعي. وهل تريد حفظ ذلك في النهاية حيث يمكننا التحدث عن كل هذه الأشياء الجديدة التي تحدث وربما نتحدث عن بعض النصائح المفيدة للأشخاص الذين يعملون على جميع مشاريعهم أولاً. هل تريد أن تأخذ ذلك أولا؟

بن: نعم، أعتقد أنه يمكنك تمهيد ذلك بقول، عندما تقوم بالتطوير، فإنك تمر بالكثير من القرارات وتم تصميم Kadence كأداة لتمكينك من إنشاء مواقع ويب فعالة بعدة طرق مختلفة. وتمكينك من القيام بذلك يمكّنك أيضًا من اتخاذ قرارات غير فعالة أو سيئة.

ولذا نريد العمل من خلال بعض الأشياء المشابهة. الأدوات المتوفرة لدينا هي نعم، إنها موجودة ولماذا تستخدمها في بعض الحالات وليس في حالات أخرى. وأعتقد. إنها مجرد إرشادات مثيرة للاهتمام، مثل، عندما تمر، فأنت لا تقول فقط أوه، لأن هذه الأداة موجودة، يجب أن أستخدمها، أو لأن لدي هذا المحتوى، يجب أن أضعه هنا والمزيد من الرغبة في ذلك أن أكون متعمدًا حقًا فيما يتعلق بالقرارات التي أتخذها على موقعي لجعله فعالاً للزائرين.

كاثي: إذن هل تخبرني أنه لا ينبغي لي أن أضع 75 رسمًا متحركًا من نوع Lottie على الصفحة؟

بن: نعم، أو... لكن

هانا: الرسوم المتحركة تبدو رائعة، وهي ممتعة جدًا!

كاثي: إنها رائعة، وهي ممتعة، ولكن ربما يمكنك أن تأخذ ذلك كخيار مثل... لأنني أعلم أن هناك الكثير من الرسوم المتحركة المختلفة، والرسوم المتحركة مثيرة حقًا في الوقت الحالي.

ألاحظ عندما أتصفح الويب باستخدام موقع أحدث، أن هناك الكثير من الحركة التي تحدث. ما هي بعض الأشياء التي يجب على الأشخاص أخذها في الاعتبار عند إضافة حركة Lottie أو الرسوم المتحركة عند التمرير، مثل هذه الأنواع من الأشياء؟ هل هناك مثل عقلية التفكير في إضافة الرسوم المتحركة؟

بن: نعم، أعتقد أن هناك عقلية واحدة، تريد التفكير في إمكانية الوصول. من حيث ما إذا كان هذا سيحدث إرباكًا أم لا، فسيكون الأمر مربكًا للغاية لدرجة أنه يجعل الأشخاص يفقدون قطار القصة التي تحاول سردها على موقعك. وهل يمكن الوصول إليه بمعنى هل يحدث التركيز على الشيء التالي الصحيح؟

إذا كنت تتصفح المحتوى الخاص بك، فكل هذا النوع من الأشياء. مثل عندما تقوم بإحضار الرسوم المتحركة. التأكد من أن الأشياء التي سيتفاعل معها الأشخاص لا تتحرك عليها. هذا أحد أكثر الأشياء المحبطة، حيث أنك تنقر على شيء ما ويتحرك مباشرة قبل أن تفعل ذلك وتنقر على شيء آخر.

إنها Venmo لديها هذه المشكلة. هذا يدفعني للجنون. إذا قمت بإرسال شيء ما إلى شخص ما على Venmo وتريد تغيير إعدادات الخصوصية، فسوف يظهر في مكان واحد وقبل أن تنقر عليه مباشرة، سوف يتحرك للأعلى لأنه وضع شيئًا ما. انها مثل متسقة بالنسبة لي. على أية حال، هذا، نعم، ولكن هذا هو نوع الأشياء التي تريد التأكد من اهتمامك بها.

ومن ثم يمكن أن تبدو الرسوم المتحركة رائعة حقًا على سطح المكتب ثم تنهار على الهاتف المحمول. لذا تأكد من أنك تهتم حقًا بما يعجبك، كيف سيؤثر ذلك على غالبية المشاهدين الذين يشاهدون هذا على الهاتف المحمول مقابل سطح المكتب؟ نعم. نعم، هناك الكثير مما يجب مراعاته كشيء عام، كشيء أساسي، والسبب الحقيقي لوضع الرسوم المتحركة في موقعك هو أنه يخلق شعورًا لدى الأشخاص، كما أن استحضار المشاعر حول المحتوى الخاص بك أمر قوي حقًا.

لذا، إذا كنت تستخدمه بحكمة وبشكل جيد حقًا. يمكن أن يكون الأمر قويًا جدًا، لقد شعرت أن هناك شيئًا احترافيًا حقًا أو أكثر من ذلك بكثير حول هذا الأمر لأنه كان هناك رسوم متحركة سلسة ومتعمدة حقًا والتي كانت جزءًا من الصفحة. وهكذا، هذا النوع من الأشياء، لا يوجد مثل الصعب والسريع، مثل استخدام ثلاث رسوم متحركة فقط في الصفحة أو شيء من هذا القبيل، ولكن.

أعتقد بشكل عام أنني أود أن أقول لا تستخدمه لمجرد اكتشاف موقعك ثم المضي قدمًا، ما هو الشيء الذي يمكنني فعله لإضفاء هذا الشعور الرائع على الظهور؟ وهذه طريقة أفضل للتعامل مع الرسوم المتحركة بشكل عام، هيا بنا نتعرف على موقعي الثابت. دعونا نتعرف على المحتوى الخاص بي، القصة التي أحاول سردها، من قسم إلى آخر ثم ننتقل.

ما الذي يشبه ذلك، ما الذي يجعل هذا يظهر أكثر قليلاً ثم يعمل على وضعه؟

هانا: نعم، هذا منظور رائع لأنه من السهل جدًا الحصول على أداة ممتعة والبدء بها عند إنشاء موقع أو صفحة وليس حسنًا، في الواقع، ما هو الغرض من هذا؟ وما الذي أحتاجه هنا؟

ولذا فإنك تقول، أوه، أريد حقًا إضافة هذا إلى الصفحة. لذا اسمحوا لي بإضافته أولاً. ومن ثم لا يعمل بهذه الطريقة. أنا مذنب في ذلك.

كاثي: أنا حقًا أحب تجربة الرسوم المتحركة والتحريك عند التمرير لأنها تشبه الرسوم المتحركة المباشرة، مثل مجرد رسوم متحركة دقيقة عند التمرير. إنه مثل هذا على الفور، أوه، أنت لا تزال معي. تمتع ببعض الحركة، مثل الضوء الحقيقي الخفيف أوه، أنت لا تزال معي. وهنا بعض ردود الفعل بالنسبة لك. إنه مثل هذا اللاوعي، وكأننا لا نزال معك أيضًا.

إنها مثل هذه التجربة الجذابة التي تمر بها عبر الموقع، وتظل متمسكًا بها. ونحن هنا أيضا. نحن معك. وأنا أحب ذلك، ولكن يجب أن يكون كذلك، فأنا لا أحبه بسرعة فائقة. أنا أحب ذلك خفية للغاية.

بن: نعم، من المهم حقًا، مع الكثير من هذه الأشياء أيضًا، أن تكون حذرًا بشأن التأخيرات التي تضيفها وأشياء من هذا القبيل، لأنك لا تريد أن يقوم شخص ما بالتمرير عبر موقعك بسرعة وأنت لا تفعل ذلك نريدهم أن يفوتوا شيئًا ما لأن لديك مهلة نصف ثانية قبل أن يتلاشى وقاموا بالتمرير مباشرة بعد هذا القسم ونقول، أوه، هذه الصفحة فارغة أو تفتقد عنوانًا رئيسيًا لأن العنوان سوف يتلاشى إلى النصف ثانية.

لذلك عليك أن تكون حذرا. رائع. ولكن فيما يتعلق بأدوات Kadence، فهي الطريقة الأسهل لإضافة عنصر البوب ​​هذا دون الحاجة إلى الغوص في عالم Lottie وكيف أقوم بإنشاء رسوم متحركة أو اكتشافها، بكل الطرق المختلفة التي يمكنك من خلالها القيام بأنواع مختلفة من الرسوم المتحركة مع الرسومات وأشياء من هذا القبيل.

كاثي: نعم. نعم. نقاط عظيمة حقا. وأنا أحب حقيقة أنه باستخدام أدوات Kadence، يمكنك اختبار هذه الأشياء التي يمكنك إجراء تغيير سريع عليها ومعرفة ما إذا كان ذلك يغير التحويلات لتلك الصفحة عندما أقوم بتغيير هذه الرسوم المتحركة؟ ولا تحتاج إلى فريق من المطورين ليضطروا إلى تغيير جافا سكريبت أو تغيير ما يحدث في CSS.

كل تلك الأشياء المجنونة، لا داعي للقلق بشأنها. يمكنك فقط الدخول إلى الموقع وتغيير شيء ما ثم إلقاء نظرة على تحليلاتك. هل أدى هذا إلى تغيير أي شيء فيما يتعلق بكيفية استخدام عملائي لهذا الموقع؟ فقط لا توجد طريقة سريعة للتمكن من رؤية كيفية سير الأمور. ما هي الأشياء الأخرى التي يفعلها الناس عندما يكونون...

أحاول حقًا أن أعرف أن هناك الكثير من الأشخاص في الوقت الحالي الذين يعملون على مواقعهم الخاصة بالجمعة السوداء أو الإثنين الإلكتروني. إنهم يحاولون رفع صفحات مبيعاتهم. ولذا هناك هذا الإغراء المتمثل في أنني أريد حقًا أن أجعل هذه الصفحة بارزة. ما هي بعض الأشياء التي رأيت الناس يفعلونها؟

يمكن القيام بذلك بشكل أفضل قليلاً.

هانا: الكثير من النوافذ المنبثقة.

هانا: على الفور، عندما تدخل إلى الموقع ويحدث انفجار، تظهر نافذة منبثقة وتقول، لا أعرف حتى أين أنا. ثم تخرج من هذا الموقع ثم تظهر شريحة للداخل، ثم يحدث الكثير ولا يمكنك حتى المشاركة في ما يبيعه موقع الويب الفعلي لأنك تتعرض لقصف شديد من محاولتهم الحصول على بريدك الإلكتروني.

حتى يتمكنوا من إعطائك خصمًا بنسبة 10 بالمائة وهذا أمر صعب للغاية.

كاثي: والعلامات التجارية الكبرى تفعل ذلك أيضًا. أليس كذلك؟

بن: إنه، نعم، إنه مثير للاهتمام. لكنك تراه طوال الوقت، ونعم، إنها طريقة سريعة لعدم إرباك المستخدم. عندما تكون لديك رسالة، ركز على الرسالة التي تحاول قولها. ولذا أعتقد أنه بالإضافة إلى ذلك لا تخفي نقطة البيع الرئيسية الخاصة بك في نافذة منبثقة. إذا كنت ترغب في ذلك، فأنا أريد حقًا الترويج لهذا البيع.

وقمت بإنشاء صفحة مبيعات لها ويهبط الأشخاص على صفحتك الرئيسية وأنت معجب، لا تضف النافذة المنبثقة لإبداء الإعجاب، انتقل إلى صفحة المبيعات الخاصة بي أو أي شيء من هذا القبيل، قم بتحويل صفحتك الرئيسية لتكون كذلك، مثل تكرار صفحتك، وجعل منزلك. إذا كان هذا هو المكان الذي يأتي إليه الأشخاص، فاجعل هذه صفحة المبيعات الخاصة بك.

لا تفعل ذلك، لا تكن مثل النوافذ المنبثقة. مرحبًا، نحن نجري هذا البيع. تعال للتحقق من ذلك. تمامًا كما هو الحال مع التركيز على قدوم المستخدم. وهناك أسباب لوجود صفحة مبيعات بالتأكيد. إذا كنت تقوم بحملات تسويقية وتريد إدراجها في صفحة المبيعات مقابل صفحتك الرئيسية. ولكن حتى عندما تفكر في كيفية جعل هذا البيع مرئيًا للمستخدمين باستخدام النوافذ المنبثقة، فهذا ليس الخيار الصحيح.

ضعه في المحتوى نفسه. اجعله جزءًا من التصميم. بهذه الطريقة. لأن الكثير من الأشخاص سيغلقون هذه النافذة المنبثقة قبل قراءتها لأنها مزعجة.

كاثي: نعم. المرة الوحيدة التي أحب فيها النوافذ المنبثقة أو يمكنني العذر فيها إذا كنت مستخدمًا هي في حالة نية الخروج.

وكأنني سأغادر الصفحة وهم يقولون، احتفظ بها هناك. لدينا هذا العرض الخاص بالنسبة لك. لكنني أعتقد أن الكثير من العلامات التجارية الكبرى تفعل هذا النوع من الأشياء أيضًا، حيث لا بأس بذلك، أريد فقط أن آخذ قسطًا من الراحة. سأذهب لألقي نظرة على ويليام سونوما وأتخيل مطبخي من جديد، أليس كذلك؟

إنه مثل عالمي الخيالي الصغير ومن ثم الازدهار، يطفو على السطح. إنها أنني لم أنظر إلى أي شيء حتى الآن وهو موجود بالفعل وهو يقاطع تلك التجربة. لكنني أعتقد أنه في كثير من الأحيان يأتي الأشخاص إلى موقع الويب من خلال أحد الإعلانات، أو ربما يأتون من خلال بحث Google. تأكد من أنه أينما أتوا، فإنك على الأقل تلبي هدف البحث، وتلك الحاجة، وأن أي شيء يوصلهم إلى عتبة بابك. إذا كانت خدعة أو حلوى، أعطهم الحلوى، أليس كذلك؟ امنحهم ما جاءوا من أجله قبل أن تبدأ في التحدث معهم عن شيء آخر تمامًا، أو إنشاء علاقة طويلة مثل هذه عبر البريد الإلكتروني.

يعد التفكير في جمهورك من أين أتوا وكيفية وصولهم إلى موقعك أمرًا مهمًا أيضًا.

هانا: هناك بالتأكيد وقت ومكان للنوافذ المنبثقة. لا أعتقد أن ذلك قد تم خلال ثلاث ثوانٍ من الدخول إلى موقع الويب الخاص بهم، ولكن يبدو أنه يعمل لصالح شخص ما لأن الكثير من الأشخاص يقومون بذلك.

بن : نعم. نعم. وأفهم أنك تريد إصدار ضجيج لجذب الانتباه إلى مناطق معينة. ستكون هناك أوقات تشعر فيها بأنني أريد حقًا أن يرى الناس هذا لأنهم لا يرونه. وهناك الكثير من الطرق التي يمكنك من خلالها القيام بذلك. والنوافذ المنبثقة هي التي يمكنك القيام بالشريحة فيها، وهي أقل تطفلاً لأنها لا تمنع ذلك وكل ذلك.

هذا أجمل قليلا. ومن ثم التصميم، مثل استخدام التصميم، إذا كان موقع الويب الخاص بك في الغالب. باللونين الأزرق والأبيض، اسحب لافتة برتقالية كبيرة وسيتم ملاحظة ذلك. مثل استخدام اللون، واستخدام التصميم. يمكنك حتى أن يكون هذا مثل أحد تلك الأشياء، مثل Kadence الذي يمنحك القدرة على استخدام خط Google.

يوجد أكثر من 900 خط من خطوط Google. لذا يمكنك في لحظة اختيار خط Google وإفلاته في موقعك. وهذا قوي حقًا. ويمكن إساءة استخدامه بسرعة كبيرة لأنه قد يكون لديك 10 خطوط مختلفة يتم تحميلها، الأمر الذي سيؤدي إلى إبطاء موقعك ويكون غريبًا جدًا بالنسبة للمستخدم أن يقول، لماذا أنا، لماذا العديد من عائلات الخطوط المختلفة؟

سوف تشعر بذلك فقط. لم يكن الأمر كما هو مدروس ومخطط له جيدًا. لذلك، لا ترغب في استخدام الخطوط مثل الخطوط المجنونة وغير المتطابقة وعدم اتباع أسلوب العلامة التجارية، ولكن في الوقت نفسه، هناك بعض الخطوط الصاخبة التي يمكن أن تجذب انتباهًا جيدًا. إذا كنت مثل، مرحبًا، أريد أن ألفت الانتباه إلى هذا القسم.

إنها يمكن أن تكون أداة قوية لجلب عائلة خطوط جديدة بالكامل. بالنسبة لهذا القسم وقم بإسقاطه. والأمر الرائع هو أن Kadence، مثلًا، إذا كنت تفعل ذلك على صفحة واحدة فقط، فهذه هي الصفحة الوحيدة التي ستقوم عائلة الخطوط بتحميلها. لذا، فأنت لا تزال غير قادر على إغراق موقعك بمجموعة من عائلات الخطوط المختلفة، ولديك طريقة قوية لجذب الانتباه إلى أحد الأقسام.

لذلك يمكن أن يكون من الممتع القيام به. اذهب وألق نظرة على جميع الخطوط العالية الصوت في خطوط Google وقل، أوه، يمكنني استخدام هذا. وحتى كلمة "بيع" أو أي شيء آخر بخط عالٍ تحظى باهتمام كبير.

كاثي: نعم. قطعاً. جيد. نعم. نصيحة جيدة هناك. ما هي الأشياء الأخرى التي ترى ذلك يا رفاق. انظر، هل يمكننا التحدث عن الدوامات وشرائح التمرير لأن هناك أشخاصًا يحبونهم، يبدو الأمر وكأنني أستطيع ذلك.

لا أعرف ما أريده في منطقة الأبطال هذه ولكني أريد ثلاثة أشياء، هل يمكنني فقط الحصول على ثلاثة أشياء مثل الانزلاق وأرى كل هذه النصائح الموجودة هناك، لا تفعل ذلك، إنه أمر محير للغاية. إنه مزدحم للغاية ولا يعمل ما هي أفكارك؟ هل لديكم يا رفاق أي مشاعر تجاه الدوارات، وأشرطة التمرير، وتلك الأنواع من الأشياء؟

بن: الكثير من المشاعر، بالتأكيد. أعتقد أن القاعدة العامة يجب ألا تفعل ذلك. ومن ثم هناك دائمًا استثناءات للقاعدة. هناك دائمًا أوقات للقيام بأشياء مختلفة. ولكن أود أن أقول لا تفترض أن تكون مثل، أنا بحاجة إلى خلق. شريط تمرير لقسم بطل صفحتي الرئيسية وهو عبارة عن ثلاث شرائح.

حاول حقًا أن تفكر في كيفية إنشاء قسم البطل الخاص بي على صفحتي الرئيسية؟ سهل الاستخدام للغاية ويسمح للشخص بفهم ما أقدمه حقًا، وما هو الموجود في البورصة هنا؟ كما لو كنت تقدم عرضًا سريعًا للغاية، يجب عليك البقاء على هذا الموقع لأنك ستحصل على هذا، وهذه هي الطريقة التي نقدمها لك.

وبعد ذلك أعتقد أنك ستكتشف الأمر من هناك حيث يمكنك أحيانًا أن تقول ومرة ​​أخرى، هذا ليس هذا هو الاستثناء. أنا فقط، ولكن هناك أوقات يمكنك فيها إضافة شريط تمرير للحصول على نقاط رئيسية مختلفة للتحدث عن خدماتك بطرق مختلفة.

وأود أن أقول بشكل عام، لقد ثبت أن هذا لا يعمل بشكل جيد. هذا لا يعني أنه لا يمكن أن ينجح. لا تريد إخفاء خدماتك الرئيسية خلف شريحة تتطلب من المستخدم الانتظار لفترة كافية لحدوث شريحة تلقائية، والتي من الأفضل ألا تنزلق تلقائيًا. حاول حقًا ألا تنزلق تلقائيًا.

أو جعلهم يتفاعلون مع الصفحة. هناك أوقات لذلك. نحن نستخدم علامات التبويب كثيرًا. ويمكنك التفكير في شريط التمرير يشبه إلى حدٍ ما نظام علامات التبويب. إنها فقط الطريقة التي تتنقل بها مختلفة قليلاً. بشكل عام، نعلم جميعًا كيفية التنقل عبر أشرطة التمرير. نحن نعرف ماذا يعني السهم وأشياء من هذا القبيل.

يمكنك الذهاب إلى أبعد من ذلك والقول بأن حقيقة استخدامك لشريط التمرير تعني أنك مطور ويب تافه. أعتقد أن هناك بعض الحالات التي يمكن أن ينجح فيها الأمر. أعتقد فقط بشكل عام، بالنسبة لمعظم الناس. إنهم لا يثقون في رسالتهم التسويقية الرئيسية ويحاولون إنشاء رسائل تسويقية متعددة واستخدام شريط التمرير للقيام بذلك.

وأود أن أقول أن هذه ربما ليست الطريقة الصحيحة لاستخدام شريط التمرير.

كاثي: هناك بعض الشركات مثل. إذا فكرت في مثل Lyft أو Airbnb أو Uber، فهناك نوعان من جماهير العملاء المتميزة التي تمتلكها هذه الأنواع من الشركات، لأنها متصلة في المقام الأول.

رحلات أو مكان للإقامة مع شخص لديه هذه الخدمة، أليس كذلك؟ لذا فإن لديهم جمهورين مختلفين للغاية وأنا ألقي نظرة على تلك المواقع. ليس لديهم المتزلجون. لديهم متميزة جدا وهنا رايدر. هنا السائق ويا سائق. نحن بحاجة إليكم يا رفاق، هناك ما هو أكثر بكثير من التعامل مع جميع الاعتراضات المتعلقة بالسلامة والأميال المقطوعة على سيارتي وكل تلك الأشياء، إنها صفحات تستهدف بشكل كبير نوع واحد محدد من الجمهور.

ثم الموقع العام، الذي يشبه الركاب إلى حد كبير، لأنه يوجد عدد ركاب أكثر من عدد السائقين الذين يتواصلون معهم، ولكن لا يوجد أي إرباك. لا توجد صفحة تحاول مخاطبة كل هؤلاء الجماهير في وقت واحد. صفحة واحدة مخصصة للسائقين، وصفحة واحدة مخصصة للراكب، ومن الواضح جدًا أن هناك عبارات تحث المستخدم على اتخاذ إجراء للقيام بهذا الشيء.

بدلاً من صفحة واحدة، مثل الصفحة الرئيسية حيث يكون الأمر مغريًا حقًا. لدي هذين الجمهورين المتميزين للغاية. كيف أتواصل مع كليهما؟ إنهم يأتون ويفعلون ذلك من خلال الملاحة. هناك مثل الدراجين السائقين في الأعلى. وإذا نقرت على برامج التشغيل، فستبدو تلك الصفحة مختلفة تمامًا.

كما هو الحال مع بقية الموقع، فإنهم يضغطون عليك لاتخاذ هذا القرار لتصبح سائقًا. لكنها صفحة واحدة جدًا بها رسالة مقصودة واحدة. وأعتقد. يكون الإغراء هو عندما يكون لديك الكثير من الجماهير المختلفة التي ترغب في محاولة ضغط كل هذه الأشياء في صفحة واحدة ويبدو أن شريط التمرير هو الطريقة الصحيحة للقيام بذلك.

بن: أعتقد أنه يمكنك القول إذا كنت تفكر في بعض الطرق الجيدة لاستخدام أشرطة التمرير والأشياء، فكر فيها. تعتبر دوارات الشهادات بمثابة طريقة سهلة حقًا لأنها لا تفتقد وجود شهادات وأنت توفر فقط طريقة لإظهار أكثر من واحدة أو اثنتين على الصفحة حيث لا يتعين عليهم الانتقال إلى صفحة جديدة بمجرد النقر فوق السهم.

إذن هناك حالات استخدام حيث لا تكون في أعلى الشاشة، لذا فهي ليست كذلك. يبدو الأمر مزعجًا حقًا عند قدومهم ويمكنك التمرير لأسفل وتسمح للمستخدم بالتفاعل مع هذا القسم والحصول على المزيد من المحتوى حول شيء معين تتحدث عنه. أريد أن أرى المزيد من هؤلاء، أو أستطيع أن أرى أنه يعمل معهم.

مع المنتجات التي تعجبك، إليك بعض منتجاتنا المميزة وتريد السماح لهم بإبداء إعجابهم أوه، أريد المشاركة، خاصة إذا لم تقم بالتمرير التلقائي على ذلك أيضًا. إنه أمر رائع حقًا أوه، أريد أن أرى المزيد من هذه المنتجات مثل المنتجات المميزة لهذا أو، محتوى مثل ذلك، حيث دعونا نتفاعل بشكل أكبر وما أعرضه لك بالفعل، لكنك حصلت على جوهر ذلك، ولكن إذا كنت تريد المضي قدمًا قليلاً دون الانتقال إلى صفحة أخرى، فإليك طريقة للقيام بذلك.

هذه طريقة قوية لاستخدام الرف الدائري. وثانيًا، عندما يكون لديك مثل هذه الشهادات في دائرة كهذه، لا يزال بإمكانك الحصول على أربع شهادات فقط، لكنك تعرض اثنتين ويكون لديك شريط تمرير ويشعر الناس أن لديك مائة لأنهم لا يحبون، خاصة عندما الحلقات التلقائية، لا يفكرون في حقيقة أنه لا يزال هناك أربع شهادات فقط.

يعتقدون، واو، هذه الشركة لديها الكثير من الشهادات. إنهم بحاجة إلى إنشاء شريط تمرير لذلك. مثل ذلك فقط، هناك هذا الشعور. وعلى الرغم من وجود أربعة فقط، فهي مجرد طريقة جيدة للتعرف على أن لدينا عدد غير محدود من الشهادات لنعرضها عليك دون الاضطرار إلى الذهاب والحصول على عدد غير محدود من الشهادات.

لذا فهي بمثابة، مجرد وسيلة قوية، مرحبًا، لدينا توصيات قادمة إليك. وهذا ليس غريبًا. لماذا لديهم توصية واحدة فقط؟

هانا: نعم. وبالنسبة لأولئك الذين يقومون بإنشاء مواقع الويب، فإنك لا تحتاج إلى الحصول على 120 شهادة. لا، أتذكر فقط في قسم الدعم، أن الأشخاص يحبون المراسلة، لماذا يحب العرض الدائري الخاص بي النقر على 120 صورة؟

ونحن مثل، انتظر، قم بالنسخ الاحتياطي. لا يحتاج الرف الدائري الخاص بك إلى 120 صورة. من فضلك، لا تفعل ذلك.

بن: نعم، بالضبط. مثلًا، أنا بخير إذا كان لديك صفحة تعجبك، مرحبًا، أريد أن يكون لدي جدار مراجعة يشبه مجموعة من الشهادات، لكن لا تضع أكثر مما أعتقد أن Storybrand تقوله، Storybrand. أعتقد أن الشيء الكبير لديهم هو ثلاثة.

نعم. ما عليك سوى ثلاثة. واعمل فقط على جعل هؤلاء أفضل ثلاثة ما تستطيع، وهذه إحدى الحيل التي يتحدثون عنها هي العثور على العملاء الذين حققوا نجاحًا معك أو مع المستخدمين أو أي شيء تفعله وتبيعه، ثم اكتب الشهادة لهم . يحتوي على اللغة والرسائل التي تريدها، ثم اذهب إلى ذلك الشخص وقل له، هل يمكنك أن تضع اسمك على هذه الشهادة؟

لأنه إذا كنت شخصًا يستخدم منتجًا، فلا تريد أن تسمع، هل ستكتب شهادة؟ لأنك مثل هذا، يجب أن أعرف الكلمات وماذا أقول وكل تلك الأشياء. لكنك تحب المنتج. لذا، إذا جاءوا إليك وقالوا، مهلا، هل ستضع اسمك على هذا؟ والصياغة تبدو صحيحة.

وأنت تقول، نعم، هذه هي تجربتي. ستضع اسمك عليها وستحصل على الكثير من الشهادات الجيدة جدًا بهذه الطريقة. ثم ما عليك سوى الضغط عليه، وطرحه على الناس ليكونوا مثلهم، يرجى كتابة مراجعة لي، أو هل ستكتب مراجعة؟ لن يكتب الكثير من الأشخاص مراجعة جيدة بما فيه الكفاية.

أو مثل التجول أو عدم كتابة المراجعة. لقد انحرفوا عن مسارهم عندما كانوا مشغولين. لذا، إذا كتبت مراجعات عنه، فهذا أمر غريب، لكن اكتب المراجعة ثم اطلب منهم التوقيع عليها وستحصل على مراجعات غنية حقًا. مهما كنت تفعل.

كاثي: وإذا كتب لك شخص ما تعليقًا لم تطلبه حتى وظهر للتو، فربما يمكنك شراء سلة هدايا لهذا الشخص لعيد الميلاد.

شخص ما يذهب أبعد من ذلك، أليس كذلك؟ نعم. نعم.

بن: بالتأكيد. بالتأكيد.

كاثي: نعم. رائع. هل هناك، يا هانا، أي شيء آخر يحبه الناس عند استخدام تقنية فعالة للغاية، ولكن ربما يمكن استخدامه بشكل أفضل قليلاً؟

هانا: أشعر أننا تطرقنا إلى بعض الأشياء الكبيرة. أعتقد أن الأمر الآخر هو أنني أجد صعوبة في التعامل مع هذا التصميم السيئ وأحب الخطوط التي لا تتطابق مع الألوان التي لا تبدو جيدة معًا. مثلاً، عندما تفتح صفحة، هل هذا يرضي العين أم أنه يحدث الكثير في وقت واحد؟

لقد تم الافراج عن بلوق. كل شهر تقنيات التصميم هذه. لقد كانت مثيرة للاهتمام، مثل الكثير من الأشياء الفريدة جدًا، مثل الاتجاهات التي تحدث. اتجاهات التصميم. وكان ذلك ملهمًا للنظر من خلال تلك الأشياء ورؤية ذلك، في الواقع شيء لم أكن لأفكر فيه، ولكن هذه نظرة رائعة.

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

كاثي: لا تطابق. نعم. نعم. من الجيد، كما أعتقد، الالتزام في البداية ببعض الخطوط، الخط الرئيسي والخط الأساسي، ثم استخدام لوحة ألوان Kadence لاتخاذ بعض القرارات الأساسية حول الشكل الذي ستبدو عليه علامتك التجارية، وما هي علامتك التجارية الألوان هي، ومن ثم التمسك بها.

ثم هناك الاستثناءات بين الحين والآخر. فقط نعم، لا تنطلق وتعيش في أرض الاستثناء. تماما. نعم. نعم. أستطيع أن أقول أنكم مثلي، وأنكم ستبدأون في تصفح موقع ويب وتبدأون على الفور في التساؤل، كيف فعلوا ذلك؟ وكيف فعلوا ذلك؟ وأتعجب وأوه أو خاتم تلك الخواتم التي تشبه جهاز التتبع.

مثل تتبع النوم، يستخدمه الأشخاص لموقعهم على الويب، وصفحتهم الرئيسية. أنت، عندما تتصفح ذلك ثم يبدأون بالحديث عن النوم، يحل الظلام. أوه، أنت نائم الآن. مثل هذا الموقع الجميل. أنا فقط، سأستمر في ذلك وهذه هي الصفحة المقصودة الآن. انها جميلة جدا.

هذا رائع. هذا هو المفضل لدي الجديد الذي كنت أضغط عليه. لا يعني ذلك أنني سأحصل على خاتم الهالة، لكني أحبه. إنه لشيء رائع. دعونا نتحدث عن الجديد مع Kadence. هانا، لدينا الكثير مما يحدث. ما هو الأمر مع أشياء المجتمع والأشياء القادمة. نحن مشغولون جدا. ما أخبارك؟

مشغول جدا.

هانا: أكثر ما يثير حماستي هو أننا أطلقنا للتو سوق Kadence. الذي كنا نعمل عليه لفترة طويلة، وهو في الأساس عبارة عن مجموعة من المصممين ومبدعي الويب، وكل قوالب التصميم الخاصة بهم وقوالب البداية والموضوعات الفرعية والخبرات، وكل ذلك في مكان واحد جميل، وأي شخص يمكنهم الوصول إليه، ويمكنهم الشراء من هؤلاء الأشخاص، وهو أمر مذهل.

إنه شيء رائع بناه مجتمعنا، ولكن لمجتمعنا أن يساعد الناس على تحقيق أقصى استفادة من Kadence. وأنا مثل. انا فقط

كاثي: متحمسة جدًا لذلك. نعم، أنا متحمس جدًا لذلك أيضًا، لأنه من حين لآخر كما كنا نتحدث، نذهب إلى مجموعة Kadence، واو، واو، هناك مكتبة تصميم جديدة.

وهنا آخر. وقد وصلنا إلى النقطة التي نحتاج فيها حقًا إلى مكان واحد حيث يمكن للأشخاص تقييم جميع السمات الفرعية المختلفة ومكتبات التصميم ومجموعات الكتل وكل شيء. ومن ثم، لدينا الكثير من الأشخاص الذين يسألوننا طوال الوقت، مثل من هو خبير الكادنس؟

شخص يعمل مع Kadence طوال الوقت. لدينا عدد قليل من الأشخاص الذين نعرفهم، ولكن ربما لدينا المزيد. فكيف يقدم الناس عملهم

هانا: يوجد رابط في صفحة السوق بالأسفل ويمكنك فقط ملء النموذج وإدخال معلوماتك وتحميل مكتباتك.

وبعد ذلك يمكنك أيضًا أن تكون في سوقنا حتى يتمكن الجميع من العثور عليك.

كاثي: مثيرة للغاية. وسيكون لدينا روابط في ملاحظات العرض ومربع الوصف إذا كنت تشاهده على YouTube حتى تتمكن من التحقق من السوق ومعرفة ما يوجد هناك. ولدينا المزيد من الأشياء التي نطرحها داخل المجتمع أيضًا.

ماذا يحدث؟

هانا: نعم، لدينا أيضًا Kadence Amplify الثاني. لقد قمنا بالفعل بتأجيل التاريخ إلى الوراء. كنا سنفعل ذلك هذا الشهر، وهناك الكثير مما يحدث. إذن لدينا تاريخ جديد، 20 أكتوبر، وهو يوم الجمعة. كنا سنفعل ذلك اليوم. ولا مشكلة. 20 أكتوبر هو يوم أفضل بكثير.

نعم. إنه يوم الجمعة. سيكون طوال اليوم. سيكون لدينا مسارين مشابهين جدًا لآخر مرة. لدينا بعض المتحدثين الرائعين. جيك فول سيكون معنا. سيكون آدم برايزر معنا من WP Crafter. واثنين من الأشخاص الآخرين الذين نحن متحمسون جدًا لهما. لذلك، تأكد من وضع هذا التاريخ في التقويم الخاص بك.

وسيكون لدينا جدول زمني. في الواقع، الجدول الزمني ينبغي أن يكون خارج الآن. بحلول الوقت الذي تستمع فيه إلى هذا البودكاست، من المفترض أن يكون هناك إصدار جدول زمني. السوبر متحمس.

كاثي: نعم. مربع الوصف أدناه. احفظ التاريخ. متحدثون مثيرون للاهتمام حقًا حول كل شيء وكل شيء يساعدك في إنشاء موقع WordPress أفضل.

لا يتعلق الأمر بـ Kadence فقط، ولكن هناك بعض المحادثات المتعلقة بـ Kadence، ولكن لدينا راشيل وينشستر، التي ستتحدث عن تجربة المستخدم. براندي لوسون، وهو أحد أصدقائي الأعزاء وأصدر للتو كتابًا. وربما كانت المتحدثة الرئيسية في WordCamp Phoenix Couple 2020. شخص رائع.

وقد أصدرت للتو كتابًا. ستتحدث عن زحف النطاق، ذلك الشيء الشرير والمروع الذي يجعل مشاريعك تتحول إلى وحوش. نحن في طريقنا لقتل زحف النطاق. هذا ما يدور حوله. ولذا فأنا متحمس بشأن براندي. لأنها مذهلة.

بن: إنه تحدي مستمر.

كاثي: نعم، براندي هو، براندي مذهل. سأتحدث معها قليلًا وسأخبرك بكل ما أعرفه عن تحليلات Google. لقد تعلمت من براندي. أنا متحمس بشأن براندي. هل يمكنك أن تقول أنها رائعة؟

إنه

هانا : رائع . أنا أحبه.

كاثي: سيكون رائعًا جدًا. انا متحمس جدا. انا متحمس جدا. سيكون الأمر ممتعًا للغاية. ونحن لم نتحدث حتى عن كل الأشياء الجديدة مع Kadence وانظر إلى مدى حماستي بالفعل، ولكن يا بن، لقد أطلقت للتو بعض الميزات الجديدة لـ Kadence.

هذا الأسبوع ما الذي يلعب به الناس؟

بن : نعم. لذا، نعم، لقد قمنا بإنشاء حقول شرطية لكتلة النموذج المتقدم وهذا أمر قوي حقًا مما يسمح لك بتحديد حقل واحد بشكل أساسي ما إذا كان يجب أن يظهر حقل آخر في أسفل النموذج الخاص بك. لذا، نعم، كان ذلك بمثابة المرحلة الأولى من التحسينات الجديدة المشابهة لكتلة النماذج المتقدمة.

ونحن متحمسون حقًا لمستقبل ذلك. ثم هناك ميزة جديدة لشريط التقدم، والتي تسمح لك بعمل الإخفاء. لذلك يمكنك إنشاء أقنعة أشكال متحركة مثل، يمكنك تعيين المقدار الذي تريد تحريكه فيه. لذا فهي طريقة رائعة حقًا للقيام بشيء بسيط مثل التقييم، تصنيف النجوم حيث يمكنك وضع مثل 4.

7 وسوف يقوم بتحريك ما يصل إلى 4.7 من النجوم. لكنه يسمح لك بعمل إخفاء مخصص أيضًا. وهذا يفتح بابًا ضخمًا من الأشياء المثيرة للاهتمام حيث يمكنك إنشاء أشكال مخصصة يمكنك تكرارها مرارًا وتكرارًا، أو الحصول على شكل تريد ملؤه فقط. إذن أجل. هذا رائع مع شريط التقدم.

وبعد ذلك أصدرنا دمج Pexels في مكتبة الوسائط. لذلك، إذا كنت تريد البحث بسرعة وسهولة في Pexels عن الصورة التي تريد أن تكون قادرًا على إدراجها في المحتوى الخاص بك، فأنت تكتب مشاركة مدونة، أيًا كان، وهذا يجعل الأمر سريعًا للغاية. انتقل إلى مكتبة الوسائط، وانقر على البكسلات، وقم بالبحث، واختر ما تريده، أو أكثر، وقم بإسقاطها في موقعك، وهي بالفعل بحجم مناسب للويب، ولديها بالفعل نص بديل، وملف الصورة هو باستخدام هذا النص البديل أيضًا، حتى تحصل على اسم ملف صورة جيد فعليًا لتحسين محركات البحث.

وبعد ذلك يمكنك إسقاط ذلك مباشرة في صفحتك والذهاب بعيدًا. وهي سريعة وسهلة. ونعم، إنه أحد الأشياء المفضلة لدي التي قمنا بها. لأنه يبدو أنه في كثير من الأحيان أشعر أنني بحاجة إلى صورة ويمكنني التقاط واحدة بسرعة. ممتع للغاية.

كاثي: إنه رائع جدًا. يعد موضوع Pexels ممتعًا للغاية عندما تقوم بالبناء باستخدام مكتبة التصميم ويأتي مع نوع من ذلك قريبًا سيصبح كل عناصر الذكاء الاصطناعي، أليس كذلك؟

ولكن الآن يأتي مع تلك العناصر النائبة وما عليك سوى النقر عليها، والانتقال إلى Pexels واستبدالها على الفور. لقد قمت بعمل بعض العروض السريعة مثل العروض التوضيحية الصغيرة معها. فهو يجعل بناء الصفحة المقصودة سريعًا جدًا. مجرد الحصول على تكامل Paxils، كما هو الحال هناك للعثور على الصورة المثالية لجميع هذه الأماكن التي توفر لك منطقة مكتبة التصميم مساحة لاتخاذ هذا النوع من القرارات.

إنها ممتعة للغاية. لذلك أنا أواجه انفجارًا معها بالفعل. لقد تم الخروج في غضون أيام قليلة فقط. لذا نعم رائع جدًا. ويجب أن أسأل عن الذكاء الاصطناعي لأن الناس يسألون. الوقت.

بن : نعم. أعتقد أن السبب الرئيسي وراء عدم ظهور الذكاء الاصطناعي في الوقت الحالي هو أن نظام الترخيص والائتمان الذي نضعه وراءنا هو مجرد قدر هائل من العمل لتحقيق ذلك بشكل صحيح، حتى نتمكن من ترقية الجميع إلى نظام يسمح باستخدام الائتمان وكل تلك الأشياء.

لكننا نقترب، وفي هذه الأثناء، بعد أن حصلنا على المضمنة والقدرة على عمل الأقسام، فإننا نتطلع إلى الموقع الكامل. وتم إصلاح ذلك لأننا قمنا بالكثير من الأشياء بالصفحات والكثير من الأشياء بالموقع الكامل. لذلك نحن نقترب. لذلك اعتقدنا أننا سنكون مثل إطلاق الأقسام ثم تضمينها ثم الموقع الكامل.

تجتمع الكثير من هذه الأشياء معًا حيث نحاول أيضًا اكتشاف نظام الائتمان بأكمله. لكنها قريبة. ليس لدينا موعد بعد. لكننا نتوقع أن يكون الإصدار الأول على الأقل في الشهر المقبل. لا توجد وعود، ولكن أعتقد بالتأكيد أنها ممتعة للغاية. ويمكنك الانضمام إلى الإصدار التجريبي لدينا والحصول على إمكانية الوصول الآن.

كما لو أن لدينا مستخدمين يلعبون بها. اذهب وانضم إلى قائمة الانتظار وسنتمكن من الوصول إليك. الوصول إلى البرنامج المساعد حيث يمكنك اللعب به فعليًا على موقعك.

كاثي: وسيكون لدينا رابط لقائمة الانتظار أدناه. لذا، في الجولة التالية من الاختبار التجريبي، يمكنك المشاركة في ذلك. الكثير من المرح. لقد استمتعت كثيرا باللعب بها.

إنه أنا، وكلما استخدمته أكثر، كلما وجدت القليل منه، لأنه حقًا يظهر لك الذكاء الاصطناعي فقط، إنه تقريبًا مثل المرآة. ويظهر لك ما أنت عليه. ما عليك أن تعطيه، أليس كذلك؟ لذا، إذا كنت تحب إعطائها الكثير من المعلومات، فيمكنها حقًا التركيز على ما تفعله. ولذا فهو بالتأكيد مستكشف يجب استكشافه.

انا استمتع. الاستكشاف. الكلمات صعبة اليوم. أنا أستكشفه. انه ممتع. لا أستطيع الانتظار حتى يستمتع الجميع بها أيضًا. هل هناك أي شيء آخر يجب أن نتحدث عنه؟

هذا كل شيء. القنادس الصغيرة المنشغلة هنا ببناء كل الأشياء. ممتع جدا. الشيء الوحيد الذي سأذكره هو أنني سأشارك. ماذا؟ ربما يأتي أحدكم معي، لكن يوم الأربعاء، لذا في غضون يومين فقط، إذا كنتم تشاهدون هذا أو تستمعون إليه، عندما يصدر لأول مرة يوم الأربعاء، يجب أن أقول موعدًا فقط. سيكون يوم 27 بعد الظهر بالنسبة للأمريكيين. سيكون هناك درس رئيسي حول ترحيل FloThemes سنشارك فيه. لأنني أعلم أن الكثير من الأشخاص من FloThemes يأتون إلى Kadence. ولذا سنكون هناك بأذرع ترحيب. لذلك، إذا كان لدينا رابط لذلك في ملاحظات العرض أيضًا، إذا كنت تعرف شخصًا مهتمًا بـ Kadence قادمًا من عالم FloThemes.

نحن هنا من أجلهم. لذلك سنقوم بنشر الأخبار حول ذلك أيضًا. حسنًا. حلقة أخرى في الكتب وكنت تعتقد أننا لن نصل إلى هذا الحد. نحن هنا. سنتحدث إليكم يا رفاق في المرة القادمة. اراك لاحقا.