奥さんの地元に移住しちゃいました。HatenaRSSスポンサーリンク日中はサラリーマン、休日はWEB制作をしているはるまきです。Niteが開催されたので、行ってきました。岡山に移住した身としては、こういうセミナーはとても貴重です。https://cssnite-okayama.jp/今回のテーマは「UI/UXから考えるウェブ制作」でした。UI(ユーザーインターフェース)、UX(ユーザーエクスペリエンス)っていう言葉を日頃使いますが、こうやってちゃんと考える機会はとても貴重です。プログラムはこんな感じです!ということで、各セッションで面白かったポイントを紹介します!余談ですが、UI/UXの話だけあって、プレゼンで使われていたスライドが面白かったです。参加者には後日メールで、スライドのデータが送られるので、こういうフォローアップも超うれしいです。)KDDIウェブコミュニケーションズが提供している「CPIレンタルサーバー」は、競合が多いレンタルサーバー業界で、堅調に増収増益を重ねています。その裏にあるマーケティング活動を紹介されていました。CPIは、格安サーバー(ロリポップなど)でもなく、超ハイスペックサーバー(AWS)でもなく、中道の領域を抑えています。※AWSはレンタルサーバーではないです僕もこのブログを始める時に、レンタルサーバーの価格とスペックは色々比較しましたので、CPIの評判の良さは知っていました。(結局、僕はWordPressだけできれば良いので、エックスサーバーのwpXレンタルサーバーにしました)CPIは、サーバーの環境構築で面倒なこと(テスト環境から本場環境への反映など)が簡単に解決できます。高セキュリティ!「格安サーバーは少し心もとないけど、超ハイスペックサーバーまではいらない」というターゲットユーザーの心をぐっと掴んでいますね。何かCPIの宣伝になっていましたねw本題です。このCPIを売るためのマーケティング活動の話。WEBでのマーケティングと言うと、「広告だ!」、「アフィリエイトだ!」、「いやコンテンツマーケティング」だというピンポイントの話になりがちです。阿部さんは、「全ての施策が有機的に連動しているから、もっと広い目でみるべき」(有機的とは言ってなかったけど)と。Antenna」でトラッキングしたユーザーの情報を紹介していました。紹介されていたユーザー(もちろん個人は不特定)は、20日間に複数のブログコンテンツを閲覧して、CPIの購入にいたっていました。これは、「特定のブログコンテンツが成果につながった」のではなく、「複数のブログコンテンツの繋がりがユーザーの理解を深め成果につながった」と考えられます。同じように、早く成果を上げるために即効性のある施策(広告やアフィリエイト)に注力しがちですが、ユーザーはもっと色々な情報をみて判断しているから、そのフィールドを戦略的に広げるべきだと僕は理解しました。このフィールドが出来上がった時に、ユーザーはファンになり、CVが堅調に増えていきます。Antenna」のようにユーザー行動をトラッキングして定量化することが重要になると思いました。LP53」のダイジェスト版でした。ダイジェスト版なので、話が広範囲でしたが、ざっくりまとめると「クライアントとディレクターとデザイナー」の3者の間にある溝(闇)をどうしたら埋められるかという話でした。それを「進め方」と「作るもの」と「ツール」の視点で紹介していました。⇒より良いデザイン制作3者は、それぞれの意思(目的)があるため、溝が生まれる。これを埋めるためには「ペルソナ」をしっかり設定すべき。3者の基準がぶれると進行が進まないので、「ペルソナ」設定して「基準」をつくる必要がある。作るもの1ランディングページなど⇒インパクトが重要。⇒とにかく作ることが優先!2コーポレートサイトなど⇒情報の分類など分かりやすさが重要。⇒設計やページの構成をしっかり考えつつ、細かなUIは問わずに作る!3ウェブサービスなど⇒構成要素やパーツの文脈(なぜそこにパーツが必要なのかの関係)が重要。⇒設計、ページの構成、細かなUIまでしっかり考慮して、作る!ツール3者間で認識を揃えるためには、1はパワポなどでつくればよい2、3は、ワイヤーフレームツール(AdobeXD、Sketch)や共有ツール(InVision、Prott)を使うとよい・・・と、ざっくり言うとこんな内容でした。僕がWEB制作する時は、パワポ、イラレ、フォトショでのデータのやり取りが多いのですが、ページが多いものは確かに巻き戻りがあって不便なので、この三点は意識して進めていきたいです。ちひろ(株式会社ツクロア)WEB、アプリはもちろん、業務系サービス(病院の受付画面のアレ)のUIも手掛ける会社なので、媒体ごとの特性の説明が面白かったです。DTPデザインは、ターゲットユーザーが広範囲になることが多いが、操作性は問われません。一方で、アプリデザインはターゲットユーザーは絞られるが、その分操作性が重要になります。WEBはターゲットユーザーも広くかつ、操作性も求められるので、とても難しい媒体とのことです。確かに、僕も東京でアプリサービスを担当していた時、ターゲットユーザーと操作性(特にUI)について、凄く色々言われてましたね。逆に、WEBサービスを展開するチームは、ターゲットユーザーと操作性はそこそこに、UXに意識を向けていた気がします。秋葉さんは、難しい媒体であるWEBの制作を進める時に、クライアントといかに認識をそろえるかという問いについて「キーワードでストーリーをつくる」という方法を提唱していました。会議とかでもキーワードを洗い出すことってありますが、キーワードだけだと、出席者は「ふーん」みたいな顔しかしませんw洗い出したキーワードをもとにストーリーを作ってクライアントに提示する。時間はかかりますが、イメージできますもんね。「イメージ」の認識を揃えることが目的なので、これは確かに使えそうです。WEB制作に関わらず、会社で企画を通すときにも応用できればやってみます。)まず、「予期的UX」という言葉。UXデザイン会社Standardのブログから引用させていただきます。・予期的UX:経験を想像する・一時的UX:経験する・エピソード的UX:ある経験を内省する・累積的UX:利用期間全体を回想するつまり、予期的UXは、ユーザーに「このサービスをつかったらこんなことが期待できそう!」っていうこと表現するかということかなと。藤井さんは、この予期的UXをデザインするために「ユーザーに対して期待を波状的に展開する必要がある」と説明していました。その例として、「ALBUS(アルバス)」というアプリの設計思想について紹介していました。(こういう良いサービスの設計思想が知れるのってうれしいですよね!)例えば、サービスを提供する側は、ユーザーに「写真を登録させる」、「アルバムを注文させる」などのコンバージョンポイントをいかに越えさせるかに躍起になります。あまりにも押しすぎるとユーザーの抵抗が高まり、誰もコンバージョンしません。一方で、逆に訴求をしすぎないと、コンバージョンポイント前に大量の離脱を招いてしまいます。この押しすぎず、引きすぎない絶妙な設計(ユーザー体験)が重要です。ALBUSでは、これを「まあこれくらいならやってみるか」という小さなハードルを設定することで、着実にコンバージョンポイントを通過していく設計になっていました。(具体的な説明をすると冗長化するので、止めときますw)・・・それにしても、「UXは難しいなあorz」と感じました。UX白書というUXについてまとめた文書の中で、「ぶっちゃけUXは定義できないっす!」と書かれている通り、UX言語化するのが難しい領域なんですね。)フォントおじさんこと関口さんはWEBサービスにおけるフォントの役割を紹介していました。関口さんは、もう変態的にフォントが大好きっていうことが伝わる内容でしたw本に使われるフォントは「ゴシック体」ではなく「明朝体」が用いられるのは、会話のようにリズムが生まれやすいという話など豆知識情報も満載でした。フォントは日常に溶け込んでいるので、その重要性を素通りしていることが多いとのこと。「止まる」という道路標識が何で書かれているかという質問があり、何となくゴシックかなという程度でしか認識していません。(正解は丸ゴシック)でも、別のフォントを当てはめると違和感しかなかったです。それだけ日常溶け込んでいるんですね。その一方で、昔は、WEBはフォントが全然使えず、表現の世界が狭まっていました。!」wwそれが、WEBフォントが使えるようになり、あらゆるページが表現豊かなものになりました。紹介されたページの中には、htmlとCSSだけで書かれたページもフォントの力でとても魅力的に映りました。「高度な装飾も大事だけど、フォントをちゃんと見てる?」っていうメッセージを関口さんから受け取ったような気がして、今後の制作でちゃんと意識しようと痛感しました。PLUS」というサービスも変態的に高速な処理を実装していましたw一般的に、WEBフォントは、ページを読み込む際に表示(レンダリング)までに時間がかかります。PLUSでは、この時流に飽き足らず必要な文字だけを読み込む「サブセット機能」という変態的な機能を独自開発し、爆速で表示できるようになっています。PLUS」を使うかは分かりませんが、フォントは意識していきます。最後に東京にいた頃は、勉強会の数がとんでもなく多かったです。今も「量」が大事とは思っていません。勉強会ばかり参加して、消化不良になるよりは、コンスタントに良質な情報を仕入れた方が良いです。OKAYAMA」やこれを支援している「岡山WEBクリエイターズ」は、とても良質な情報を仕入れられる貴重なイベントです。手に職がなくて悩んでいる人はWEBページ制作をしてみると良いですよ!新卒で体育会系の営業部配属だったはるまきです。良い独学でWEB制作に関する技術を学んできた(現在進行形)はるまきです。...地方では、企画だけ、制作だけは難しい。企画も制作もそこそこできる人がめちゃ重宝される。超久しぶりの投稿のはるまきです。...WordPressのブログをhttps通信に対応させてみました。(wpXサーバー環境)新年明けてもう三連休で、何かやってみようと思ったはるまきです。...はるまきのプロフィール☆はるまきと申します。照2016年10月に、東京から奥さんの地元である岡山に移住しました!いわゆる嫁ターンです。岡山での移住生活やアトピー改善とか書いてます。・嫁ターンをした僕は、特にやさしい訳ではない。・岡山への移住で失敗(後悔)しないために気をつけておくこと・移住して思った嫁ターンのメリット・デメリット・岡山に移住する時に使えるサービスをまとめてみました。人気記事お風呂の塩素を取り除いたら、アトピー改善の効果がでた。奥さんの地元に移住しちゃいました。