Вызов Joomla 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 (JUG) и на Joomla Day Netherlands, где я выступил с докладом.

В произвольном порядке, кроме порядка, они находятся на специальной доске Mattermost: Вызов Joomla 5. Если вы являетесь частью сообщества Joomla на Mattermost, вы сможете его увидеть.

(Хотите присоединиться к сообществу Joomla на Mattermost? Следуйте инструкциям в этом посте:

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

Итак, приступим:

Брайан Тиманс

Вспоминая мой доклад, Брайан вставил полезную мысль о том, что большинство людей будут смотреть на мобильных устройствах, а также на самых разных устройствах, поэтому он хотел подчеркнуть, что мы должны сохранить доступность для всех в верхней части нашей мысли для всех представлений при разработке ландшафта Joomla.

Элиза Фолтин

Что я могу сказать?

Это не первый раз, когда Elisa предоставляет проекты для Joomla, и я очень надеюсь, что этот свежий и яркий дизайн будет не последним. Elisa встроила его в веб-сайт для демонстрации, чтобы вы могли посмотреть : .designedwithlove.de/ 

Она также написала хорошее вступление о том, что она сделала:

«Я хочу поделиться с вами предварительным проектом веб-сайта Joomla.org. 

Обратите внимание, что это всего лишь первоначальный проект, а содержание, включая текст и изображения, не является окончательным.Черновик фокусируется на представлении Joomla как мощной, гибкой и отмеченной наградами системы управления контентом. 

Я хочу выделить ключевые функции Joomla, такие как доступность, многоязычная поддержка, веб-службы, система рабочего процесса, интеллектуальный поиск, управление пользователями, настраиваемые поля и параметры SEO. Каждая функция имеет ссылку «Узнать больше», которая должна вести к более подробной информации, также есть кнопка, которая должна ссылаться на подстраницу со всеми функциями. Может быть, мы можем отфильтровать все функции по тегам. 

В разделе «Почему стоит выбрать Joomla?» должны быть представлены уникальные преимущества Joomla, такие как отмеченная наградами платформа, экономичность, суверенитет данных, безопасность, гибкость и поддержка мирового сообщества. два вида целевых групп: владельцы веб-сайтов и веб-разработчики, хвалящие производительность, простоту использования и гибкость Joomla.Здесь мы должны показать реальных людей и попросить их разрешения опубликовать мнение. 

Разделы «Как начать работу с Joomla» и «Как расширить возможности Joomla» содержат обзор того, как начать работу с Joomla и расширить ее основные функции, соответственно. Проект включает раздел часто задаваемых вопросов для ответов на распространенные вопросы о Joomla. 

Ближе к концу страницы есть кнопка «Загрузить последнюю версию» для быстрого доступа к последнему выпуску Joomla. Что касается визуальных элементов, в черновой вариант в настоящее время включены заполнители для пунктов меню и изображений. Они должны быть заменены реальными изображениями и соответствующими пунктов меню на этапе проектирования».

Это, на мой взгляд, победитель, и многие его элементы будут использованы в финальной версии.

Интересно, что Элиза создала свой дизайн с помощью Yootheme Pro и сказала, что не возражает против того, чтобы он использовался для окончательной версии.С учетом новых улучшений доступности, которые только что появились, я склонен согласиться, поскольку это облегчит обслуживание и обновление сайта. чем создавать все вручную, снижая уровень навыков, необходимый для помощи в проекте, чтобы больше людей могли присоединиться и помочь.И почему бы не продемонстрировать одно из самых больших сторонних расширений, которые у нас есть?

Я хотел бы иметь страницу на наших сайтах, чтобы освещать сторонние расширения, которые мы используем для наших сайтов, чтобы другие знали, чего можно достичь и с помощью чего.

Робин Клапп

Робин создал информативный и дружелюбный дизайн. 

Принимая во внимание элементы дизайна, которые мы описали в исходной статье, это показывает, как сайты могут быть брендированы.Мне особенно нравится использование цветов, которые очень похожи на цвета Joomla и помогают мгновенно определить, что это Joomla, если вы знаете о наших цвета логотипа.

Хосеан Теллерия

Хосеан снова использовал сильную цветовую палитру и жирные значки, чтобы направлять пользователя по сайту. 

Он придерживался концепции «Безопасный, быстрый, доступный, расширяемый и ваш», которая была предложена для маркетинга, причем «Ваш» отличает нас от некоторых облачных CMS-решений.

Луиза Хокинс

Луиза приступила к дизайну в отделе маркетинга и рассказала о своей работе.

Примечания к дизайну:

Закрытый дизайн включает в себя некоторые проверенные методы проектирования, которые, как доказано, увеличивают конверсию.

Золотое сечение - здесь я использовал золотое сечение, чтобы лучше расположить основные элементы. Вы можете увидеть спираль золотого сечения, которую я наложил на верхнюю часть веб-сайта. Золотое сечение помогает с расположением и размером элементов по отношению к друг друга, чтобы они были наиболее эстетичными. Я также свободно применил золотое сечение к масштабированию заголовков. Это достигается путем умножения размера шрифта основного содержимого на 1,618. https://www.adobe.com/uk/creativecloud/ design/discover/golden-ratio.html 

Эмоциональные изображения. Люди обрабатывают изображения намного быстрее, чем текст, кроме того, люди обрабатывают информацию по-разному, некоторые используют центральный маршрут обработки, а некоторые периферийный, это известно как модель вероятности проработки.Это модель убеждения, и она совершенно захватывающая! (см. эту статью если вы хотите узнать больше о ELM ) И наличие изображения человека, обращенного к тексту, еще более мощно.

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

Сообщения, которые находят отклик. Текст главного изображения свободно масштабируется по золотому сечению, сообщение здесь должно быть таким, которое находит отклик у аудитории.

CTA в основной навигации. Лучшие практики для целевых страниц включают ваш основной CTA в навигацию.

Символы доверия — их следует размещать как можно выше, зрители будут подсознательно накапливать эту информацию.

Пустое пространство. Использование пустого пространства, чтобы эффективно сфокусировать внимание зрителя на вашем сообщении, является проверенным приемом.

Поля — поля с обеих сторон заставляют пользователя сосредоточиться на центре страницы и преимуществах.

Также важно!

Представленный дизайн предназначен для целевой страницы, предназначенной для того, чтобы убедить пользователя в том, что ему подходит Joomla 5. Он должен быть полностью ориентирован на пользователя, поэтому мы должны рассматривать его так, как если бы мы были кем-то, кто может быть новичком в Joomla. Что они ожидают увидеть, что поможет их убедить и т. д. Также важно понимать, на каком этапе воронки продаж будет находиться пользователь, посетивший эту страницу. Возможно, на этапе интереса? Поэтому обмен сообщениями и изображения должны направить их к следующему Целевые страницы, как правило, не оптимизированы с большим количеством текста, богатого ключевыми словами, а трафик обычно обеспечивается рекламой, поэтому на моем месте я бы делал ставки на ключевые слова брендов конкурентов для такой страницы (но это совсем другая тема). !)

И, наконец, мы должны протестировать несколько вариантов финального дизайна среди целевой аудитории.

Алиреза Джавахериан

Алиреза дал несколько инструкций, если вы хотите скачать его файлы с доски.

"Здесь у нас есть сжатый файл, содержащий 5 изображений, которые я прошу показать в соответствии с их порядком и номером. Если есть необходимость в отдельных изображениях и разделенном контенте, они будут опубликованы в этом разделе.

Дизайн этого стиля и формы основан на идее, что все страницы Joomla, такие как расширения, документы и т. д., можно изменить одной рукой».

Алиреза предпочитает видео на главной странице как введение в преимущества 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, заявите о себе и измените мир к лучшему.

Вы можете зарегистрироваться на канале Joomla 5 Challenge

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

Было бы замечательно, если бы это стало настоящим усилием сообщества: вместе мы могли бы сделать сайты Joomla современными и готовыми к выпуску Joomla 5!