جملة 5 التحدي والردود والفائزين

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

دعنا نتعمق لمعرفة من كان له رأي وما هي مساهمته. 

لكي نكون واضحين ، في هذه المرحلة ، لا نتحدث عن القالب الذي يأتي مع منتج Joomla ، نظام إدارة المحتوى (CMS) ، ولكن جميع مواقع Joomla التي تشكل مواقع مجتمع Joomla ، لذلك تلك المشار إليها في هذه المقالة التي دفعت كل شيء:

Joomla 5 قادم ؛ حان الوقت لإلقاء نظرة جديدة على جميع مواقعنا؟ انضم إلى التحدي وقل رأي.

https://magazine.joomla.org/all-issues/may-2023/joomla-5-is-coming-join-the-challenge

في هذه المقالة ، ألقيت نظرة على الأنماط المختلفة التي تمتلكها Joomla وكيف تطورت جميع الصفحات المقصودة المختلفة للمناطق المختلفة.

تتغير الموضات ، كما تتغير التكنولوجيا ، وقد لا يكون ما كان منطقيًا في العقد الماضي على نفس القدر من الأهمية الآن.

لقد دفعنا التحدي في المقالة وإلى العديد من الجماهير في مجموعة مستخدمي Joomla (JUGs) وفي Joomla Day Netherlands ، حيث ألقيت محاضرة.

في أي ترتيب معين بصرف النظر عن الترتيب ، فهم موجودون على لوحة Mattermost المخصصة للتحدي: تحدي Joomla 5. إذا كنت جزءًا من مجتمع Joomla على Mattermost ، فيجب أن تكون قادرًا على رؤيتها.

(هل تريد الانضمام إلى مجتمع Joomla على Mattermost؟ اتبع التعليمات الواردة في هذا المنشور:

https://magazine.joomla.org/all-issues/november-2022/getting-the-most-out-of-mattermost )

حسنا هيا بنا:

بريان تيمانز

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

إليسا فولتين

ماذا استطيع قوله؟

ليست هذه هي المرة الأولى التي تقدم فيها إليسا تصميمات لـ Joomla ، وآمل حقًا ألا تكون الأخيرة مع هذا التصميم الجديد والنابض بالحياة. قامت إليسا بتضمينه في موقع ويب لعرضه حتى تتمكن من إلقاء نظرة: http: // joomlaorg .designedwithlove.de / 

كما كتبت مقدمة لطيفة حول ما فعلته:

"أريد مشاركة مسودة أولية لموقع Joomla.org معك. 

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

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

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

يقدم قسم "كيف تبدأ بـ Joomla" و "How to Extend Joomla" نظرة عامة حول كيفية البدء مع Joomla وتوسيع وظائفها الأساسية ، على التوالي. تتضمن المسودة قسم الأسئلة الشائعة للإجابة على الاستفسارات الشائعة حول جملة. 

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

هذا ، بالنسبة لي ، هو الفائز ، وسيتم استخدام العديد من عناصره في النسخة النهائية.

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

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

روبن كلاب

لقد بنى Robin تصميمًا غنيًا بالمعلومات ووديًا. 

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

جوزيان تيليريا

اتخذ Josean مرة أخرى لوحة ألوان قوية وأيقونات جريئة لتوجيه المستخدم حول الموقع. 

لقد احتفظ برسالة Secure و Fast و Accessible و Extendable و Your Your التي تم اقتراحها للتسويق ، حيث تميزنا عن بعض حلول CMS السحابية.

لويز هوكينز

بدأت لويز التصاميم في التسويق وقدمت نظرة ثاقبة لعملها.

ملاحظات التصميم:

يشتمل التصميم المغلق على بعض ممارسات التصميم التي تم تجربتها واختبارها والتي ثبت أنها تزيد من التحويلات.

النسبة الذهبية - لقد استخدمت هنا النسبة الذهبية لأفضل وضع للعناصر الرئيسية. يمكنك رؤية لولب النسبة الذهبية الذي قمت بتغطيته في الجزء العلوي من موقع الويب. تساعد النسبة الذهبية في تحديد موضع العناصر وحجمها بالنسبة إلى بعضنا البعض ليكونوا الأكثر جمالية. لقد قمت أيضًا بتطبيق النسبة الذهبية بشكل فضفاض على تحجيم الرؤوس. يتم تحقيق ذلك بضرب حجم خط محتوى الجسم في 1.618. https://www.adobe.com/uk/creativecloud/ تصميم / اكتشاف / النسبة الذهبية. html 

الصور الانفعالية - يقوم الأشخاص بمعالجة الصور بشكل أسرع بكثير من النص ، بالإضافة إلى أن الأشخاص يعالجون المعلومات بشكل مختلف ، ويستخدم البعض مسار معالجة مركزيًا والبعض الآخر طرفيًا ، وهذا ما يُعرف باسم نموذج احتمال التفصيل. هذا نموذج إقناع ورائع للغاية! (راجع هذه المقالة إذا كنت تريد معرفة المزيد عن ELM ) ووجود صورة لشخص يواجه نصًا هو أكثر قوة.

https://www.interaction-design.org/literature/article/elaboration-likperience-model-theory-using-elm-to-get-inside-the-user-s-mind 

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

CTA في التنقل الرئيسي - تتضمن أفضل الممارسات للصفحات المقصودة عبارة CTA الرئيسية الخاصة بك في التنقل.

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

المسافة البيضاء - استخدام المساحة البيضاء لتركيز المشاهد بشكل فعال على رسالتك ، هو أسلوب مثبت.

الهوامش - تجعل الهوامش على كلا الجانبين تركيز المستخدم على منتصف الصفحة والفوائد.

مهم أيضًا!

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

وأخيرًا ، يجب أن تختبر AB بعض الإصدارات من أي تصميم نهائي ضمن الجمهور المستهدف.

علي رضا جواهريان

أعطى علي رضا بعض التعليمات إذا كنت تريد تنزيل ملفاته من السبورة.

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

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

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

شوكوت شاون

اختارت Shawon أيضًا الألوان المميزة جدًا والتصميم البسيط والأنيق.

يمكن رؤية تصميماتهم هنا:

https://www.figma.com/proto/Ln1tUzp3OJ8fOJmhFkWQCC/Joomla؟page-id=131٪3A1392&type=design&node-id=131-1398&viewport=536٪2C2432٪2C0.41&scaling=scale-down-width

يجدر إلقاء نظرة ، مع بعض الرموز الواضحة وأفكار الصور الجماعية التي توضح عمق المجتمع.

إذن من فاز؟

قام مجتمع Joomla بذلك ؛ استمع الأعضاء ، وتوافق العديد منهم مع أفكارهم ؛ وضع العديد منهم أفكارهم موضع التنفيذ ، وستكون النتيجة تصميمًا أفضل وأكثر تعاونًا.

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

ستكون هذه التصميمات معنا لسنوات عديدة قادمة ، لذا نحتاج إلى رؤيتها قدر الإمكان.

لقد قدمت لنا أفكارك ، فماذا بعد؟

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

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

قد يكون هناك المزيد من التغييرات والتعديلات التي تحدث عندما نقوم بالبناء ، لكن عمل وجهد النموذج الفائز سيكون معروفًا في التصميم النهائي.

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

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

يمكنك التسجيل في قناة Joomla 5 Challenge

https://joomlacommunity.cloud.mattermost.com/main/channels/or-joomla-5-challenge

سيكون من الرائع أن يكون هذا جهدًا مجتمعيًا حقيقيًا: معًا ، يمكننا جعل مواقع Joomla حديثة وجاهزة عندما نصدر Joomla 5!