Web制作やアプリ開発では、本格的なデザインに入る前にワイヤーフレーム作ることがよくあります。制作会社によってはPower pointやExcelなどが使われることもありますが、それらはワイヤーフレームに最適化されておらず、やや不便。 以下で紹介するようなツールを使えば、もっと便利で豊富な機能を使うことができます。Excel方眼紙から卒業したい！という方は要チェック。 無料で使えるワイヤーフレームツールまとめ JUSTINMIND こちらはワイヤーフレームからデザインまで可能なプロトタイピングツール。PCサイトはもちろん、モバイル向けのサイトやアプリのワイヤーフレームも作れます。Photoshopのような洗練されたUIで、ドラッグ＆ドロップでコンテンツを追加することができます。 Wireframe CC こちらは完全フリーで使えるワイヤーフレームツール。Webアプリなのでブラウザ上で編集す

あなたはスマホ専用のホームページを作ろうとしている中で、外部の業者に任せるにせよ、自社で制作するにせよ、具体的にどのように作ろうか迷っているかもしれない。 スマホサイトを制作する際に忘れてはいけないのは、ユーザーの求めている情報が簡単に手に入るか？という視点だ。 スマホユーザー数の増加から、特別な設定をしなくても、売上の20％程度はスマホ経由になるだろう。しかし、しっかりと作れば売上の50％以上をスマホ経由にすることが出来るだろう。 ネットショッピングでなくともスマホ経由のお問い合わせも同様である。 この記事では、どのようなサイトを、どのように制作すれば効果の高いサイトができるかについて、初心者でもわかるようにお伝えしていく。 ＜目次＞ １，スマホサイトのデザイン視点 ２，独自の環境で作るか、自動変換ツールを使うか ３，独自の開発環境でサイトを制作する方法 ４，独自の開発環境で制作するメリ

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ 先日、アイトラッキングに関する記事を配信した所、予想以上の人気がありました。アイトラッキング以上に簡単に実施できるのが、マウスの導線を追うヒートマップテスト。様々なASPサービスも提供されており、低価格で導入できますよね。今回の記事では、数多くの公開事例や調査を通してヒートマップテストで会得した19のデータを紹介します。 — SEO Japan ヒートマップは、ビジターの行動を分析する上で大いに役立つ。その他のメソッドでは得られない見解を導き出し、その結果、コンバージョン率を大幅に引き上げることが出来る可能性がある。 ヒートマップは、マウストラッキングとアイトラッキングの2つに分類される。大多数

GPS位置情報を使ってスマートフォンからのカンタン住所入力を実現！ ～無料で実現できるスマホ向けフォームのユーザビリティー改善～ インターネットシステム開発を行う株式会社ユビキャスト(所在地：東京都港区、代表取締役：呉 英仁)は、GPS位置情報からユーザーの現在地住所をフォームに自動入力できる、利用料無料のASPサービス「Gyro-n(ジャイロン)住所入力ナビ」を、2014年7月8日にリリースいたしました。 Gyro-n住所入力ナビ 「Gyro-n住所入力ナビ」は、GPS位置情報を使ってサイトにアクセスするユーザーの現在地を絞り込み、郵便番号データと紐付いた、住所一覧からタップしていくカンタン住所入力UIと合わせて、主にスマートフォン、タブレットからアクセスするユーザーの手間を削減し、CVRの向上に大きく貢献できるツールです。住所入力ナビは「Gyro-n SFS」に引き続き、利用料無料で提

ユビキャスト、SNSアカウントを利用したフォーム入力サポート無料ASPを提供 面倒な住所・氏名・メアドなどクリックだけで自動入力可能に ～ユーザーの途中離脱を防いでコンバージョン率UP～ インターネットシステム開発を行う株式会社ユビキャスト(所在地：東京都港区、代表取締役：呉 英仁)は、クリックするだけで登録フォームに住所・氏名・メールアドレスなどの自動入力を実現する、利用料無料のASPサービス「Gyro-n SFS」(ジャイロンSFS)を2014年5月27日にリリースいたしました。 Gyro-n SFS(ジャイロンSFS) Gyro-n SFSは、クリックするだけでSNSのプロフィール情報をフォームに自動入力できる「プロフィール入力サポート機能」と、候補からクリックしていくだけで住所・郵便番号を一発でフォームに自動入力できる「住所入力サポート機能」を備えております。ユーザーの入力作業を簡

「良いWebサイトの例を教えてください」「どんなサイトが良いWebサイトなのですか?」……仕事柄、こんなことを、たまに聞かれます。今日は、「良いWebサイトとは何か」「良いWebサイトを作るためには何が必要か」の原則を解説します。 「良いWebサイト」とはどんなサイトのことでしょうか。 キレイなデザインのサイト？情報がたくさん詰まっているサイト？便利なサイト？表示が早いサイト？使っていて楽しいサイト？スマホで見やすいサイト？マーケ寄りの人は、「人がたくさん集まるサイトが良いサイトだ」「コンバージョンが多いサイトが良いサイトだ」と言うかもしれません。 でも、本当にコンバージョンが多ければ、すべて「良いサイト」なのでしょうか。 結論から言うと、「良いサイト」とは、「特定のユーザー層が、特定の状況で、特定のゴールを達成しやすいサイト」だと思っています。 だから、良いサイトを作るために定めておくべ

Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを

本記事は移転しました。 約1秒後にリダイレクトします。 リダイレクトしない場合はここをクリックしてください。

無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする　＞＞ スマホの普及で導入サイトも増えているレスポンシブWebデザイン。作り手からするとまだまだ目新しいですし、ブラウザサイズを変えてサクッとデザインが柔軟に変わるのはそれなりに自己満足度も高く時代の最先端を走っている気分になれる仕組みではあります。一方、デバイスやスクリーンサイズにデザインが最適化できたとしても、それがそのデバイスを使っているユーザーに本当に最適化できているかというと、全くの別問題。Google先生も大推奨中ということで、今後さらに導入が進んでいくと思われるレスポンシブWebデザインですが、今回はそんなレスポンシブWebデザインが抱えるユーザー視点の問題点や課題を真剣に考えてみた記事を

最近「フラットデザイン」という言葉をよく耳にする 。 このデザインスタイルは、グラデーションやシャドウなどの立体的要素を極力避けコントラストの強いカラーパネルと文字要素を活用して構成される。このスタイリッシュなフラットデザインの出現により、今までのエフェクトゴテゴテのUIがいきなり古くさく感じる事態が発生している。 ここ最近ではGoogleが提供する種々のアプリやFacebookのUI、Windows 8、そして多くのスタートアップ企業が提供するスマホアプリで、このフラットデザインをUIのテーマとして採用するケースが増えている。 例えその呼び名を知らなくても、サイトやアプリを通して、多くのユーザーがそのデザインスタイルを目にしていると思う。代表的な例としてはClear、Moni、Clear Weatherなどが挙げられる。 フラットデザインの主な特徴特にはっきりとした決まりがある訳ではない

ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日（金）