ビジュアルファシリテーターの阿呆な研究

スマホデザイン会議~UI/UX最前線~ #sdkaigi がステキすぎて鼻血が止まらない

表題のとおり。第六回 スマホデザイン会議 #sdkaigi に参加してまいりました。
テーマは「~UI/UX最前線~」。大好物であります。
大好物すぎて帰宅したとたん何故か鼻血が噴出し、只今鼻にティッシュをつめながらブログ書くはめになりました。変な病気じゃありませんように。

アートの世界観をデジタルで実現する手法

~蜷川実花監修カメラアプリ cameran 大城哲也氏~

まず登壇されたのは、大城哲也氏。リクルートホールディングスメディアテクノロジーラボ所属だそう。
メディアテクノロジーラボとは、リクルートで新規事業を開発する組織。アイディアプレゼンしてゴーサイン翌日からプロデューサー!作って出すくらいスピーディーな部署だそう。

なぜこのアプリを作ったか

カメラを作った背景:
迅速にグローバルでたくさんのユーザーにつかわれるアプリを作る
(広告費ゼロで)
カメラアプリを選んだ理由
・情報が多すぎて処理できない!という世の中の「不」
・ビジュアル化で処理できやすくしたい!
・カメラアプリって、かっこいいけどにたフィルターは多い
・まんいちヒットしてもすぐ似たようなアプリがでてくる
・開発のコード×東京のセンスで、唯一無二のカメラアプリをつくれないか?

コンセプトからUIのすすめかた

UIは紆余曲折。ゴールを明確にしよう!と考えた。ゴール=迅速にグローバルでたくさんのユーザーにつかわれるアプリを作る
(広告費ゼロで)=ソーシャルとパブのみで素早く満足と拡散を生む
発射台のチェック:コンセプトはツイートしやすい?
価値の瞬間:ツイートしたり、記事をかいたりしたくなるUX?
記者さんが何の変哲もないパソコンとったときにプロダクトは何をしないといけない?
女子大生が大学でDLして、お互いの顔をとったときにどうなってほしい?
チェックフロー
・コラージュアプリにする:ニナミカさんぽいけど、記者がコラージュするのはさすがに時間かかる。。満足できない。女子大生にだけささる
・画期的なUI:使い方がわからない。価値にたどりつけない。もったいない。
・GOになったUIは、シンプル、クリア、しかも3タップ以内に価値にたどりつけるように!
ダウンロードは迅速にできる?かどうかを確認

詳細設計(フィルター)のつくりかた

・どんな色が蜷川さんか、数値で表す?例:どくろが何個?
・どんなモチーフ?
・どんなテキスト?
・極彩色フィルタって、アプリでは無理じゃね?
→とりあえず何回かやってみよう!
・イケてる構図をニナミカさんと一緒に考えて蜷川さんらしさを考えた
■バスる人気の被写体
・ジャニーズ
・内田選手
とか
■拡散の様子
蜷川さんのツイートでいっきに広がった
8000ツイート
twitterのトレンドワードに
初日3万件ダウンロード
グローバルでのパブ
アジア核国でストア一位獲得
三日で50万ダウンロード 10日で100万ダウンロード

おもしろかったのは、ビジネス的な「迅速にグローバルでたくさんのユーザーにつかわれるアプリを作る(広告費ゼロで)」という思惑が企画前提としてあったという点。

おもしろそうなwebサービスを作っている会社だと、たいてい自分や周囲の「こういう不都合を解決するサービスをつくりたい!」から発しているようにみえてたのです。だからこそ、UXが考えられ、面白いサービスが生まれるのかな・・・と。

逆にいえば、マネタイズ命な企業が新規事業として何かをはじめるにはそういう「不都合を解決する」という視点にはなりづらい面もあると思うのです。不都合解決より、ビジネスとして成立するか、集客できるか、バズるかをまず考えてしまう。結果的につまらない、二番煎じのような企画になっちゃうか、あとはそもそも見向きもされないとか。
「ユーザーの行動にイノベーション」をおこすUXのあるべき姿からみれば、「バズらせる」って目的って、まさに手段が目的化したようなお題目だと思うのです。この目的掲げた時点で死亡フラグ。

でも、このcameranはバズることを前提としたUX設計をし(記者とか女子大生を考慮したうえでのUI等)、しかもユーザーに楽しんでもらうことができました。これって稀有な成功例だと思うのです。また、その稀有な事例こそ、実は事業会社が新規事業に求めている姿ではないかと感じました。

MobileにおけるGrowthHackerとは?

GrowthHacker.jp 高橋雄介氏

お次の登壇は、GrowthHacker.jp 高橋雄介氏。
おはずかしながら、GrowthHackerって私はじめてききました。。
「グロースハッカー」とよむらしいです。

・結論:UX Experts=GrowthHackers
・グロースハッカーって何?いろんな人の定義
「グロースハッカーは新しいマーケティング副社長だ。」
「製品を素早く広めるためにはMBAじゃなくAPI」
「グロース(成長)のために何らかのハックを施すことによって、製品の成長率を上げる」
「グロースを駆動するのは 口コミ、製品使用の副作用、有料広告、反復使用」
「少人数チームで顧客開発やリーンスタートアップする際にはエンジニアも顧客や市場について考えなければならない」
・グロースハック
グロース(成長)にフォーカス
技術的なハックを用いる
製品のマーケティングや全社的な事業成長にかかわる
・グロースハッカーって?
素晴らしい製品体験を作り、製品がおのずと成長できるようにするエキスパート
グロースする製品を作る専門家
売れる製品を作る専門家
少人数で、広告費をかけず、定量定性的データを用い、繰り返し素早く改善していって、ユーザーが満足するようにする人。
・FBやtwitterなどですぐれた成果をのこしたグロースハッカーの方が、ノウハウを共有していった。シリコンバレーの文化。

きけばきくほど、グロースハックって、UXUI改善テストしまくってるDeNAの事例や、リクルートライフスタイルの事例を思い出さずにはいられませんでした。
実はグロースハック的な手法は有名ECサービスでは当たり前のように実施されている施策なのですが、他方、参加者の方々での実施率が低いことにも驚きました。また、自社でも「ABテストって大事かもね」と思いつつ、あまりできてないという状況もあります。理由はたぶん、「何をしていいかわからない」から。もしくは「手が回らないから」。

・グロースハックの6ステップ
トラッキングする
理解する(データから製品を使うユーザーについて)
優先順位をつける 自分たちのKPIに直結する課題に
デザインする 作文する(昨日、UX UI 文章)
実装する
計測する(戦略を調整しつつ123に戻る)

上記を見て、何をすべきかは頭ではわかるかもしれません。でも、どうやればトラッキングできるのか、どうやればユーザーの動向を理解できるのか、優先順位はどうつけるのか、何をなおしたらいいのか、どう計測すればいいのか・・・そんな疑問を目の前にしたら、高い壁のように感じるのも無理はないのかも。

ABテストについては、個人的には小川卓さんの「Google アナリティクスの新機能「ウェブテスト」でサクッとA/Bテストにトライ」が一番わかりやすかったです。おススメ!
ちなみにそういうグロースハックの成果はさまざまなサービスで顕著にでているとのことでした。

・例:FBにおけるエンゲージメント 写真投稿とタグの機能を磨き上げる=友達にタグづけされた使ってないユーザーがもどってくる・例:twitter:トップの15%がログイン→25%がログイン  グロースチームだけでデザインを改善

とかとか。
新規構築も楽しいけど、サイトを成長させる、グロースハック的な仕事、私は大好きです。
なんか、信長の野望(天翔記・将星録あたり)をやっているような気持になるのです。

最初は清州城近辺だけの織田家だけど、ちまちま商業値あげて金もうけて、その金で鉄砲買って、信長に少人数でも鉄砲もたせて斉藤家、今川家に攻め入るあのかんじ。
斉藤家の稲葉山城をとったら、岐阜城に改名→商業がっぽがっぽでさらに鉄砲しこたまかいためて、滝川一益や羽柴秀吉の鉄砲隊を編成した時の喜び。周囲が敵だらけになるけど、前線に信長筆頭に最強な奴らあつめて、奥地でひっそり二軍つくって内政だけさせてたら気づいたら金も米も上限までたまり、農業値商業値MAXになってる、とかね。。だけどそこに武田軍が牙剥いてくるので、そこへの配備もしていけてる一軍’を急きょ配備したりとか。増えていく織田家の家紋。もう幸せでしょ。
(あと島津あたりでやるのが好きです)

とまらないのでこのへんで割愛。

モバイルが切り拓くマルチデバイスエクスペリエンスの未来

楽天 脇坂義則氏/安藤幸央氏

ラストは脇坂義則氏と、安藤幸央氏。
4月末、「モバイルフロンティア」という翻訳本を出版されるそうです!

なぜモバイルなのか?

・契約者の5割がスマホ、出荷台数の7割がスマートフォン
・モバイルのトラフィック増加
・メディアの進化
・スマホ発のサービス LINE Pathなどなど

スマホの特徴

(1)いつでもどこでもネットに接続できる
→電車、お店、歩きながら、とか固定されない環境
利用状況は断片的
モバイルならではの体験を作ることにフォーカスする
デバイスの制約、環境の制約、人間の制約を考慮する
(2)注意散漫、行動がさえぎられることを前提に。
PCは固定されてる。スマホは画面せまいし、ネットワーク接続もうまくいかないことも。
人と話しながら、まわりをみながら、とか集中せずに使う人が多い
使ってるうちにバスにのる、とか、電話かかってくる・・・とか。マルチタスク→継続的注意力断片化
中断しても再開できるように。メニューを深くしない。すべてのコンテンツをみせない。不要なものはそぎとる。

(3)認知的負荷や機会費用を減らす
・認知的負荷を減らす
・機会費用:コンテキストが変われば、代替案を選ぶ費用も変わる

デバイスエコシステム

モバイルを含めたエコシステムが構築されている
・一貫性を保持する
各タッチポイントのUX(デザイン、コンテンツ、インタラクション)に一貫性をもたせること・状態の保持
クラウド スマホで行った処理をPCでも同期できるように

・デバイス間の移動
あるデバイスで利用しているコンテンツをほかのデバイスでも利用できること

UXのパターン

UX:クラウドとアプリを基本単位としてデザインする。スマホの画面は狭い&通信環境がよくない→マトリョーシカパターン(ドリルダウンしてみせてく)、HUB&SPOKEパターン、BENTO NOX 全部の情報を一度にみせらんないから隠す
・入力方法→タッチ入力、音声、画像、GPS いろんな状況で使いやすくしてあげるように。
UI:
・アニメーションの法則
ディズニーのアニメーションの12原則
例:iPhone 時計の針が秒針すすみすぎてちょっともどる動作
・良いアプリをたくさん自分で使い込む。たくさん探す。
・良いものが、なぜよいのか、自分の中で分析、分解する
・常用アプリが更新したら、どこが変わったか分析する
・必要なのは「意味のある」動きだけ。単一画面内での動き。
・コンテンツがオオ様。直接捜査。UIは本来なくていいもの。
・インターフェースは媒介物、人々のインタラクションを考慮
・指がふれて捜査する瞬間は画面がみえてないことを考慮
・使っている人を観察する 5人の仕様で85%の問題は解明
・情報の密度をおとす。注目すべきところを演出する。
・中断されることが前提。途中から始まること前提。
・iphoneとアンドロイドを同じにする必要なし 一人一台
・外にでて使う。ストレスフルな状況下でつかえる。速度重要。

もうこの要素だけとっても。スマホ担当者はモバイルフロンティアという本は、絶対必読!と思いました。
PCだけ担当していると、「駅のホームでスマホで検索し、家のPCで商品を買う」のカスタマージャーニーマップの後半しか見えないもの。
一つのサービスの中でPCはPCの、スマホはスマホの役割がちゃんとある。用途や利用状況が違うんだから、同じである必要性はまったくないんです。でも、サービス提供者側はそれを考えずに「PCと同じものの実装」を短絡的に考える人も多いなあと思います。

スマホというコンテキストでは何が必要か?
この点において、網羅された書籍がでるのは自分のためにもうれしいし、今後私と同じようにUXUI改善をしていくメンバーへの情報共有(入口)としても、非常に待望できる一冊になるのではないかと思います!
発売日がいまから楽しみで仕方ありません☆むふふ!


※引用元 How Apple Has Changed The World In Just 7 Years

このセッションでは最後に、「間違いなくモバイルの時代」と述べられていました。
2005年にはおごそかで写真をとることがあまり考えられなった場所。でも、2013年には人々はスマホで写真を撮り、その写真が拡散されていく・・・それを証明した写真がこの一枚なのかもしれません。スマホによって、人々の行動がかわり、文化そのものが変容しているのです。

そんなモバイルの時代にたちあえたことが、おもしろくっておもしろくって仕方ありません!
さあ、考えることはたくさんあるぞ!まずは鼻血をどうとめるか・・・・

リクルートライフスタイルのUXデザイン #RLSUX にいってきた(1)

久々にUX系セミナーのまとめです。
参加したのは「リクルートライフスタイルのUXデザイン」というセミナー。
弊社と同じくデータドリブンな会社のリクルートライフスタイルさんが、どんな風にUXUIデザインを進めるのかが気になっていたので、セミナー知ったときにはるんるん気分でした。

ちなみに。私と同様の人が多かったようで、この勉強会たいそうな人気!参加者50人に104人が応募されていました。しかも私は申し込みが最後から2番目・・・という状態だったので半ば諦めてたのですが。運良く抽選にあたり参加することができました。ありがたやありがたや。なむなむ。

詳細はこちら

ユーザー中心デザインの導入vs納期 -仁義なき戦い-

新年あけましておめでとうございます。
11月から恐るべき忙しさとなり、ブログを書くのが久しぶりとなってしまいました。
本年もゆっくりしたペースではありますが、更新してゆく所存です。

さてさて。11月からなんで忙しくなってしまったかというと。
担当するプロジェクトが変わり、販促とUI設計半々くらいだったのが、UX&UI設計がメインとなったというのが大きな理由だったりする。

11月まで、私は販促のかたわら、開発系プロジェクトでの簡単なUI設計、スマホサイトのUI改善全般をやっていた。そのプロジェクトが11月中旬に落ち着くや否や、UX&UI設計が相当必要なプロジェクトに参加することになった。社運をかけたそのプロジェクトにコミットできるのは有難いこと。抜擢してくれた上司達に心底感謝した。特にUX分野についてより予算と権限をもって経験を積むよい機会になる・・・ユーザー中心デザインを本格的にできる!と思ってワクワクしていたのだ

しかし、世の中は甘くなかった。
ユーザー中心デザインを考えようにも、時間も予算もなかったのである。
というわけで、年始早々、ユーザー中心デザインの導入 vs 納期 の戦い(葛藤)に明け暮れていた昨年年末の私の状況について記したいと思う。

詳細はこちら

Webデザインの価値とは何か -webサービスにおける、webデザインの費用対効果(2)

前の記事で、なぜwebデザインは安く見られてしまうのかという問いに対し、

・参入障壁が低く見える
・ノウハウが広く、速くシェアされやすい
・制作物という点だけにおいて、デザイン作業が定義されてしまっている。
・効果が一目瞭然ではなく、評価しづらい。
・需要(発注者)と供給(制作者)のうち、現状では供給が多い

という点で技術価値・優先順位・価格が低くみられてしまうという現状について述べた。

現状はたしかにそうなんだけども。
かけるべきときにはかけようぜ!というのが私の趣旨である。
前記事でものべたとおり、期待効果が一目瞭然ではないためデザインの価値は本質的にわかりづらいものだ。
今回はその見えづらい、webデザインの価値について、自分が現場で思った所を書いていこうと思う。

詳細はこちら

なぜwebデザインは「安い」ようにみられてしまうのか? -webサービスにおける、webデザインの費用対効果(1)

突然ですが。webサービスにおける、webデザインの費用対効果について、しばらくつらつらとかいて行こうと思う。

きっかけは、デザインについての「デザインは安くすませられるよね」という社内認識にあらためてふれたことだった。
「違う、違う、そうじゃ そうじゃなーいー!」と鈴木雅之ばりに私は叫びたいものの、ポジショントークにもうけとられかねない。唇ふさいで何もいわせない、とかできないしさ。感覚として大事さはわかってるけど、それは人に論理的に伝えないと組織なんて動かない。

ならば、webサービスで利益を得ている組織(弊社はEC)において「なぜデザインは大事なのか?なぜ費用をかける必要があるのか」を徹底的に考えようと思った次第である。

※ここでいうwebデザイン=成果物としては制作者側の納品データ。PSDやAI、htmlやCSS、jsや画像などを意図しています。

詳細はこちら

料理で学んだ、プロジェクト進行の思考プロセス

ごはんづくりとプロジェクト進行について書いたエントリー、共感してくださる方が多くて、実はとってもうれしかった!

参照: ごはん作りから考えた、エンジニアとUI設計者の間の橋

そうなのそうなの!私も頭の使い方は毎日の料理経験に基づいているの!

でも、私は料理は大好きだけど、決して器用でもないし、凝ったものが作れる訳じゃない。
速くても帰宅が21-22時という状態だから、結婚前は自分のためのお弁当づくり、結婚後は帰宅後の夕ごはんづくり程度のささやかなレベルだ。それでも、作ると作らないじゃ大違いだなあと思う。自分がつくったものや、家族がつくったものだと、なんだかほっとするのだ。

「手作りの料理は、単に人のお腹を満たすだけでなく、人の心を満たす力を持っています。でも、自分自身が疲れずにお料理を続けていくには、ちょっとした工夫が必要です。」
19時から作るごはん 行正り香

その「ちょっとした工夫」ープロジェクト進行にも通用する、料理に基づいた頭の使い方について、私が学んだこと&影響を受けた本をまとめてみる。

詳細はこちら

アクセスログ解析できるようになるためのツボ3点(または小論文礼賛)

新人ディレクターの方々に、アクセスログ解析の方法を教える機会があった。
ツールの使い方自体は覚えりゃいいだけなのでまあいいんだが、難しいのはその先だ。
ほしい数字をどうやって考えるか。その数字をどうやって出すか。そしてその数字をどうみて、次の施策へとつなげていくか。

詳細はこちら

DeNA Creative Seminar Vol.2 #denacrt でスマホUX/UIについて考えた

7/23(月)DeNA Creative Seminar Vol.2 に参加してきました。

「スマートフォンのUI/UXをテーマとして、フロントエンドエンジニア、UI/UXデザイナーなど、スマートフォンアプリやWebサービスのフロントエンドに関わる方々を対象とした勉強会」の第二回です。

特に私はECの中の人という関係上、やっぱりビッダーズのUI/UXがきになるところ。(ビッダーズのUI/UXは、シンプルでいいと思う)しかも天上の空間、ヒカリエに入れる!しかも豪華社員食堂のごはんもいただける!わくわくしないはずがありません。

というわけで本日のメニューはこちら。
セッション1:ブラウザレンダリングについて
NHN Japan 吉田徹生氏
セッション2:ソーシャルコマースサイトの企画と実装
DeNA 鈴木哲之氏
セッション3:スマートフォンにおけるUI/UX改善とscrum開発
DeNA 坪田朋氏

詳細はこちら

「とりあえずUI直せば、どうにかなるんじゃないか病」になった話

「とりあえずUI直せば、どうにかなるんじゃないか病」が私の周りで流行している。もちろん私も何度となくかかっている。

この病気のはじまりは「目的を達成できないのはUIがいけてないせいだ!UIをとにかく今じゃない何かに変えれば問題は解決する」と思っちゃうことにある。

■症状例
「資料請求者増やすために、かわいいデザインにしてほしい」
「申込者数ふやすために、AとBとCとD、あとEもFも追加したい」

ちなみに「その根拠は?」ときくと。

「競合がかわいいデザインにしてるから」
「今だと自分たちが伝えたい情報が足りてないと思うから」

共通するのは、「とにかく今じゃだめなので、今じゃない何かにしたいからUI変えたい」という点。今じゃない何かにしたいのはわかるが、根拠が主観的すぎて成功する見込みがつかないのが困ったところ。

もちろん私も時にこの病気にかかり、ほんとにプロジェクトをすすめていいかどうか、どーしていいかわからず懊悩することも多々ある。というわけで、私なりに病気の定義と、自己治療法もなんとなく見つけたので、自省もこめて記録しておく。

詳細はこちら

通販苦手人間もリピーター化させた、通販カタログ施策5選

通販が苦手だ。ECサイトのディレクターやってるから通販愛用者なんじゃねーかと思われるけど・・・私は通販では最低限のものしかかわない。

実物を理解しているものじゃないと、なんだか不安なのだ。できるなら店舗で商品みていろんなものを買いたいなあと思ってる。そして大のカード決済嫌い。銀行決済メンドクサイ。いつもにこにこ現金払いが基本だ。

ゆえに、基本通販カタログは郵便受けからとったら即ゴミ箱行きなのだが、一部の素敵なカタログはそれでもうっかり開いてしまう。たとえ何も買う予定がないとしてもだ。で、新しい商品を買ってしまうなんてこともあった。
今回は、そんな通販苦手人間の私をもリピーターにさせた通販カタログから見る「リピーター化の施策」について考えたいと思う。

詳細はこちら

Return Top