自社のWebサイトの成果を上げたいけれど、 どこをどうすればいいのかは、多くのマーケ担当者が悩むポイントです。限られた時間と予算の中、どこから手を付けるべきなのか。どうやって上長ら周りの意見と折り合いをつけるか、そもそもまだ伸びしろはあるのかなど、迷いはつきません。 「1年ほど頑張れば、ほとんどのサイトの『もったいない部分』はなくせますよ」と教えてくれたのはAIによるデータの分析と改善ノウハウにもとづいたWebマーケティング改善提案サービス「AIアナリスト 」を提供する株式会社WACULのカスタマーサクセス部・部長の安藤秀悟さん。 今回は、Webサイト運営でよくある悩みの対処法・改善方法を、ECサイトを例に教えてもらいました。 もったいないサイトが生まれる原因は社内力学 <プロフィール>2018年WACUL入社後、コンサルタントを経てカスタマーサクセス部長。中央大学卒業後、リクルートの求人

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

1. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal

こんにちは、「WEB内製化支援.com」営業の山田菜々子です。 弊社ミスターフュージョンでは、これまで3,000社以上のWEBの成果に関するお悩みを、コンサルティングや広告運用、WEBサイト制作を通じて改善のお手伝いしてきました。 その中で、クライアント様のお悩みの多くが、「成果が出ないからWEBサイトをリニューアルしたい」や「成果がでないからホームページを改善していきたい」といった内容です。 ですので、本日は「自社のWEBサイトが成果がでない・・」とお悩みの企業様に絶対にやるべき現状分析の重要性をお伝えします！ １、現状分析を行う理由 現状分析を行う最も最大の理由は、営業目標の設定、必要な施策の決定、目標達成までのプロセスを設計し、目標と進捗を数字で見える化し、達成しているのか、未達成なのかを把握する環境を作ることです。 現状分析を行わず、なんとなくリニューアルをすることで、 ・数字を意

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注：当記事はあくまで英語におけるUXライティングについての紹介になります。 なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか 多くの場合、プロダクトの開発者は、UIのテキストをプロダク

モバイルサイトで最もフラストレーションのたまるユーザー体験の一つとしてモーダルウィンドウが挙げられます。PCサイトでは画面サイズが大きいので、モーダルウィンドウの表示に問題はありませんが、モバイルの場合はウィンドウが（ほとんどの場合）、画面外にはみ出てしまいます。ユーザーはモーダルの一部しか閲覧できず、閉じるのにも一苦労です。 また、画面上にキーボードが表示されている場合、閲覧は更に困難となります。キーボードは画面上に大きな面積を占め、ユーザーは自分が何を入力しているのかを確認するために、いちいちスクロールする必要が出てきます。もし、モーダルウィンドウで表示されているコンテンツを快適に見せたいのであれば、モバイルでのモーダルの使用は控え、代わりにアコーディオンを使いましょう。 アコーディオンはコンテンツをページ内に納めて表示するので、モーダルのように元のページにかぶさって表示されることはあ

ユーザーがWebサイトを見るとき、彼らの視線は左を向いています。そのため右側に配置されたロゴにはユーザーはあまり視線を向けず、ブランドリコールが弱くなります。左側に配置されたロゴには多くの視線が集まり、ブランドリコールに繋がります。 中央配置のロゴはサイトトップへのナビゲージョンを邪魔する Nielsen Norman Groupは中央配置のロゴについても研究を行いました。調査によると、ロゴが左と中央のどちらに配置されるかでブランドリコールに違いはありませんでした。位置よりもロゴのコントラストや読みやすさのようなデザイン的な違いがブランドリコールに影響していました。 それだけではなく、中央配置のロゴはユーザーがサイトトップへ遷移するのを邪魔していました。左配置のロゴを比べると、中央配置のほうがユーザーが１回のクリックでサイトトップへ戻ることを失敗する割合が「6倍近く高い」ことがわかりました

検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。 パターン一覧 1. フリーワード型 2. サジェスト型 3. グループ型 4. あとからフィルター型 5. 条件指定型 6. レコメンド型フリーワード型キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。 良いところ シンプル。入力と同時に検索結果を表示できるので、最短で検索対象へたどり着ける。 イマイチ キーワードが間違っていると、対象へたどり着けないことがある。 感想 タスク管理やシンプルなファイル管理に多く採用されていた。 複雑な検索条件が不要。ユーザーが検索対象のキーワードを把握している場合に有効そう。見つける、というよりも、ショートカット的な役割に近い。サジェスト型キーワードを入力すると、検索候補が表示。 良いところ キーワードを正確に把握していなくても対象へたどり着け

いま、自分のポートフォリオを英語/日本語どちらにも対応しようと思っていて、どのように切り替えるべきか、リサーチのためにいろんなサイトを見て回った。その時にこれは良い、これは避けたほうが良さそう、と気付いたことがある。 国旗を使うことによる問題 デザイン上のスペースの節約からか、あるいはグラフィカルに補助したいという理由からか、言語切替のUIで国旗を見かけることがある。 日本にいると「日本=日本語」と、国と言語が対応しているので気付きづらいのだけれど、世界はそういう風には出来ていない。例えば英語を提供する際に、どの国旗が相応しいのか考えてみよう。イギリス？アメリカ？英語を第一言語とする国はいくつもある。 決して国旗は言語を代表するものではないのだ。 また、提供する言語が多くなると、ごちゃごちゃして見づらいという問題も含んでいる。 ただし、言語の切り替えではなく、ECサイトなど提供するコンテン

2018年3月27日。ついにGoogleからモバイルファーストインデックス (MFI : Mobile First Indexing)へ移行するとの正式にアナウンスがありました。 モバイル ファースト インデックスを開始します (Google公式ブログ) これまでのGoogle検索では、パソコン版のページの中身を見て順位づけが行われていました。しかしこれからはスマートフォンの向けのページを重視して順位付けが行われる形になります。 弊社サービス「あなたのマイスター」では現在大規模なリニューアルを行っており、このタイミングでモバイルファーストインデックス（MFI）の基準を、なるべくクリアしたものにしたいと考え、簡単な調査をしました。 参考元 Best practices for mobile-first indexing 【チェックリスト】MFIに向けてやるべきこと：SMX West 2018

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

【個人受付は2024年で終了】「時間がない」「スキルがない」「早く結果を出したい」そんな人のためにブログ代行サービス「Hands+」を始めました。» 詳細はコチラ！ サイト設計とは「サイトとして機能するだけの必要最低限の完成形の設計」。サイト設計でサイト全体のリンク構造が明確になります。リンク構造はウェブの本質であり、検索エンジンでも重要視されています。今回はサイト設計の考え方を仮想通貨サイトの実例と失敗例を交えながら解説します。 サイト設計の重要性は多くの人が知っていますが、実際にサイト設計をしている人はおそらくごくわずかだと思います。サイト設計は考え方や方法に個人差がありすぎて、情報がほとんど表に出ないのが理由でしょう。 ここではサイト設計の考え方と具体的な方法を事例を交えながら解説します。記事後半では、サイト設計で失敗したサイトも公開するのでお楽しみに。 サイトとして機能するだけの必

ICSの池田さん（ @clockmaker ）がツイッターでアンケートを取っていた「ブログサイトの検索ボックスって使ってますか？」が気になって僕も投票したのですが、そこから導き出された池田さんの発言がさらに興味深かったので少しやり取りをさせていただきました。 ブログサイトのUI設計で「役に立つかわからないけどセオリーだから入れとく」「後で関係者からとやかく言われるのが面倒だから入れとく」的な代表格が「検索ボックス」だと思ってます。 アクセス解析してみると、利用率は雀の涙。少数をサポートしたいか、対価が得られるかの判断が必要。 — 池田 泰延 (@clockmaker) 2018年1月29日 ブログの検索、サイト運営者が自分のために使ってる印象強いです。サイト運営者もユーザーと考えれば入れておくべきかなぁと。 — YAT (@yat8823jp) 2018年1月29日 なるほどです！ サイト

「網羅性を意識した長文記事が弱くなった」「外注記事や質の低い記事がことごとく圏外になる」という声をよく聞くようになりました。 検索結果に大きな影響を与えた健康に関するアップデートはともかくとして、最近のGoogleのアルゴリズムの変化に対して落ちてしまった記事やこれから書く記事をどうすればいいか悩んでいる方は多いと思います。 で、そのような中でこれからのGoogleに対する記事の作り方として「目次」が凄く役立つんじゃないかなと感じています。 SEOにもSXOにも効く「良い記事」とは？ 検索体験の最適化って何？ 「SXO（Search Experience Optimization）」は検索体験の最適化を意味します。ざっくり言ってしまえば「ユーザーの検索した期待に応えられてる？」ってことです。 従来のアルゴリズムは、「エンジニアの手作業」による構築が、原則として中心だったと想定されます。その

サインアップ画面やデータ入力画面の「フォーム」は、サイトやアプリ設計において最も重要な要素の1つです。本記事では、UXを高める入力フォームのデザインについて、良い例と良くない例を交えながらご紹介します。フォームからのお問い合わせ数を増やすために、デザインを見直したいとお考えの方は、ぜひ本記事を参考にしてください。 ※この記事はuxdesign.ccの記事を許可のもと翻訳・編集したものです。 翻訳元記事：Design Better Forms (2016/7/5) 著者：Andrew Coyle ポップインサイトでは、実際にユーザーが入力フォームを操作する様子を観察し、離脱ポイントや課題を明らかにする「ユーザーテスト」サービスを提供しています。専任のUXデザイナーが調査の実施はもちろん調査設計からレポート作成まで一気通貫で対応します。 ユーザーテスト（ユーザビリティテスト） ユーザーテストと

モバイル向けナビゲーションデザインには、さまざまな形やスタイルが登場しています。すべてのナビゲーションメニューが同じ構造であれば、ユーザーにとっても直感的で分かりやすいかもしれませんが、現実はそれほど単純ではありません。 独自の問題を抱えたモバイルアプリは、ナビゲーションメニューのデザインによってそれらの問題を解決することもできます。たとえば、７〜8つほどの主要メニュー項目がある場合はおそらくハンバーガーメニューを採用し、３つほどのメニュー項目の場合はタブバー形式を実装するかもしれません。 デザイナーが製品やユーザーのために最適化したナビゲーションメニュー設計では、クリエイティブで画期的なデザインがいくつか見られます。今回は、ナビゲーションメニューを作成するときに参考にしたい、革新的な実例サンプル例をまとめてご紹介します。 ハンバーガーメニューが進化中！2018年に押さえておきたい最新トレ

こんにちは、Webコンサルティング事業部の藤沢です。今回は内部リンクの話をしようと思います。 私がクライアントサイトのSEO課題解決のため最も多く提案しているのが内部リンク設計の見直しかもしれません。キーワード戦略にのっとって正しく内部リンク設計をしていけば、ページ本来の評価を得ることができ、そのSEO効果は絶大です。逆にいかに作り込んだWebページでも内部リンク設計をミスってしまっていると検索エンジンから低い評価を受けてしまうことが往々にしてあります。 そこで今回は成功事例を交えながら、改めてSEOにおける内部リンク設計の重要性やポイントについて触れていこうと思います。 ＼疑問や不明点はお気軽にご質問ください！／ 事例紹介 まずは実際に私がSEO施策を担当しているECサイトで、内部リンク設計を見直すことで自然検索流入数を大幅に増やすことに成功したクライアント事例を紹介します。 サイト概要

こんにちは、内藤です。 モバイルフレンドリーの連載、第4回目です。第3回を前編後編にしようと思っていたのですが、またしても長くなってしまい、さらには前編中編後編という構成でも収まりきらなくなってしまったので、普通に回を重ねることにしました。過去の記事も含め、今までの連載予定を更新しているので、今後の予定が気になる方がいらっしゃったらご確認ください。 前回に引き続き、"記事が読まれること"を主目的としているサイトを30ほどピックアップして調査を行った結果のレビューと考察をしていきたいと思います。今回は、メディア系サイトを設計している方なら1度は検討したことがあるであろうトピック「「続きを読む」を実装するかどうかについてです。 それでは第4回、いってみましょう。 <SINAP モバイルフレンドリー対応 連載> 第1回：「スマホで読まれる文章とは？」 第2回：「GoogleとAppleの推奨フォ

Marcinは製品デザインのプラットフォームである、UXPinのCEOおよび共同創設者です。2010年にUXPinを共同創設して以来、彼はポーランドのシリコンバレーオフィスの製作チームをリードし手助けしてきました。 「ワイヤーフレームの時代は終わりました。インタラクティブなプロトタイプこそがすべてです。」 私たちは少なくとも７年間は、この主張を聞き続けてきました。もしこのような議論に対して、人気がすべてを証明するというなら、真実はこの主張の逆と言えるでしょう。なぜならワイヤーフレームは終わったらしいと議論され続けているという事実自体が、ワイヤーフレームは顕在で、デザインプロセスにおいて少なくとも一部のプロジェクトやデザイナーに適合する形で存続していることを証明しているからです。 ワイヤーフレームはどのように生き残ってきたのでしょうか？　実はワイヤーフレームは進化し続けています。 ワイヤーフ