【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

ECサイト構築クラウド型プラットフォーム

【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。

モバイルファーストマーケティングラボ

ディレクター必見!Cacooで作るワイヤーフレームがとても便利

ディレクター必見!Cacooで作るワイヤーフレームがとても便利

ワイヤーフレームを作る

Webサイトを作る時に必ず必要になってくるサイトのワイヤーフレーム。私がサイトをディレクションする際も必ずワイヤーフレームをきっちりと書き起こし、デザイン→コーディングへ入っていきます。

ワイヤーフレームはサイトの設計図

ワイヤーフレームを作らずに感覚的にサイトの設計を行うと、デザインの段階での出戻りが発生したり、ユーザー動線をきっちりと定義できなくなってしまいます。

ワイヤーフレームはいわば後々の作業をスムーズに進めるための設計図であり、デザインをする前にユーザビリティを決定する大きな要素となります。

参考:スマートフォンECサイトのデザイン例とワイヤーフレームの重要性

私は今までこのワイヤーフレームをパワーポイントで作成してきました。しかしパワーポイントは設計図を作る専用のソフトではないので、図を微調整したり、ボタンを作ったりするのには向いていませんでした。

Cacooで簡単にワイヤーフレーム作成


Cacoo – Web上で図の作成とリアルタイムコラボレーション

Cacooでは「シート」という単位でワイヤーフレームを作成することができ、無料プランであれば25枚まで、有料プランは無制限に作ることができます。

使い方はいたって簡単で、エクセルやパワーポイントで図形を作るのと同じ感覚でコンテンツを配置することができます。
cacooでワイヤーフレームを作る

Webサイトのパーツがあらかじめ用意されている

Cacooの便利なところはWebサイトに必ず必要になってくるボタンやリストメニュー、タブメニューなどのデザインが既に用意されており、それらを自由に配置することができます。

「ステンシル」というメニューからワイヤーフレームを選択すると様々なパーツが用意されています。

 

これらを使うことで、ワイヤーフレームからデザインに起こす際にサイトのニュアンスや動線をデザイナーに正確に伝えることができ、よりスムーズにディレクションをすることができます。

共有機能とリアルタイム編集

さらに他のユーザーともワイヤーフレームを共有することができるので、クライアントへ共有する時にも使えますね。

共有機能

すごいのは他のユーザーが編集している時にもリアルタイムでその動作が反映される点です。社内で複数人で確認しながら作業するのにも便利です。

リアルタイム編集

編集している人の名前と編集しているパーツが表示されるので分かりやすい!

まとめ

このCacooに出会う前にも様々なワイヤーフレーム作成のサービスを見て来ましたが、こちらが一番使いやすく、複数人での作業をするには最適でした。

※画像としてエクスポートする機能などもありますが、無料プランでは5枚までに制限されているのでご注意ください。

photo credit: jm3 via photopin cc

”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?

CTA-IMAGE 2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。
また、検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。 そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。

・レスポンシブECサイトがなぜ今選ばれるのか
・これまでのECサイトの課題とは何なのか
・どのようにすれば解決できるのか

といったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。
ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。
機能のご確認はお気軽にお問合せ、もしくは2週間無料お試し利用で。
aishipRの無料体験、お問合わせはお気軽に。説明会・資料請求も受付中。
0120-173-163
0120-173-163
無料体験
  • 無料体験
  • 問合せ
  • 説明会
  • 資料請求
  • 問合せ
  • 説明会
  • 資料請求
+