エピソード10：Kadenceを使用したWordPressでの設計プロトタイプの構築

公開: 2022-05-20

すべての新しいデザインはどこかで始まり、Figma、Invision、Axure、Adobe XDなどのツールは、Webデザインの視覚的表現を作成する革新的な方法をデザイナーに提供します。ただし、WordPressの世界では、ブロックエディターの革新により、実装に最も近いスペースでネイティブにデザインを作成することがさらに簡単になります。このエピソードでは、WordPressのWebデザインについて詳しく説明します。これらのツールは役立つ場合がありますが、WordPressで効果的なデザインを作成するための最も重要なコンポーネントに焦点を合わせ続けることが重要です。ユニークなコンテンツ、顧客の理解、そしてサイトのデザインを通じた効果的なコミュニケーションは、成功のための最良のレシピです。

以下のコントロールを使用して聞くか、お気に入りのポッドキャストアプリに追加してください。

新しいウィンドウで聞きます。

タイムスタンプとリンク

0:00イントロ：ハンナはビーチにいます！
1:33 WordCampの最高の体験：citymuseum.org
8:47WordPressでの新しいデザインのプロトタイピング
9:51空白ページの問題を回避する
10:50LMSコースのランディングページの開始
15:37競争力のある研究：彼らは存在します、彼らのために何が働いていますか？
18:41お客様の立場
19:31何かをデザインする前に、コンテンツを理解してください
20:43あなたのユニークなビジネスにはユニークなセールスポイントがあります、それを使ってください
22:40最高のコンテンツを最優先する
25:00Kadenceはあなたのデザインツールです
30:22 Shop Kit 2.0のリリース準備、iThemesトレーニングプレビュー

エピソード10のトランスクリプト

キャシー：カデンスビートのエピソード10へようこそ。エピソード10に到達しました。エピソード10では、ちょっとしたパーティーをしたいと思いました。それで、私たちはハンナを国外に飛ばして、ビーチに近い非公開の場所に行きました。ハンナ、どこに行ったの？

ハンナ：私はメキシコにいます。

キャシー：あなたは！つまり、エピソード10のパーティーだけではありません。エピソード10のフィエスタですよね？

ハンナ：それはフィエスタです。うん。君たちはメモを逃したと思う。つまり、私たちはエピソード10のためにメキシコでパーティーをしていると思っていましたが、それは私だけであることがわかりました。

キャシー：まあ、ベン、私はあなたと私が逃していると思います。

ベン：ええ、今日はかなり寒くて、雪が降るようなものです。だからメキシコビーチはかなりいいですね。

ハンナ：そういうわけで私はここにいます。先週ボイジーは記録的な降雪がありました、そして私はそうだったので、私はこれをすることができません。だから私は数マイルを使ってメキシコ行きのチケットを予約しました、そして私はとても幸せで、またもっと日焼けしました。私の体はかなりサクサクしています。

キャシー：本当にそうですか。さて、あなたはとても幸せそうに見えます、そしてあなたはエピソード10のためにパーティーをする準備ができているようです。それで私は興奮しています。私はあなたのすべての旅行でほぼ一年中あなたを通して代償を払って生きるつもりです。そう。

ハンナ：ええ、今ここにみんなを招待します。それはちょうどメキシコのビーチで太陽が輝いています。これがエピソード10の場所であり、パーティーへようこそ。

キャシー：すばらしい。そしてハンナ、エピソード10について質問がありましたが、あなたの質問は何ですか？

ハンナ：ええ、いいパーティーが大好きです。私はパーティーを主催するのが大好きです。パーティーに人々を参加させるための素晴らしい方法は、良い質問をすることだと思います。それで、ええと、私が考えた誰かが、あなたがWordCampに行ったことがあるなら、あなたの好きなWordCamp体験は何ですか？キャシーとベンにはここにいる私たちがいます、私たちは皆そうです。では、お気に入りのWordCampエクスペリエンスを教えてください。

キャシー：行けると思います。私が行ったWordCampで、息子は私と一緒に旅行していて、ちょうど数日以内のように18歳になりました。そして、私たちはワードキャンプマイアミにいました、そして私たちが一緒にいた人々の一人は私たちがサウスビーチに行くべきだと決めました。そして、それは春休みで、私たちは周りの人々と一緒に車の中で立ち往生しました。動けませんでした。そして、18歳になったばかりの息子がサウスビーチを体験しました。彼はお母さんと一緒だったので、私は笑いを止めることができませんでした。それはあなたが体験したい方法ではありませんでした。。

そして彼は一種の悔しさを感じていましたが、それでも私は笑い、そのコンバーチブルの後ろにいる女の子たちについてはどうでしょうかなど、面白い話をしてくれます。そして、彼はまるでこの車の後ろに顔を隠しているようなもので、周りに人が多すぎるので逃げ場はありません。

ハンナ：大好きです。

キャシー：それはかなり面白かった。

ベン：それはすごい。

ハンナ：それは最高です。ベン、あなたはどうですか？

ベン：ええと、私たちは共有された経験を持っていると思います。それははるかに記憶に残るものであり、それは非常にばかげています。そしてそれはWordCamp2020または2019でした。彼らは美術館でアフターパーティーをしました。正直なところ、私がそこにいる間ずっと、この場所はどうやって閉鎖されないのかと思っていました。同様に、これはとても危険です。

それで、私たちが非難された建物に入ったように感じました、そしてそれから誰かがそこに入って、非難された建物の上にたくさんの超大ざっぱなものを建てました。そしてそれは、誰もがすべての人に無料で、あなたがやりたいことを何でもするようなものでした。

ハンナ：それはおそらく麻薬を飲んでいた人だと思います。あなたは言いますか？

ベン：とてもたくさんのこと、何、何、大丈夫。このように意味がありません。つまり、この博物館を説明するのは難しいです。そして、私はそれがまだ存在していることを願っています。原因はあると思いますが、この世界には場所が必要ですが、私たちのようなものがたくさんあるので、どのようにシャットダウンされないのかも非常に興味があります。これは本当に危険です。私たちは歩き回って、自分が何に入っているのか何も知らなかったので、とてもとても楽しい時間を過ごしました。

そしてそれは文字通り誰かが何かをさまよっているだけで、同じような夢を持っていました、そしてこれは彼らが作成したものです。ある時点で、私たちは2階建てに登っていました。つまり、ハーフドームのような天井に吊るされたワイヤーネットのように、基本的に何が好きですか。

ハンナ：ドームのように。

ベン：うん。そして、あなたがその天井から飛び出して、あなたが屋根の上にいて、屋根の別の部分のように下がった巨大な滑り台があったように。

ハンナ：巨大なバッタと。巨大なバッタを忘れないでください。何！

ベン：それなら、まるでコンクリートにぶつかったようなスライドのように、何もなかったように。そして、あなたは素敵なスライドを滑り降りて、素敵な結末のようになります。まるで、あなたはコンクリートに滑り込んで、みんなが周りを見回したように起き上がった、のように、それは本当に私に起こったのですか？つまり、彼らはそうです。ハンナは私がこの場所を説明するのを手伝ってくれます。

ハンナ：ええ、説明するのは難しいですが、それは素晴らしかったです。一番良かったのはベンが言ったようで、私たちは本当に何も知りませんでした。カクテルアワーの考え方のように、最初の45分間を1階で過ごしたように、これは興味深い美術館です。そして、私たちは、まあ、多分私たちはさまようべきだと思っています。そして、あなたは小さな小さな出入り口のように通り抜けます。それを通り抜けるために膝を這うのが好きでなければなりません。それからそれはこの他のクレイジーな場所に開かれます。そして、あなたは、何のようですか？そして、それは隅々のようです。あなたはただのようです、何ですか？そして次にあなたが知っていることは、あなたはこのバッタのスライドを下って行く屋根の上にいて、そしてこのクレイジーなカルーセルのようなものがあります。

そして、最上階からのスライドがあります。それは、何話ですか？五？一番下までずっと。ワイルドです。正直なところ、私がこれまでに経験した中で最高のWordCamp体験であったのは最も楽しかったです。

ベン：うん。つまり、WordCampsは、聴衆にとって、まだ行ったことがなければ楽しいものです。たくさんの楽しみがあります。あなた、あなたはたくさんの人に会います。あなたはたくさんのことを学ぶこれらのセッションのようになりますが、彼らは通常ランダムな場所にあるので、アフターパーティーも本当に素晴らしいです。その一年前から、アフターパーティーの一部であるプラネタリウムがあり、とても楽しかったし、目もくらむような体験でした。いい時間です。絶対。あなたがWordCampにたどり着くことができれば、それはあなたの時間の価値があります。

キャシー：そしてその博物館はセントルイスにありました。それは市立博物館と呼ばれています。 citymuseum.orgにアクセスすると、ハンナとベンがそこで経験した拷問室の感触をつかむことができます。ええと、私はそのスライドを上ることさえしませんでした、私は途中で膝を叩いて、ただ振り向くのが好きです。これからは何も得られないと思いましたが、実際には屋上に観覧車があります。

クレイジーな場所です。 WordCampUSの組織であるアフターパーティーを行う人々は素晴らしいです。 WordCamp Europeも、数週間で発生します。そして、それはおそらく別の壮大なパーティーになるでしょう。私は数年前にベルリンに行ったのですが、彼らにはマドンナのなりすましのような素晴らしいパフォーマーがいました。マドンナがそこにいたようでした。クレイジーでした。とにかく、ええ、WordCampsは素晴らしいです。アフターパーティーは間違いなく価値があり、ベンやハンナのような人々に会うことができます。そして時々私。

ハンナ：私たち全員がそこにいて、会ったとは思いませんが、それについては悲しいです。

キャシー：私はほとんどの時間を会話から会話へ、そしてスポンサーエリアのトンネルやカーテンを降りるだけで過ごしました。それは忙しく、忙しく、忙しい時間でしたが、ええと、ええと、それはカデンスが実際にいくつかを手に入れ始めた場所のようなものですWordCamp US 2019での悪評。それは、あなたがまとめたこれらのツールのいくつかがどれほど革新的であるかについて人々が本当に話し始めたときです。

ハンナ：うん、うん。その時点でそれはベンと私だけであり、誰も私たちが誰であるかを知りませんでした。

キャシー：まあ、見ていた人たちはすぐにそれを拾い上げて、私たちが今日どこにいるのか見てみました。かなりエキサイティングです。

ハンナ：ええ、エピソード10。私たちは長い道のりを歩んできました。ポッドキャストがあります！

キャシー：ポッドキャストがあります！そして今、私はエピソード10までそれを続けるようにあなたに言いました、そしてそれはより簡単です、そうです。ただぶらぶらして、かっこいいものについておしゃべりするようなものです。そして、私はすべてのばかげたものを編集します。

だから私は秘密のプロジェクトに取り組んでいて、ベンが数ヶ月前に社内で行ったプレゼンテーションで言ったことは本当に真実になり始めました。そして、私は、そうそう、ベンが何を意味するのかを正確に理解していると言い始めました。

あなたはベンに、あなたが出版しようとしている場所にできるだけ近いプロトタイピングが最も理にかなっていることについて話しました。そして、私は他の場所で構築されたプロトタイプを取り、WordPress、Kadence Elementsで、カスタムフィールドなどを使用してそれを構築しているので、今それを経験しています。そして、プロトタイプの多くのものはそうではありません。構築中に決定を下す必要があります。これはこのように機能します。これがWordPressの機能であり、Kadenceの機能です。

そして、WordPressのプロジェクトとデザインのプロトタイピングのベストプラクティス、つまり、人々が使用するさまざまなツールについてこの会話をしたかったのです。それらはいつ意味がありますか？いつ意味がないのですか？そして、どうすればその「空白ページ」の問題を乗り越えることができますか。それは私たちが今日話すことができる何かのように聞こえますか？

ベン：ええ、もちろんです。空白ページの問題は、誰もがそれに関係していると思うので、これを表現するのに最適な方法だと思います。あなたが現れて、あなたは、ランディングページ、セールスページなど、何でも作成する必要があります。空白のページを見つめていると、次に何をしますか？そして、それはそのようなトリッキーな原因です。それがポイントであり、多くの場合、人々が次に行くのは、非常に試練の時間、イライラする時間、10のことをして10のことを元に戻し、さらに10のことをやり直してすべてを元に戻す時間です。それらの。そして最後に、彼らは最終的に何に満足するかはめったにありません。

ですから、あなたが言っていること以上に、ただ考え抜くのは良いことだと思います。白い空白のページに表示して行くよりも良い戦略があります、私はデザインを作成する必要があります。そして、それらのツールのいくつかを使い始める前から少しでもバックアップするのが好きですが、大丈夫になるのが好きです。

それでは、空白のページから最後までどのように取得するかについて話しましょう。したがって、オンラインコースのランディングページを作成する必要があるかどうかについて話し合ったことを提案します。そうすることで、実際に何を入力する必要があるのか、そのコンテンツをどのようにまとめるのかなど、話し合い、考えることができるものがあります。

キャシー：完璧です。これは、LearnDashやその他のLMSシステムを使用する多くの人々がいる可能性がある特定の領域に焦点を当てるのに最適な方法だと思います。おそらく、彼らはまだそこにいなくても、使用するLMSツールを決定していません。しかし、彼らは、私には知識があり、他の誰かに譲渡してそれを何らかの形で収益化できるという知識を持っている誰かがこれを聞いている必要があります。

どこから始めますか？

ベン：新しいページを始めて、これがどこにでも広がる可能性があるときはいつでも、行かなければならないということが1つあると思います。このページの主な目標は何ですか？ハンナの助産のホームページを作ることについて話したとき、私たちはこれについて話したと思います。そして、私はあなたがそこから始める必要があると思います。あなたは言う必要があります、いいでしょう、目標は何ですか？

すべてがその目標に向かって導く必要があるからです。そして、顧客が混乱しないように、すべてをできるだけ明確に伝える必要があります。私はここに行くことになっているのか、それとも競合するものと一緒に行くのか、それとも彼らの言語ではなく、言語に合わないものだけでここに行くのか。彼らに直接の道を与える。

あなたは最初に、私の目標は何ですか。そして、コースページを作成している場合、目標は、コースにサインアップすることです。そして、おそらくそのためのオプションがあります。基本コースパッケージと、30分間の無料相談付きのVIPパッケージがある場合があります。そして、ご存知のように、Facebookのプライベートグループにアクセスするようなコースでよく見られるアドオンなどです。

だからあなたはおそらくいくつかのパッケージを持っているでしょう、あなたはおそらく価格表について考えています。そして、そこからあなたは言う必要があります、まあ、私の目標が彼らに買わせることであるなら、私は彼らに買う理由を与えることから始める必要があります。そのためには、取得しようとしている人と通信する方法を知っている必要があります。

したがって、誰と通信しているのかを知る必要があります。そして、この種のことは、私たちが以前に話したことに戻ります。そのターゲット顧客は何ですか？あなたはあなたが言っていることすべてで彼らの言語を話していることを確認する必要がありますが、そのページの一番上に必要なのは基本的に言うものが必要です：これがあなたがこのコースを受講したい理由です、そしてこれがあなたの人生で変わることです。あなたは、このページにすぐに表示される顧客のために、彼らの問題をほのめかしている、または彼らのためにそれを綴っている、と定義しています。そして、あなたはあなたがこの問題を抱えていると言っています、このコースはそれを解決します。

特にコースについて話しているときは、1つの問題を解決しているだけではありません。あなたは実際に彼らのために、個人としての彼らの結果が何であるか、彼らにとって何が変わるのか、そしてそれが彼らにどのように影響するのかを定義しようとしています。

しかし、その点では、あなたはまだ考え抜かなければなりません、大丈夫、この人は問題を抱えています。彼らは本を書きたいと思っています、そして彼らは本を書くことを通して彼らを指導するために本を書いた経験のある誰かを必要としています。だからあなたはあなたの最初の小説を書く方法についてのコースを持っています。その顧客ベース、あなたはそれに話しかける必要があり、小説を書くようになることは、小説のための良いアイデアを持っていること以上のものです。それは計画についてです。それは永続性についてです。あなたはそれを説明し始めます、そしてこのコースはあなたにそれをするためのすべてのツールをあなたに与えるだけでなく、あなたはあなたを助けそしてフィードバックを得るためにあなたの周りのコミュニティも持っています、そして今私は行くと思います私はこれを必要とする。

そして、それはあなたがそれに入ることができる方法です。あらゆる種類のデザインに飛び込む前に、まずそのことを理解する必要があります。この人とつながるのは何ですか？必要なコンテンツをまとめましょう。私の考えでは、販売ページを作成するときから始めます。ページの先頭から始めるには、大きくてかなり短いテキストで、できるだけ明確で簡潔にする必要があります。基本的に問題を詳しく説明し、解決策がその問題の答えになる方法を説明します。そこから、最初のオファーをより良くするためにさまざまな要素がどのように機能するかを検討します。

ですから、私が下にスクロールすると、彼らはどんどん進んでいきます、ええ、私はこれをする必要があります。ええ、私はこれをする必要があります。また、ページ全体で「今すぐ購入」ボタンを使用できます。あなたは顧客がこれまでのようになりたくないのですが、どこでサインアップしますか？また、価格表のように下にスクロールしながら、その旅を作成することもできます。証言が鍵となります。そのすべてを考えてみると、今、私は簡潔な言葉を上に置く必要があります。ある種の写真、できれば誰かが笑っている、または写真で結果を視覚化する結果が必要です。

あなたが考えているように、例えば、私はこれをどのように構築しますか？あなたはそのコンテンツ、あなたが必要とするテキスト、証言を一緒に集め始めなければなりません、あなたはあなたの価格設定表とその価格設定表の特徴となるものについて考える必要があります。したがって、コンテンツの収集を行い、最初は顧客についてよく考えることが非常に重要です。

キャシー：コンテンツを入手したら、ページにテキストだけを表示したくないことは明らかです。ボタンや写真のようにしたくはありません。誰かがこれらのデザイン要素のいくつかを実際にまとめ始めるにはどうすればよいですか？どこでアイデアを得るのですか？あなたはあなたの競争を見て、彼らが何をしているのかを見ることができるからです。たぶん、あなたは本の書き方や小説の書き方についてのコースをやっている他の人々を探して、そこに競争があるかどうか、そして彼らはそれをどのようにやっているかを見るでしょう。しかし、誰が彼らがそれをうまくやっていると言うのですか。デザインに関してどのような決定を下すかをどうやって知るのですか？

ベン：うん。つまり、あなたの競争を見ることは素晴らしい戦略だと思います。なぜなら、通常、あなたが競争をしている場合、彼らは少なくとも存在するのに十分なことをしているからです。つまり、それらが存在する場合のように、それは少なくとも良いことです。あなたが知っている、彼らは少なくとも存在するのに十分うまくやっています。だから間違いなくあなたは競争から収集したいです。

私は良いデザインを探すのが大好きです。私がよく目にする問題は、人々が好きなときに、デザインに焦点を当てているだけで、実際にはうまく変換されたページを構築していないということです。だからあなたはウェブサイトのデザイン賞のように行くことができ、実際にはあまり変換されていないかもしれないウェブサイトの種類の本当にファンキーなものをすべて見ることができます、そしてまた標準の外にある可能性があります、平均的なユーザーにとっては、これは目新しいものですが、実際にはこのWebサイトをナビゲートする方法がわかりません。だから私は最高のウェブデザインのようなものを探すことに注意するでしょう。私はあなたがあなたが持っている問題に集中したいと思います。

そして、あなたの検索で変換のような言葉を使用します、しかし大丈夫、私はヒーローセクションが必要であることを知っています。紹介文が必要なことはわかっています。価格表のセクションが必要なことはわかっています。これらのセクションを検索し始めると、優れたコースのランディングページを作成するのではなく、より良いデザインのアイデアが得られる場合があります。

または、一般的に、優れたデザインとは何ですか。そして、私はインスピレーションと検索フェーズを行っています。好きなもののスクリーンショットを撮っています。メモを取ろうとしています。ですから、これは、ミロボードやフィグマのように、スクリーンショットを投げてメモを取り、すべてのピースが一緒になっているのを見ることができる場所を自分に与えるのに良い時期です。あなたがあなたのページに望む要素の用語またはあなたがあなたのコンテンツをどのように整理したいかについてのデザインのアイデア、そしてあなた自身の配色そしてあなたの実際の写真を常に心に留めておいてください。私が一番見つけたのは、ええと、人々はこれらのデザインを見に行って、ああ、これを再現したいということです。そして、彼らはそれに彼らの写真を入れました、そして、彼らは、人のようです、これはひどいです。そしてそれはあなたの画像が十分ではないからです。

そして、それは別の大きなことだと思います。画像は、ページの全体的なデザインに大きく影響します。つまり、それはまさに、デザインの非常に圧倒的な部分です。適切なグラデーションまたは適切なフォントを取得するためにいつでも費やすことができますが、間違った画像を選択すると、デザインがウィンドウの外に出てしまいます。

ストック画像を探している場合でも、写真を撮りに行く場合でも、これは非常に重要な部分です。本当に、本当に良い画像を取得することは、非常に長い道のりです。あなたが良いデザインを持ちたいのなら、あなたは最初に適切な部分を持っていなければなりません。

キャシー：ハンナ、顧客の観点から、あなたがページにいて、何かを購入することを考えているとき、どのような要素が…それはページの流れですか？ページ内にポップするものはありますか？その経験はあなたとどのように共鳴しますか？

ハンナ：ええ、それだけだと思います。つまり、あなたは本当に人々のための体験を作ろうとしているのですよね？だから、ベンが言ったように、私は画像が巨大だと思います。あなたの画像は一致していますか？明らかにストックフォトであるストックフォトがあり、そうでない場合、それらは一致せず、流れません。それはそのようなターンオフです。

しかし、あなたが明らかに経験を生み出し、私がそう感じているとき。あなたはそこで知っています、あるいはあなたはあなたがここメキシコのビーチにいるように感じます、あなたが誰かにあなたのウェブサイトを見たりあなたが彼らに提供しているものを見たりするのと同じようにそれを与えることができれば、あなたは知っています、それは巨大です。

ベン：ここで述べることが重要だと思います。自分の前に出て、実際にデザインするように飛び込んでください。たとえば、Figmaで、またはコンテンツを理解せずにWordPressで実際にデザインすることは、絶対的な欲求不満のレシピです。あなたが好きなときは、後で私の画像を理解します。

実際のコンテンツがなくてもデザインの見栄えを良くするために多くの時間を費やすので、そうしないでください。そして、それはただイライラするだけで、何度も何度もやり直すことになります。実際にそのコンテンツの一部を取得して実行すると、私の画像が以前とは異なるため、これは機能しません。期待。ですから、自分より先に進まないでください。コンテンツをまとめて、時間をかけて本当によく考えてください。インスピレーションフェーズを行う理由の1つは、このような3つの画像が必要だということです。これは、これら3つの機能、または顧客にとって重要な3つのことについて説明するセクションが本当に必要だからです。

その初期段階では、あなたが物事をまとめているので、それは、私が飛び込んで実際にデザインを始める前に、私のコンテンツがどうなるかを本当に突き止めなければならないようなものです。また、他人のコンテンツを使用してデザインしないでください。あなたは間違いなくあなた自身のコンテンツを最初に手に入れたいです。

キャシー：もちろんです。さて、ユニークなセールスポイントはあなたがあなたのサイトに持っているユニークなコンテンツになるでしょう。ユニークな方法で視聴者とつながるものは、あなただけが作成できるものです。他の場所から画像を持ち上げたり、他の場所からコピーしたりできるものではありません。

ただ、それをしないでください。それはうまくいきません。他の誰かが作成したものを複製して聴衆とつながることを試みているとき、それはあなたの独特の声を持たないので、それは共鳴することはありません。あなたがそれにもたらすもの、あなたのビジネスがもたらすもの、あなたのブランドがもたらすものは、長期的にあなたを差別化し、あなたが上に上がるのを助けることになるものです。

さて、フィグマを持っていて、すべてのスケッチとページに必要なものをすべて持っているとしましょう。そして、私は基本的なもののようになりました、大丈夫です。みんなが一番上にヒーロー画像を使っているのを見たので、彼らはうまくいくに違いありません。次に、ページの構造化を開始するにはどうすればよいですか？私は最初に証言を持って飛び込みますか？最初に物事をよりよく説明する必要がありますか？顧客と実際につながるために、ページをどのように整理するかをどのように知ることができますか？何が最初に来るのですか？

ベン：私はそのヒーロートップの大ファンであり、必ずしも全幅の画像である必要はありません。時々それはその横にあるテキストと画像です。あなたは基本的に言うその大きなヘッダーを上部に置きたいと思っています、これはあなたがここにいる目的です。そして、私が見たすべての調査から、ページの残りの部分をどのように注文するかは実際には問題ではありません。

大変興味深いことに。機能の証言をしたいのであれば、結局、次の証言がより重要であるとは誰も言えません。最高のコンテンツを第一に考えたいと思います。ですから、あなたが最も素晴らしい推薦状を持っているなら、あなたはそうです、私は人々がこれを読んで、それを正面と中央に置き、その真下に置く必要があります。

しかし、あなたがそうでなくて、あなたがちょうど好きであるなら、ええ、私は証言を持っています、そしてそれらは良いです、しかしそれらはあなたが期待するようなものです、そしてあなたがただ与えるためにそれらをページに必要とするのでそれらを下に置いてください自分自身にそのレベルのブランドの信頼。そしてそれは別の部分です、多分あなたはあなたが既知のブランドと仕事をしている状況にいるので、あなたはそれらのように置く必要があります、あなたは言うかもしれません、これらのブランドは私たちを信頼しています。

または、ユーザーがたくさんいて、私にはこれだけ多くのユーザーがいると言います。あなたはいつも、その顧客に私がこの人を信頼できると感じさせる方法を見つけたいと思っています。私は彼らの最初の顧客のようではありません。それは証言よりも多くの方法で行うことができ、それが最初か途中かは、調査に基づいて、それは一種のようなものです、それはあなたが何をしているのか、あなたが何を売っているのか、あなたが何をしているのかということですそのための構築、たとえば、これが正確なパスです。一般的に、人々はあなたがその簡潔な説明を持っていることを確認し、あなたのページの一番上に行動を呼びかけると言うと思います。通常はそこに写真が必要ですが、それが理にかなっている場合は、価格表が一番上に表示されることがあります。特に、ユーザーがホームページにアクセスして価格ページをクリックした場合など、ユーザーにとって2番目のナビゲーションである場合はなおさらです。

あなたはおそらくその価格設定ページを下に潜りたくないでしょう。彼らは価格設定を見ようとしているので、彼らに価格を示してください。従来のランディングページのように、その価格設定ページは下に下がることができます。

召喚状を明確に保つようにしてください。そうすれば、準備ができていると思います。だからあなたはあなたのコンテンツを持っています。あなたはあなたが欲しいセクションをある程度知っていて、あなたはあなたのウェブサイトのために実際にデザインを始める準備ができています。

そして私にとって、この段階では、これは私が人々にWordPressでそれをするように促す場所です。

わかった。私は、まあ、今はコラボレーションするのがはるかに簡単だと言うためにいくつかの反発を受けました。あなたは両方とも同じことやフィグマのようなものに取り組んでいます。そして、私はそれを取得します。あなたが誰かと協力する贅沢を持っているなら、多分それが問題になるでしょう。一般的に私はしません。そして、2人か3人のデザイナーが同時に同じことに取り組んでいるような贅沢をしている人はあまりいません。

しかし、私にとって、あなたはそれが住む場所、実際に住む場所にできるだけ近くなりたいと思っています。そして、あなたはそこでそれをやりたいのです。 Figmaで作成してから、その方法を理解しようとして3回作業を行わないでください。または、ご存知のとおり、Figmaを選択しています。 Figmaのように素晴らしいツールです。

ただし、完成したWebサイトには変換されません。手動ですべてのことを行う必要があります。そして、私は人々がそうなることを知っています、まあ、あなたはHTMLとそのすべてのものをエクスポートすることができます。そして、それは、ええ、私が入っているようなものですが、それはあなたが最終的に実際に望んでいるものではありません。あなたが欲しいのはWordPressとあなたが使いたいWordPressツールにあります。

私の考えでは、Kadenceは、Kadenceで実際に設計作業を行うことができるという点で、設計に別の設計ツールを必要としない十分なツールである必要があります。そしてそれを行うためのツールは必要ありませんが、あなたはカデンスに入り、あなたは大丈夫です。そして、ここで必要なのはもう少しパディングだけです。

そして、ここに境界線の半径とここに少しのドロップシャドウが必要なことはわかっています。これはデザインツールであるため、Kadenceの内部で非常に優れたデザインを得ることができます。そして、それをデザインツールとして使用し、微調整し、移動し、元に戻したり、やり直したりすることができますが、すべての作業はそこで行っています。

ですから、あなたが終わったとき、あなたは実際に終わって、好きではありません、さて、私たちは最終的にデザインを完成させました、そしてそれはフィグマにあります。そして、あなたは行きます、大丈夫、素晴らしい。今度は、WordPressで実際に作成するために、このすべての作業を再度実行する必要があります。私にとっては、それが住む場所の終わりにもっと近づき、そこでデザインし、その制限の下でデザインしたいと思っています。

WordPressに制限があり、Kadenceに制限があるように。私はあなたにすべてのオプションを提供したいと思います、そして私はそれをできるだけ多くのオプションにするために努力し続けます。設計上の制約は常に存在します。そして、あなたはそれらを常に制約とは限らないものとして考える必要がありますが、同様に、それは私が編集すべきものとおそらく私がすべきでないものの特定の領域内に私を保ちます。

キャシー：そうですね。言いたいことがたくさんあります。まず第一に、あなたがフィグマやミロなどのツールでデザインしていて、あなたが何かをどのように見せたいかを考えているとき、あなたは完璧主義に入ることができると思いますモデルここで、まあ、それからこれを微調整することができ、これを微調整することができ、これを微調整することができます。

そして突然、あなたはこのパイを空のデザインに持ってきて、見栄えがするかもしれません。多分絶対に完璧です。それは、最高の心を持っているかもしれません、彼らのすべてのコンテンツとデザインのアイデアを完全に完璧なものにまとめています。そして、それは必ずしも現実の世界でうまく翻訳されるとは限りません。もう1つは、たとえば、カスタムフィールドを使用して何かを設計していて、データ設計を行っていて、完全な第3正規形データベースである場合、これがすべてが正しく機能する方法です。。

このテーブルはそのテーブルに関連している必要があり、すべてが完全で第3正規形である必要があります。現実の世界では、これは実際には誰かにデータ入力を与えるための最良の方法ではないかもしれません。フロントオフィスのジェーンには、これを選択する必要があり、このようになります。

そして、WordPressで実際に使用するように変更すると、実際にはそのように設計できない場合があります。したがって、ツールに非常に近い設計を行うと、時間を節約できるだけでなく、設計ツールである壁に囲まれた庭ですべてを完璧にするという分析の麻痺を節約できます。しかし、あなたはそれを顧客に表示しようとしているツールでそれをやっています。ツールの制約の範囲内で、wp-adminを使用している人だけでなく、フロントエンドでそれを表示している人にも最適な方法でそれを行っています。そして、この動的コンテンツの多く、動的コンテンツのツールはまだ初期段階ではありませんが、実行する必要のあるものはまだまだたくさんあります。動的コンテンツのコードなしの方法を機能させるために実行できることは他にもたくさんあります。そのため、その中で作業し、ツールの成長に合わせてツールを使用して成長できるものを構築し、WordPressでそれを行うことは、少なくとも私の経験からすると、はるかに理にかなっています。私は今石鹸箱から出ています。

ベン：うん。フィグマのデザイナーからファイルをもらったことがあるので、かなりイライラすることもあると思いますが、モバイルはどうですか？そして、彼らは、そうそう、私はおそらくあなたにもモバイル版を作る必要があるようなものです、ハァッ。そして、私は、WordPressでデザインするとき、あなたはすでにモバイルでデザインしているようなものです。

あなたはすでにそれを理解しようとしています。あなたは最初からそのように考えなければなりませんでした。そして、あなたはこれらのデザインツールのいくつかに入ることができ、そのように考えることを強いられることはありません。最も一般的なことは、実際には、ほとんどの人がもう少し意識しているので、モバイルでさえないと思います。

大画面です。彼らはこれらの非常に狭いページをデザインしました、そして私はそうです、しかしそれがあなたのスクリーンの3分の1だけを満たすとどうなりますか？そして、その幅を引き出すと、突然、まったく異なるデザインになります。これらのツールは本当に役立つと思いますが、誰かがツールをデザインしているときに表示されないものや、デザイナーが考えていないものや、考えられないものに不満を感じることがよくあります。 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. とてもかっこいい。 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.