WEBマーケティング

WEBサイトのUIとUXについて

UI=ユーザーインターフェイス

ユーザーとの接点、読みやすいとかデザインが綺麗とか

UX=ユーザーエクスペリエンス

ユーザーがWEBサイトに訪れてから感じること思うことの一連の流れでの体験

WEBサイトのUIとUXについて

カスタマージャーニーマップCJM
ペルソナ
アクティグアウト
プロトコル
モックアップ

UXフロー

機能ナビゲーション
階層型ナビゲーション
パンくずナビゲーション
ダイナミックナビゲーション
ステップナビゲーション

UX設計でターゲットを絞る

UI設計の主な範囲と設計する前の大事な事

ロジック×手法×パターン

UI設計の基礎画面構成

1.何を見せるのか
2.どこで見せるのか
3.どのように見せるのか

サイトスクラクチャー(サイト構造図、サイトマップ)

UI設計はどこで見せるか

UXフロー

https://ferret-plus.com/5167

CTAって?

 

CTA=行動喚起

ユーザーにアクション(コンバージョン)をしてもらうための道筋が大事

そのポイントが、

ユーザーの属性を理解する(何をしたいか、何を求めているか、どんな人か、WEBリテラシーは)

なぜアクションが必要かを知ってもらうことが大事、そのための導線とし入り口は広く浅く、下層に行くにつれて狭く深く知ってもらう。

  • メリハリのあるデザイン(トーンマナー)
  • ユーザーに選択することを最小限にする。
  • 限定性を感じさせる。
  • ユーザー目線を木にするZ型に誘導

 

SSL化が進む

今年4月Yahooが常時SSL化を決めた。

googleがSSL推進の立場をとり推進している、SEOへの影響もあり、SSL化されていないサイトはマイナス評価になる。

メリットは第三者に情報が漏れない為ユーザーに安心させれる、SEOの観点、サイトの表示速度をアップさせる。

シマンテックグループのSSLを取得できるサーバー(1契約で複数取得できる)

https://zenlogic.jp/

 

 

googleChromeおすすめアドオン

新規タブに追加出来るアドオン

メモ帳として使える。

https://chrome.google.com/webstore/detail/papier/hhjeaokafplhjoogdemakihhdhffacia

TODO管理

https://chrome.google.com/webstore/detail/prioritab/napbejkndjhcciibiglkimmgdlfjcbnp?hl=ja

カテゴリー分けしてよく開くサイトを管理

https://chrome.google.com/webstore/detail/toby-manage-your-tabs/hddnkoipeenegfoeaoibdmnaalmgkpip

ブラウザの画面上を録画出来るツール

https://chrome.google.com/webstore/detail/hyfy-screen-recorder-capt/kfhkikpdmehlpkaiplafjkaicdljldcf

WEB上の画像を右クリックでドロップボックス、グーグルドライブに保存出来る

https://chrome.google.com/webstore/detail/cloud-save/dlbemabjbfhjcccahjioenmkgimjbbkd?hl=ja

HTMLエディタとして使えてそのままテスト出来る

https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh

 

 

カスタマージャーニーマップ

カスタマージャーニーマップとは?

企業が顧客に質の高いUX(ユーザーエクスペリエンス)を届ける為にも顧客の事を理解することは大切な事です。

その中でも分類すると

続きを読む

googleの検索エンジン最適化のPDF

googleが提供している

検索エンジン最適化のスタートガイドPDF

http://static.googleusercontent.com/media/www.Google.com/ja//intl/ja/webmasters/docs/search-engine-optimization-starter-guide-ja.pdf

WPテーマXeoryで初期設定の注意点

screenshot_1

Google Analyticsのタグを入れる

screenshot_1

更新を押したらエラーが、、

ぐぐったら

https://xeory.jp/faq/

サーバー側のセキュリティー問題らしく

使っているレンタルサーバーのWAF設定を無効にして

5分、10分待つことに。

ふーなんとか反映された。

ちなみに「WAF」はWeb Application Firewallの略で、

「ファイアウォール」です。

どうせなら有効にしておきたい感じですが、不具合が出るのを考えると無効にせざるをえないという。