Wix Studio エディタ:新しいサイトのビジュアルサイトマップとワイヤーフレームを生成する
読了時間:6分
AI を活用したビジュアルサイトマップツールで、サイトの作成を促進しましょう。クライアントのビジネスや目標についてお聞かせいただければ、編集や管理が可能なワイヤーフレームを含むビジュアルサイトマップが作成されます。
ビジュアルサイトマップに表示されるコンテンツ、ページ、ビジネスソリューションは、要約に合わせて調整されます。共有する詳細が多いほど、より正確な結果が得られます。
![Wix Studio エディタでビジュアルサイトマップを表示している様子を示した GIF。ドラッグアンドドロップでページやセクションを移動させている様子が表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2024/11/17/ee45b5f2-6b05-4fbd-94fa-8ffc1d573275/5c3f0a94-e54b-4277-94e3-9ec869dda7c0.gif)
ヒント:
クライアントによって必要とされるワークフローが異なる場合があるため、白紙テンプレート、豊富なテンプレート、独自のカスタムテンプレートの使用など、Wix Studio サイトを作成するその他の方法も提供しています。
ステップ 1 | クライアントのサイトの詳細を入力する
まずは、ワークスペースの「サイト」ページに移動します。その後、AI が自動生成したサイトマップとワイヤーフレームを使用して、クライアント独自のニーズに合わせて新しいサイトを作成することができます。
必須項目は、サイトの種類(例:アパレルショップ)と簡単な説明です。ただし、クライアントのブリーフをより正確にするために、共有できる詳細は他にもたくさんあります。
新しいサイトを作成する方法:
- Wix Studio ワークスペースの「サイト」にアクセスします。
- 右上の「新規サイトを作成」をクリックします。
- 「Wix Studio サイトマップ・ワイヤーフレーム」を選択します。
- 必須項目に入力します:
- ビジネスの種類はなんですか?:サイトの主な目的(例:アパレルショップ、フィットネススタジオ)を入力します。
- ビジネスの説明:サイトとビジネスに関するいくつかの単語または文章を入力します(例:クライアントのビジネスの所在地、提供する商品やサービス)。
- (オプション)サイトマップとワイヤーフレームの正確性を高めるために、さらに詳細を追加します:
- リストから 1つ以上のサービスを選択します。
- ビジネス名を入力します。
- ビジネス拠点を入力します。
ヒント:住所の入力を開始すると、リストから選択できます。 - このサイトに誘導したいターゲットオーディエンスを説明します。
- クライアントの業種で同様のビジネスと比較して、そのビジネスの特徴を説明します。
- サイトの主な目的(クライアントはこのサイトで何を達成したいか)を説明します(例:最新商品の紹介、予約数の増加)。
- 希望するトーンオブボイスを説明するオプションを最大 2つ選択します。
- 「続行する」をクリックします。
![AI が構造を自動生成するためにクライアントの詳細を入力する最初の画面](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/12/17/563a3ebb-4072-4d33-9155-81101d4332cc/3d39fd35-df81-4f4f-957e-7ca07ab921a5.jpg)
代わりに、下部にある「テンプレートにスキップ」をクリックして、利用可能なサイトテンプレートを確認することもできます。ただし、テンプレートで取得するテキストとページは、より一般的なものであることに注意してください。
ステップ 2 | 自動生成するものを選択する
エディタに進む前に、AI に生成させたいものを選択します:
- ビジュアルサイトマップ・ワイヤーフレーム:AI がページとセクションの構造を自動生成し、デザインを簡単に始めることができるようにワイヤーフレームも作成します。
- ビジュアルサイトマップのみ:デザインに具体的なビジョンがあり、ワイヤーフレームが必要ない場合は、このオプションを選択できます。AI はサイトマップのみを自動生成します。ページとセクションは空白で表示され、白紙から作成することができます。
ニーズに合ったオプションを選択し、「生成する」をクリックします。
![「ビジュアルサイトマップのみ」、または「ビジュアルサイトマップ・ワイヤーフレーム」から選択する画面](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/12/17/8e7ae2e4-3774-40a7-b3b9-5790dba9796d/ec3b51e4-c98a-4e8d-a55d-43a27c7a5f1b.jpg)
ステップ 3 | エディタでサイトマップとコンテンツを確認する
「生成する」をクリックすると、AI はクライアントのサイトの作成を開始します。エディタにリダイレクトされてるので、そこでページとセクションを含む包括的なサイトマップを確認します。
新しいサイトには Wix アプリも含まれる場合があります。たとえば、フィットネスクラブの説明をした場合、Wix ブッキングと会員エリアアプリが自動的に追加されるため、顧客はクラスを予約し、自分のアカウントにログインできるようになります。
開始点は、自動生成の対象として選択したものによって異なります:
- ビジュアルサイトマップ・ワイヤーフレーム:関連するワイヤーフレームがすでに含まれているトップページにリダイレクトされます。
- ビジュアルサイトマップのみ:ビジュアルサイトマップにリダイレクトされ、構造を確認することができます。パネルを閉じて、デザインの編集を開始します。
注意:Wix アプリに関連するページには、カスタマイズ可能なアプリパーツが追加されます。
実行する内容を選択します:
サイトマップを確認して編集する
要素を追加・カスタマイズする
Wix ビジネスソリューションを追加する
ワイヤーフレームをデザイン・編集する
![ケーキショップ用に自動生成されたワイヤーフレームの例](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/12/17/2342f53c-7a95-4ded-84b8-fc3ac96f956f/17a09b14-8321-47bb-b6b8-b0b6c9037484.jpg)
既存のサイトが Wix Studio で構築されている場合:
ビジュアルサイトマップパネルは、構築した既存のサイトを含むすべての Wix Studio エディタサイトで使用できます。
お役に立ちましたか?
|