Эпизод 10: Создание прототипов дизайна в WordPress с помощью Kadence

Каждый новый дизайн с чего-то начинается, и такие инструменты, как Figma, Invision, Axure или Adobe XD, предоставляют дизайнерам инновационные способы создания визуальных представлений веб-дизайна. Тем не менее, в мире WordPress инновации в редакторе блоков делают создание дизайна изначально, в пространстве, наиболее близком к реализации, еще проще. В этом выпуске мы познакомимся с веб-дизайном в WordPress. Эти инструменты могут быть полезными, но очень важно сосредоточиться на наиболее важных компонентах создания эффективного дизайна в WordPress. Уникальный контент, понимание вашего клиента и эффективная коммуникация через дизайн вашего сайта — лучший рецепт успеха.

Слушайте с помощью элементов управления ниже или добавьте нас в свое любимое приложение для подкастов.

Слушайте в новом окне.

Временные метки и ссылки

• 0:00 Вступление: Ханна на пляже!
• 1:33 Лучшие впечатления от WordCamp: citymuseum.org
• 8:47 Прототип нового дизайна в WordPress, с чего начать
• 9:51 Обход проблемы с пустой страницей
• 10:50 Начало работы с целевой страницей курса LMS
• 15:37 Конкурентные исследования: они существуют, что у них работает?
• 18:41 Позиция клиента
• 19:31 Продумайте контент, прежде чем что-либо разрабатывать
• 20:43 У вашего уникального бизнеса есть уникальное преимущество, используйте его
• 22:40 Поместите свой лучший контент на первое место
• 25:00 Kadence — ваш инструмент дизайна
• 30:22 Shop Kit 2.0 готовится к запуску, превью обучения iThemes

Стенограмма эпизода 10

Кэти: Добро пожаловать в 10 серию The Kadence Beat. Мы добрались до 10-й серии. А для 10-й серии мы хотели устроить небольшую вечеринку. Поэтому мы вывезли Ханну из страны в неизвестное место, недалеко от пляжа. Ханна, куда ты пошла?

Ханна: Я в Мексике.

Кэти: Ты! Так что это не просто вечеринка для 10 серии. Это Фиеста для 10 серии, да?

Ханна: это Фиеста. Ага. Я думаю, вы, ребята, пропустили памятку. В смысле, я думал, что мы устраиваем вечеринку в Мексике ради 10 серии, но оказалось, что это всего лишь я.

Кэти: Ну, Бен, я думаю, мы с тобой что-то упускаем.

Бен: Да, сегодня здесь довольно холодно и вроде как идет снежная буря. Итак, Мексиканский пляж звучит неплохо.

Ханна: Знаешь, именно поэтому я здесь. Потому что на прошлой неделе в Бойсе выпал рекордный снегопад, и я подумал, что не могу этого сделать. Так что я использовал несколько миль и забронировал билет в Мексику, и я стал намного счастливее, а также намного больше загорел. Мое тело довольно хрустящее.

Кэти: Это правда. Что ж, ты выглядишь намного счастливее и, похоже, готов к вечеринке перед 10-й серией. Так что я взволнован. Я собираюсь жить за тебя почти весь год со всеми твоими путешествиями. Так.

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

Кэти: Отлично. И Ханна, у тебя был вопрос к нам по 10 серии, какой у тебя вопрос?

Ханна: Да, поэтому я люблю хорошую вечеринку. Я люблю устраивать вечеринки и думаю, что отличный способ вовлечь людей в вечеринку — это задать хороший вопрос. Итак, эм, я подумал о том, что вам больше всего нравится в WordCamp, если вы были на WordCamp? Ну, я снова знаю, у Кэти и Бена есть те из нас, кто здесь, мы все были. Итак, расскажите мне о своем любимом опыте WordCamp?

Кэти: Думаю, я могу идти. WordCamp, в котором я был, мой сын путешествовал со мной, и ему только что исполнилось 18 лет, как и в течение нескольких дней. И мы были на WordCamp в Майами, и один из людей, с которыми мы были, решил, что мы должны поехать на Саут-Бич. И это были весенние каникулы, и мы застряли в машине, вокруг нас были люди. Мы не могли двигаться. И мой только что исполнившийся 18-летний сын побывал на Южном пляже, и я не мог перестать смеяться, потому что он был со своей мамой, и это было не то, что вы хотите испытать, первый опыт весенних каникул - это тусоваться с мамой. .

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

Ханна: Мне это нравится.

Кэти: Это было довольно забавно.

Бен: Это потрясающе.

Ханна: Это лучшее. Бен, а ты?

Бен: Хм, я думаю, что у нас есть общий опыт, который был самым запоминающимся, и это супер нелепо. И это было на WordCamp 2020 или 2019. У них была вечеринка в музее, и я, честно говоря, все время, пока был там, думал, как это место не закрылось. Мол, это так небезопасно.

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

Ханна: И я думаю, что это кто-то, вероятно, был под наркотиками. Не могли бы вы сказать?

Бен: Так много всего было похоже на то, что, что, ладно. Как это не имеет смысла. Я имею в виду, трудно объяснить этот музей. И я надеюсь, что он все еще существует. Потому что я думаю, что ему нужно место в этом мире, но мне также очень любопытно, как он не закрылся, потому что есть так много вещей, на которые мы похожи, хорошо, да. это действительно опасно. Мы бродили и очень, очень хорошо проводили время, потому что ничего не знали о том, во что ввязываемся.

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

Ханна: Как купол.

Бен: Да. А потом как будто вы выскочили из этого потолка и оказались на крыше, а там была огромная горка, которая шла вниз, как бы к другой части крыши.

Ханна: С гигантским кузнечиком. Не забывайте о гигантском кузнечике. Какая!

Бен: Тогда вроде, как будто горка врезалась в бетон, там не было, вроде ничего об этом не было. Итак, затем вы скользите вниз по красивому слайду, и это похоже на хороший конец. Это было похоже на то, что вы просто соскользнули в бетон, и все встали, огляделись, типа, это действительно только что случилось со мной? Я имею в виду, они, да. Ханна, помоги мне объяснить это место.

Ханна: Да, это сложно объяснить, но это было потрясающе. Лучшая часть была, как сказал Бен, мы действительно понятия не имели. Например, мы провели, может быть, первые 45 минут на первом этаже, как час коктейля, думая: о, это просто интересный музей. А потом мы такие, ну, может быть, нам стоит побродить. А потом вы проходите как крошечный дверной проем, в который вам нужно ползти на коленях, чтобы пройти. Затем он открывается в это другое сумасшедшее место. А ты такой, что? И так на каждом углу. Ты такой, что? И затем следующее, что вы знаете, вы на крыше, спускаетесь по этой горке кузнечиков, а потом такая сумасшедшая карусель.

А потом есть горка, которая идет с верхнего этажа, и это было похоже на то, сколько историй вы бы сказали? Пять? Весь путь до дна. Это дико. Честно говоря, это было самое веселое, и это был лучший опыт WordCamp, который у меня был.

Бен: Да. Я имею в виду, WordCamps — это весело, если вы еще не были, для публики это очень весело. Ты, ты встречаешь много людей. Вы можете участвовать в таких сессиях, где вы узнаете много нового, но афтепати также действительно потрясающие, потому что они обычно проходят в случайном месте. Еще за год до этого был планетарий, который был частью афтепати, и это было очень весело и в то же время очень головокружительно. Сейчас хорошее время. Определенно. Если вы можете попасть на WordCamp, это стоит вашего времени.

Кэти: И этот музей был в Сент-Луисе. Называется Городской музей. Если вы зайдете на сайт citymuseum.org, вы сможете получить представление о камерах пыток, в которых Ханна и Бен побывали там. Хм, я даже не стал подниматься по этой горке, я как бы ударился коленом по пути вверх и просто развернулся. Ничего хорошего из этого не выйдет, подумал я, но у них на самом деле есть колесо обозрения на крыше.

Это сумасшедшее место. Люди, которые устраивают афтепати, организаторы WordCamp US, просто потрясающие. WordCamp Europe тоже пройдет через пару недель. И это, вероятно, будет еще одна эпическая вечеринка. Я был на концерте в Берлине пару лет назад, и там были просто потрясающие исполнители, вроде подражателя Мадонны. Как будто там была Мадонна. Это было безумно. Так или иначе, да, WordCamps потрясающие. Афтерпати определенно того стоят, и вы встретите таких людей, как Бен и Ханна. И иногда я.

Ханна: Хотя мы все были там, и я не думаю, что мы встречались, что мне грустно.

Кэти: Я провела большую часть своего времени, просто переходя от разговора к разговору и просто спускаясь по туннелям и драпировкам в спонсорской зоне, это было занятое, занятое, занятое время, но, гм, да, именно здесь Каденс действительно начала получать некоторые известность на WordCamp US 2019. Именно тогда люди действительно начали говорить о том, насколько инновационными были некоторые из этих инструментов, которые вы собрали вместе.

Ханна: Да, да. В тот момент были только Бен и я, и никто не знал, кто мы такие.

Кэти: Ну, люди, которые смотрели, очень быстро это поняли, и посмотрите, где мы находимся сегодня. Довольно интересно.

Ханна: Да, серия 10. Мы прошли долгий путь. У нас есть подкаст!

Кэти: У тебя есть подкаст! И разве не легче теперь, я сказал вам просто подождать до 10 серии, и это легче, верно. Просто тусоваться и болтать о крутых вещах. И я редактирую все глупости.

Итак, я работал над секретным проектом, и то, что Бен сказал на презентации, которую он сделал для себя несколько месяцев назад, начало звучать правдоподобно. И я начал говорить, о да, я точно понимаю, что имел в виду Бен.

Вы говорили Бену о том, что создание прототипа как можно ближе к месту, которое вы собираетесь опубликовать, имеет наибольший смысл. И я прохожу через это сейчас, потому что я беру прототип, созданный в другом месте, и создаю его в WordPress, в Kadence Elements, используя настраиваемые поля и все такое. И многих вещей в прототипе просто нет. Мне просто нужно принимать решения, когда я строю, что ж, это будет работать именно так, потому что так работает WordPress, так работает Kadence.

И я хотел поговорить о лучших практиках создания прототипов проектов WordPress и дизайна, хм, различных инструментов, которые люди используют. Когда они имеют смысл? Когда они не имеют смысла? И как выйти за пределы этой проблемы «пустой страницы». Это похоже на то, о чем мы могли бы поговорить сегодня?

Бен: Да, абсолютно. Я думаю, что проблема пустой страницы — отличный способ сформулировать это, потому что я думаю, что каждый может понять это. Вы приходите и говорите: «Мне нужно создать что угодно, целевую страницу, страницу продаж, понимаете, а вы смотрите на пустую страницу и думаете: ладно, что мне делать дальше?» И это сложно, потому что вот в чем суть, и часто люди идут дальше, когда они проходят через очень тяжелое время, время разочарования, время, когда они делают 10 вещей и отменяют 10 вещей, делают еще 10 вещей и отменяют все. из тех. И, в конце концов, они редко бывают довольны тем, что у них получается.

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

Итак, давайте поговорим о том, как пройти путь от пустой страницы до конца. И поэтому я предлагаю, чтобы мы только что обсудили, нужно ли вам создать целевую страницу для своего онлайн-курса. Таким образом, у нас есть что-то, что мы можем обсудить и обдумать, например, что на самом деле нужно добавить и как мы объединим этот контент?

Кэти: Идеально. Я думаю, что это отличный способ просто сосредоточиться на одной конкретной области, где у нас может быть много людей, работающих с LearnDash или другими системами LMS, и… может быть, они даже еще не решили, какой инструмент LMS они собираются использовать. Но они такие: у меня есть знания, должен быть кто-то, кто слушает это, у кого есть знания, которые они могут передать кому-то другому и как-то монетизировать.

С чего вообще начать?

Бен: Я думаю, что каждый раз, когда вы начинаете новую страницу, и это может распространяться повсюду, вам нужно идти, какова основная цель этой страницы? Я думаю, мы уже говорили об этом, когда говорили о создании домашней страницы для акушерства Ханны. И я думаю, вам нужно начать с этого. Вы должны сказать, хорошо, какова цель?

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

Вы хотите начать с того, какова моя цель. И если мы делаем страницу курса, цель состоит в том, чтобы они подписались на курс. И у вас, вероятно, есть варианты для этого. У вас может быть базовый пакет курса, а затем VIP-пакет с бесплатной 30-минутной консультацией. И, вы знаете, те надстройки, которые вы обычно видите с курсами, где это похоже на получение доступа к частной группе Facebook и тому подобное.

Итак, у вас, вероятно, будет несколько пакетов, вы, вероятно, думаете о таблице цен. И затем оттуда вам нужно сказать: «Хорошо, если моя цель — заставить их купить, мне нужно начать с того, чтобы дать им причину для покупки». Для этого вы должны знать, как общаться с человеком, которого вы пытаетесь заполучить.

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

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

Но в этом смысле вам все равно нужно подумать, ладно, у этого человека проблемы. Они хотят написать книгу, и им нужен кто-то, у кого есть опыт написания книг, чтобы научить их писать книги. Итак, у вас есть курс о том, как написать свой первый роман. Эта клиентская база, вам нужно говорить с ней и вести себя так, как будто вы пишете роман, — это гораздо больше, чем иметь хорошую идею для романа. Речь идет о планировании. Речь идет о настойчивости. Вы начинаете объяснять это и говорите, и этот курс дает вам не только все инструменты для этого, но также у вас есть сообщество вокруг вас, чтобы помочь вам и получить обратную связь, и теперь я вхожу, я думаю Мне нужно это.

И вот как вы можете начать вникать в это. Вы должны сначала разобраться с этим, прежде чем мы перейдем к каким-либо дизайнерским вещам. Что связывает с этим человеком? Позвольте мне собрать контент, который мне понадобится. Начиная, на мой взгляд, когда вы делаете продающую страницу. Вы должны начать с верхней части страницы, это должен быть большой, довольно короткий текст и как можно более четкий и краткий, вы излагаете суть проблемы и то, как ваше решение является ответом на эту проблему. Оттуда вы хотите проработать, какие различные части сделают это первоначальное предложение лучше.

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

Пока вы продумываете, например, как мне это построить? Вы должны начать собирать этот контент вместе, текст, который вам нужен, отзывы, вам нужно подумать о вашей таблице цен и о том, какие функции будут в этой таблице цен. И поэтому очень важно, чтобы вы собирали контент и сначала действительно продумывали своего клиента.

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

Бен: Да. Я имею в виду, я думаю, что смотреть на своих конкурентов — это отличная стратегия, потому что обычно, если у вас есть конкуренты, они, по крайней мере, достаточно хороши, чтобы существовать. Так вот, это как минимум хорошо, как если бы они существовали. Знаешь, по крайней мере, они достаточно хороши, чтобы существовать. Так что определенно вы хотите почерпнуть из конкуренции.

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

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

Или просто вообще, какой хороший дизайн. И поэтому я занимаюсь вдохновением и этапом поиска. Я делаю скриншоты того, что мне нравится. пытаюсь делать заметки. Так что это было бы подходящее время для чего-то вроде доски Miro или Figma, где вы просто добавляете скриншоты и делаете заметки, и даете себе место, где вы можете видеть, как все ваши части собираются вместе. с точки зрения элементов, которые вы хотите видеть на своей странице, или дизайнерских идей о том, как вы хотите организовать свой контент, а также всегда помнить о своей собственной цветовой схеме, а затем о ваших реальных изображениях. Что я нахожу больше всего, так это то, что люди будут смотреть на эти дизайны и думать: «О, я хочу воссоздать это». А потом они вставляют в него свои фотографии и такие, чувак, это отстой. И это потому, что ваши изображения недостаточно хороши.

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

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

Кэти: Ханна, с точки зрения клиента, когда вы находитесь на странице и думаете что-то купить, какие элементы… Это поток страницы? Есть ли что-то, что всплывает на странице? Как этот опыт резонирует с вами?

Ханна: Да, я бы сказала, что это все. Я имею в виду, вы действительно пытаетесь создать опыт для людей, верно? Так что, как сказал Бен, я думаю, что изображения огромны. Совпадают ли ваши образы? Знаете, если у вас есть стоковые фотографии, которые явно являются стоковыми, а на самом деле ими не являются, они не совпадают и не сливаются, это такой поворот.

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

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

Не делайте этого, потому что вы потратите так много времени на то, чтобы сделать дизайн хорошо без фактического содержания, которое вам нужно будет сделать. И это просто разочаровывает, и вы в конечном итоге будете переделывать это снова и снова, по мере того, как вы проходите и на самом деле, наконец, получаете часть этого контента и идете, вау, ничего из этого не работает, потому что мои изображения отличаются от того, что я был ожидание. Так что не забегайте вперед. Соберите свой контент, потратьте время на то, чтобы действительно все обдумать. И это часть того, почему вы делаете фазу вдохновения, чтобы сказать: «Хорошо, теперь я знаю, что мне нужны три изображения, потому что я действительно хочу раздел, в котором рассказывается об этих трех функциях или этих трех вещах, которые важно знать покупателю».

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

Кэти: Конечно. Что ж, уникальным аргументом в пользу продажи будет уникальный контент, который есть на вашем сайте. То, что уникальным образом взаимодействует с вашей аудиторией, — это то, что можете создать только вы. Это не то, что вы можете поднять изображения из других мест или скопировать из других мест.

Просто, просто не делай этого. Это не сработает. Это не найдет отклика, потому что, когда вы пытаетесь воспроизвести то, что создал кто-то другой, и наладить связь с аудиторией, у этого не будет вашего уникального голоса. То, что вы привносите в нее, то, что приносит ваш бизнес, то, что приносит ваш бренд, — это то, что будет отличать вас в долгосрочной перспективе и поможет вам подняться выше.

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

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

Достаточно интересно. Если вы хотите использовать отзывы, в конце концов, никто не может сказать, что отзывы важнее. Я думаю, вы хотите поставить свой лучший контент на первое место. Итак, если у вас есть самый удивительный отзыв, вы говорите: «Мне нужно, чтобы люди прочитали это, поместите его в центр, поместите прямо под этим».

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

Или у вас куча пользователей, и вы говорите, что у меня столько-то пользователей. Вы всегда хотите выяснить, как заставить этого клиента почувствовать, что я могу доверять этому человеку. Я не похож на их первого клиента. Это может быть сделано разными способами, помимо отзывов, и независимо от того, стоит ли это на первом месте или посередине, на основе исследования, это вроде как, это больше о том, что вы делаете и что вы продаете или что вы здание для то, типа, это точный путь. Я думаю, в целом, люди говорят, убедитесь, что у вас есть это краткое объяснение и призыв к действию в самом верху вашей страницы. Обычно вам нужно изображение сразу же, если это имеет смысл, иногда эта таблица с ценами находится прямо вверху, особенно если это вторая навигация для пользователя, например, скажем, они переходят на вашу домашнюю страницу, а затем нажимают на страницу с ценами.

Вы, вероятно, не хотите погружаться на эту страницу с ценами ниже. Они намерены посмотреть на цены, поэтому покажите им цену. Как и традиционная целевая страница, эта страница с ценами может опускаться ниже.

Убедитесь, что вы, вы держите призыв к действию ясным, и тогда, я думаю, вы готовы к работе. Итак, у вас есть контент. Вы как бы знаете, какие разделы вам нужны, и вы готовы приступить к разработке дизайна для своего веб-сайта.

И для меня на этом этапе я бы подтолкнул людей сделать это в WordPress.

Я понимаю. Я получил некоторые возражения, чтобы сказать, что сейчас намного проще сотрудничать, вы оба работаете над одним и тем же и что-то вроде Figma или что-то в этом роде. И я это понимаю. Если вы можете позволить себе роскошь сотрудничать с кем-то, возможно, это станет вашим делом. Обычно я не знаю. И я не знаю многих людей, которые могут позволить себе такую ​​роскошь, как будто у нас есть два или три дизайнера, работающих над одной и той же вещью одновременно.

Но для меня вы хотите быть как можно ближе к тому месту, где он будет жить, где он будет на самом деле. И ты хочешь делать это там. Не делайте свою работу три раза, создавая ее в Figma, а затем пытаясь понять, как это сделать, или, вы знаете, мы придираемся к Figma. например, Figma — отличный инструмент.

Но он не превращается в готовый сайт. Все это приходится делать вручную. И я знаю, что люди будут такие, ну, вы можете экспортировать HTML и все такое. И это похоже на то, что да, я в деле, но это не то, чего вы на самом деле хотите, в конце концов. То, что вам нужно, находится в WordPress и в инструментах WordPress, которые вы хотите использовать.

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

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

Итак, когда вы закончите, вы на самом деле закончите, а не типа: «Хорошо, мы наконец-то завершили дизайн, и он в Figma». И тогда вы идете, хорошо, отлично. Теперь нам нужно проделать всю эту работу снова, чтобы действительно сделать это в WordPress. Что касается меня, я хочу быть намного ближе к концу того, где он будет жить, и проектировать там, а также проектировать с ограничениями этого.

Например, есть ограничения в WordPress и ограничения в Kadence. Как бы я ни хотел предоставить вам все варианты, я продолжаю работать над тем, чтобы сделать их как можно больше. Всегда будут дизайнерские ограничения. И вы должны думать о них не всегда как об ограничениях, но как будто они удерживают меня в определенной, определенной области того, что я должен редактировать, а что, возможно, не должен.

Кэти: Верно. У меня так много вещей, которые я хочу сказать. Прежде всего, я думаю, что в конечном итоге происходит, когда вы проектируете в таком инструменте, как Figma, Miro или что-то в этом роде, и вы думаете о том, как вы хотите, чтобы что-то выглядело, вы можете почти проникнуться перфекционизмом. модель, где, ну, а затем мы можем настроить это, мы можем настроить это и мы можем настроить это.

И вдруг у вас есть этот журавль в небе, который может выглядеть великолепно. Может быть, абсолютно идеально. Возможно, лучшие умы объединили весь свой контент и дизайнерские идеи во что-то абсолютно совершенное. И тогда это не обязательно хорошо переводится в реальный мир. Другое дело, когда вы даже проектируете, например, если вы проектируете что-то, что использует настраиваемые поля, и вы делаете дизайн данных и в идеальной базе данных третьей нормальной формы, вот как все должно работать, правильно .

Эта таблица должна быть связана с этой таблицей, и все должно быть идеально и иметь третью нормальную форму. В реальном мире, возможно, это не лучший способ вводить данные кому-то, Джейн в главном офисе, вам придется выбрать это, и это будет так.

А затем, когда вы перейдете к фактическому использованию его в WordPress, возможно, он не сможет быть спроектирован таким образом. Таким образом, когда вы проектируете гораздо ближе к инструменту, вы не только экономите время, вы спасаете паралич анализа, делая все идеально в вашем инструменте дизайна, отгороженном стеной саду. Но вы делаете это с помощью инструмента, который будет показывать это клиенту. Вы делаете это так, как будет лучше не только для людей, которые используют wp-admin, но и для людей, которые просматривают его на внешнем интерфейсе, в рамках ограничений инструментов. И многое из этого динамического контента, инструменты для динамического контента все еще находятся в стадии своего развития, ну, на самом деле они не в зачаточном состоянии, но многое еще нужно сделать. Можно сделать гораздо больше, чтобы заставить динамический контент работать без кода. Так что работа в этом направлении, создание чего-то, что может расти вместе с инструментами по мере их роста, делать это в WordPress имеет гораздо больше смысла, по крайней мере, исходя из моего опыта. Я сейчас не в своей мыльнице.

Бен: Да. Я думаю, что иногда это довольно неприятно, когда вы знаете, я получил файлы от дизайнера в Figma, и я такой, но что насчет мобильных устройств? И они такие: «О да, наверное, мне тоже нужно сделать для вас мобильную версию, ага». И я такой: ну, нет, когда вы разрабатываете дизайн в WordPress, вы уже делаете дизайн для мобильных устройств.

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

Это большие широкие экраны. Они разработали эти довольно узкие страницы, и я такой: ну, а что произойдет, если они заполнят только одну треть вашего экрана? И вы вытягиваете эту ширину, и вдруг это совершенно другой дизайн. Я думаю, что эти инструменты действительно полезны, но меня часто больше расстраивает то, что они не показывают, когда кто-то их разрабатывает, и о чем дизайнер не думает и не может думать, ну, мне это не нужно. to think about a 27-inch wide screen here because I set my pixel width at 1400 and that's this wide it's the screen is cause that's what it is in Figma and things like that.

So, I would encourage people to try to design in WordPress when they can, but don't do it without your content because you will be so frustrated to try to do it without. It just doesn't, it just never really works.

Kathy: Okay. Well, that's a definitely an interesting discussion. We'd love to hear from you about your experiences, designing new sites or redesigning sites. What tools are you using? What works for you? Are you finding tools like Figma, Miro, and I don't know, Adobe's got stuff too. There's a whole list of things that you can use in order to design.

Do they help your process? И если да, то как? Or do they kind of just get in the way and you'd rather just, start with a starter template or Kadence wire frames and just roll from there. Мы хотели бы услышать от вас. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Ага.

Kathy: I am so excited about Shop Kit 2.0, I know everybody who was on that training is excited for it. We're getting pinged on Twitter and other social media places. When's it dropping? When can we play with it too? Give us a good overview of what Shop Kit 2.0 includes and when we can see this in people's dashboards.

Бен: Да. I mean, I think you can see it in your downloads page by the time you're listening to this, you should be able to go into your account and see it in your downloads page. Um, that'll be the beta version. Things are really close. I'm still always kind of like doing little tweaks in here about like what settings, but it very much is like a good foundation for templating inside of WooCommerce.

So what 2.0 largely brings into the equation is the ability to create templates for your product pages, your archive pages and things like that. And you can apply them to an individual product or you can apply them across a category or a tag or whatever. , that key means that like every piece of WooCommerce then got kind of put into a block with its own block settings.

So you can kind of rearrange and organize and there's some cool things you can change the way that tabs work inside of a product page, which is kind of a standard WooCommerce implementation, but you're going to get a lot more control over it. Hide and show tabs, change the order, things like that. You also get, with Shop Kit 2.0, we kind of rewrote our gallery. So the gallery extension now is a lot more robust. It does like variation galleries and has a lot more control for different layouts based on screen size, so that's pretty exciting. So yeah, it's largely going to be a tool to help you build very unique and much more interesting product pages, so it's just going to be much easier for you to do really cool stuff.

Kathy: Very exciting. And so the beta is going to be available. If you are a bundle owner full bundle or the lifetime or if you bought Shop Kit in the past, that's available to you as well. And the full version going to be ready in a couple of weeks, looks like. Очень интересно. Well, if you are on our mailing list, you will get an announcement as soon as all of the stuff comes out.

And that's the big news with Kadence right now. I know you got a lot of other things going on. I don't want to put any pressure on you of when those types of things are coming. Cause I know this is a big one and big news for Kadence and WooCommerce users. Well, any final thoughts?

Ben: Well, go party up on the beach, Hannah, for us both because you're only one that's successfully is in the party zone.

Hannah: I'll do what I can.

Кэти: Отлично. Yeah, we're all living vicariously through Hannah's adventures right now. So very cool. Well, we will be back in a couple of weeks. I think next time we should talk a little more about WooCommerce because there's some interesting things happening there. So thanks for tuning into the Kadence Beat and we will talk to you next time.