Alexa Day 2018に参加した

先日Alexa Day 2018に参加した
そのレポートを書く

Alexa Day 2018とはなんなのか

タイトル通り、Alexaに関するトークセッション目白押しの1日!
運営主体がAWSの方らしく、クラウドが好きなエンジニアの方(技術的な話はよくわからないのでこの表現が正しいのかわからない)が多数参加されている印象でした。

alexaday2018.jaws-ug.jp 出演者のスライドや、参加者のブログはここにまとめられているので、興味ある方は絶対読んだ方がいい!

まだまだAlexaスキル制作事例が少ないので、実際に作って見てどうだったかという事例が紹介されているのは本当にありがたいです🙏
以前CAMPHOR-アドベントカレンダーでVUIに関して調べてブログを書いたときに、GUIよりもVUIの方をやりたいな、と思っていて、今回Alexaのイベントへの参加を決心しました。
セッションを聞いてAlexaは気前よく色々キットを公開しているので、自分でも何か作ってみよう!と思った1日でした

技術には弱いけど、VUIデザインに興味あるよ〜って人向けに、スライドの読む順番を勝手に決めた

  1. Alexa Skills Kitでプロダクトの可能性を広げる(Alexaの概要から制作事例でとっつきやすい)
  2. How do we connect VUI to the real services using serverless (前半がVUXデザイナーの必要性)
  3. kokexaの話(作るのに必要なものがわかるので作りたくなってくる)
  4. Alexa and Machine Learning on AWS(Alexaで何ができるのかを知る)
  5. パルコ様事例にみるAlexaとデジタルサイネージを連携する方法(ぶつかりポイントについて知る)
  6. Alexa はどこにでも。AVSが開くAlexa Enabled なライフスタイル(デバイスについて知る)
  7. Alexa連携デバイスクラウドを構成するAWS ソリューション(IoTデバイス作り手の話)

私が参加したセッションのメモを晒す

今日から始めるAlexaのプロトタイプ開発

  • 音声技術は単一指向マイク→トランシーバー→音声起動・ノイキャンと発展していて、今は360度マイク・検出範囲の拡大の時代が来た!
  • ラズパイを前提としたAmazon AVS開発キット(公式サイトにある)を買えば、利用に応じたオーディオフロントエンド環境を構築できる!
  • 電子工作でechoみたいなものが作れる!

Alexa Skills Kitでプロダクトの可能性を広げる

  • リクルートマーケティングパートナーズでゼクシイキッチンアプリを開発された方のセッション。
  • Amazon Alexaを活用するには、Alexa Skill Kit(ASK・ソフトウェア側)とAlexa Voice Service(AVS・デバイス側)がある。
  • AVSは、デバイスから簡単にAlexaをつかうためのもの。
  • ASKには、カスタム対応モデル、スマートホームスキル、フラッシュブリーフィング、ビデオスキルがある。
  • フラッシュブリーフィング...HTTPSで利用できるRSSフィードがあればつくれる
  • スマートホームスキル...呼び出し名が不要
VUIの設計
  • 目的とユーザストーリの設定
  • 台本の作成
  • 対話フローの作成
  • スキル構築のための準備
ゼクシイキッチンを作るにあたって今回考えなかったこと
  • アプリのキャラ設定
  • SSMLを使ってより自然な発話を目指す
  • 0からコンテンツを作るならいいけど、既存コンテンツを活用して早く出したいときは無視
  • ゼクシイキッチンは動画が売り
  • echoは動画無理、動画から音声だけ流すのも無理。show待ち
ゼクシイキッチンの目的
  • 毎日献立を考えるのは大変
  • 材料、手順を教えてくれる
  • 冷蔵庫の中の材料からアレクサにオススメの料理を聞く
台本
  • 質問と返答を紙に書いていく
  • いろんなパターンで話しかけてくるので、それらに合わせた台本も考えていく
対話フロー
  • 処理をどうしたらいいのか考えていく
  • 前回中断した部分の続きから始められるようにした
  • セッションは十数秒になる
  • セッションを維持できないので、ユーザIDを持たせて進捗管理
  • 永続的なデータベースに情報を持たせるべき
  • インテントを呼ぶ発話のバリエーションを増やす.70パターンくらい
サーバ
  • AWS Lamda Function
  • 自作サーバ
  • SDKべんり!
  • Node.jsがおすすめ
  • Amazon skill kit CLI
テスト
  • echosim.io
運用
  • 利用状況をチェックしましょう。どんなインテントがよばれているか
  • ワードクラウドでよくあがってくるキーワードを確認する
  • なるべく多くのサンプル発話を登録しておくのがいい
  • キーワードのゆれ
  • ひらがな漢字
  • シェフ名は苗字と名前をきってる
  • 表記揺れ
  • データ入れ直したりする?→キーワード変えると再申請

"アレクサ、パルコ をひらいて" 〜ショッピングセンターのAlexa活用のねらい〜

  • パルコの店頭にAlexaをおく前提
  • 池袋パルコのお問い合わせ集計の記録をもとによくあるお問い合わせを中心に600種類
  • 家ではなく、店頭におく.一般的なお店じゃなくてParco用のスキル
パルコの理念は「テクノロジーで接客を拡張する」
  • B2Cではコミュニケーションの手段が変化
  • B2Bではテナントの人手不足
  • 小売業は求人倍率が高く、労働生産性が下がっている
  • スマスピで24時間パルコ。来店前後でも接客を
ロボットは人より接客が上手かも
  • ロボット接客>>>インフォメーションカウンター
  • 限られた有人窓口では接客ロスがあった
  • お問い合わせ履歴はデータに残せる
  • Alexaはアンドロイドやロボットなどと比べてコストが安い
  • showがないので、端末と連携させる
  • 入店オリエンテーションをオンライン化。マニュアルの必要としないもの、alexaにきける
VUIの設計はお問い合わせベース
  • ブランド名の発音、略称、ゆらぎ。ひたすらカスタムスロットに!!!
お店に置くならではの使い方
  • 専用什器つくる
  • 他のスキル発動させたくない
  • 端末設定で住所があるのでフロアわけはそれで
  • メンテナンスのしやすさ。極力インテントを入れ替えないようにする。

ハードウェアビジネス側から見た音声認識家電の現状とこれから

家電は買い替えタイミングがもっとも重要!
  • どうやって買い替えさせる?
  • TVはアトラクションポイントがある!
  • 洗面台はどうやって買い替えさせる?
  • トイレ借りて、違いがわかる?Alexaで差別化させる
  • サイクルは車は5年に1回、家電は2年に1回
  • 世の中の出力はリッチになった分、入力もリッチにしないといけない!音声認識あつい
CES
ASK対応家電
  • 従来家電 → スマート家電 → ASK家電
  • スマート家電からASK家電にスイッチするのにコストが0だった
  • 従来家電とスマート家電はハードルが高かった(WiFi搭載とかアプリ制作とか)
  • で、ASK家電にスイッチするのはコストあんまいらへんかった
  • Alexa APIをつなぎこむだけでスイッチできた!
今後
  • 音声家電は4m歩いてボタン押すが省略できる!ので普及しそう
  • AVS系はもうちょい時間かかりそう
  • ローカルのマイコン
  • ハードウェアスタートアップはフランスがあつい。SKULLY
  • Alexa vs GoogleiPhone vs Androidみたいな感じ

最後に

コード書かなくてもスキル開発できるらしい smarthacks.jp

新居をスマートホームに改造したいから、長く住みたい家を探すぞ〜〜〜!
ProcessingとArduinoとラズパイのお勉強をしていろいろおもちゃをつくってお家を改造したい!ワクワク

テニスやマリンスポーツをしていた私が、肌が白くてきれいだね!と言われるまで。

基本スタンス

「肌にいいものをつける」のではなく、「肌によくないものをつけない」

世の中、肌にいい成分をうたったスキンケア商品はたくさんあるけれど、プチプラコスメには結構添加物が入っている。
できるだけ無添加・添加物の少ないものを選ぶのがポイント。

学生でも買えるものを買う。体の外からも中からもたっぷり水分補給

高いコスメはけちりたくなるので、少々安くてもたっぷり使えるようにする。キメが整うと透明感が出て肌のトーンが上がって白く見える。

クリームは極力避けて、できるだけオイルや粉末、固形の製品を選ぶ。

自己観測ですが、水分が多いと謎の添加物が増える傾向にあるので、できるだけシンプルな形状を選択する。

夜のスキンケア

クレンジング・洗顔・ゴマージュ

いつもはカウブランドの無添加メイク落としオイルでちゃっちゃとメイクを落としたあと、無添加洗顔固形せっけんを泡だてネットで泡だてて洗顔

時間があるときや、しっかりメイクをしたときはてぬぐいに洗顔石鹸をつけてやさしくくるくるして落とす。
てぬぐいのこまかい目がマスカラやリキッドファンデを絡め取ってくれるので、クレンジングなしでもメイクががっつり落ちる。
てぬぐいはお風呂場にかけておくと、クレンジングやゴマージュの前に顔の水気をとるのにも使えるので便利です🙆‍♂️
「手ぬぐい洗顔」のスゴさ | カウブランド 赤箱 | 牛乳石鹸共進社株式会社

鼻の黒ずみが気になった日(月1-2回くらい)は、LUSHのパワーマスクで、鼻だけくるくるする。頬は痛むからしない。

カウブランド無添加 メイク落としオイル 150ml

カウブランド無添加 メイク落としオイル 150ml

カウブランド無添加 洗顔せっけん 70g

カウブランド無添加 洗顔せっけん 70g

化粧水・乳液

化粧水はHABAのGローション(私の知る無添加化粧水の中で1番安い)、
乳液は使わずに、HABAのスクワランオイル2(2は植物由来でより肌に浸透する・植物由来なのでアレルギーある人は1の方を!)を使ってます。

お風呂から出たらすぐに化粧水を1回つけます。
お洋服きたら2回、ドライヤーしたら1回、歯磨きしたら1回、で時間差で浸透させながら計5回HABAの化粧水を重ね付け。
5回つけたあと頬触ってみて水気が少し残ってたらOK、カラカラになっていたら「もう化粧水肌に入らないよ〜」ってなるまで追加で1-3回化粧水を重ね付ける。手に余った化粧水は首に塗っておく。笑
肌にしっかり水分をいれたら、スクワランオイルを1-2滴手にとって顔全体に伸ばす。
私はこのあとついでにまつげ美容液を塗ってます。

Gローション 180mL | 無添加主義 ハーバーの公式オンラインショップ
高品位「スクワラン」II | 無添加主義 ハーバーの公式オンラインショップ

寝る前

花粉症でよくティッシュで鼻をかむので、鼻にニベアの青缶を厚めに塗って寝ます。ティッシュに奪われた油分・水分を取り返せ・・・
リップも塗る!すっぴんの時に使うリップケアはスティックよりもチューブ状のものがいい。水っぽい形状でしっかり内側に浸透させることで、ボリューム・ハリをあたえたり、くすみをとばしたりできる。(わたしはチェコで大量に買ったシアバターたっぷりのオーガニックリップをつかってるけど、国内で買えるのならエテュセが良さそう)

ニベア クリーム 大缶 169g

ニベア クリーム 大缶 169g

エテュセ リップエッセンスa 10g

エテュセ リップエッセンスa 10g

朝のスキンケア

洗顔は水だけ!
夜の化粧水は石鹸やクレンジングしたからしっかりするけど、朝は2回重ね付けくらい。 スクワラン1滴伸ばしたらメイクへ〜
メイクも下地とファンデだけはHABAで無添加のものを使っていて、ポイントメイクはプチプラで済ませています。
あ、最近買ったリップがプチプラなのに乾燥しにくくて素敵だった。

シャンプー・リンス・ヘアケア

おでこ、デコルテ(鎖骨付近)、背中に吹出物よくできませんか?
そいつはおそらくヘアケアのせいかも
髪の毛を長時間つやつやにするために落ちにくくなってるシャンプーやリンスが、鎖骨や背中にたまりやすくて、荒れちゃってるかも
無添加シャンプー肌にいいけど、洗浄力低いので、1回目でワックス落として、2回目で髪の毛洗って、3回目で頭皮を洗う、みたいな感じでちょっとめんどくさい。
ヘアケアもドライヤー前にあんず油(安い!天然成分100%!あんずのいい香り!)を1滴手に伸ばして塗ってます〜
スタイリングはロレッタムルムルバター(安い!天然成分100%!ラベンダーのいい香り!)っていう固めのヘアバターを使って、頬やおでこに触れるヘア製品で肌がやられないようにしています

カウブランド 無添加シャンプー さらさら ポンプ付 500ml

カウブランド 無添加シャンプー さらさら ポンプ付 500ml

カウブランド 無添加トリートメント さらさら 180g

カウブランド 無添加トリートメント さらさら 180g

柳屋 あんず油60ML

柳屋 あんず油60ML

ロレッタ ムルムルバター 30g

ロレッタ ムルムルバター 30g

日中のスキンケア

乾燥したな〜って思ったらスプレー化粧水のクリーム肌水(安い!添加物少なめ!)とニベアのチューブで水分と油分を補給。
肌乾燥したな〜って思ったら、手でも顔でもしゅっしゅとしてます。
スプレータイプの化粧水はいろいろありますが、アルコールが入ってると肌乾燥しちゃうので、絶対アルコールフリーのものを!

花粉症で鼻かんだら、化粧水しゅってして、ニベア薄く塗って、保湿しておく。
ニベアは手だけじゃなくて顔もOKなので、万能薬。

クリーム肌水 240ml

クリーム肌水 240ml

ニベア クリーム チューブ 50g

ニベア クリーム チューブ 50g

参考リンク

添加物が気になったらこのサイトで製品検索して添加物を調べてる。
全部完全無添加にできたら最高なのですが、無添加のものは値段が高いので、コスパを考えて購入する。。。 bihada-mania.jp

メイクと関係ないけど、最近添加物が少ない目薬を買って快適になった。

【第3類医薬品】アイリスCL-Iネオ 0.4mL×30

【第3類医薬品】アイリスCL-Iネオ 0.4mL×30

2017年良かったもの

音楽

シングル:原宿いやほい

終始ノスタルジックで冷静なメロディに乗せて、 悶々とした空気→そんじゃ踊ろうぜ→脱力系サビって流れがすばらしい。 真顔のきゃりーさまの下で踊らされる曲。 こっちは心に溢れる何かがあるのに、きゃりーさんは平淡な雰囲気で、なんかつれなさを感じるけど、めちゃくちゃ中毒になる。 退廃的な気持ちで踊りたくなる。

アルバム:Q

今まで女王蜂はあんまり好きじゃなかったけど、このアルバムは最高なんです!曲順含め!! わたしはロックバンドが作るバラードとダンスミュージックが大好物なんです。バラードなのにアツイ、ダンスなのにアツイ!っていう感じが好きなの。 これはロックバラード→ダンス→バラードという構成。 1曲目はやるせないけど諦めの悪い曲なんだけど、2曲めからはそれを忘れさせるようなハイなダンスミュージックが続いてく。アルバムの後半、タイトルでもあるQで1曲目の重い感じが帰ってくる。幼少期の曲→学生時代の曲→成人期の曲と人生の後悔のような歌詞が続くけれど、どれも諦め悪くしぶとく自分を貫いてく曲ばかりで女王蜂節が炸裂してる。

Q(初回生産限定盤)(DVD付)

Q(初回生産限定盤)(DVD付)

映画

ダンケルク

ただ逃げるだけというシンプルなストーリーを、時間軸の異なる3舞台で描くことで、緊張感を保たせている映画。濃密な2時間を過ごせる。 こういう無抵抗な人間に襲いかかる圧倒的な力に惹かれてしまうのは、もしかすると地震のせいかもしれない。 わたしはチェコ映画が好きだ。チェコは周辺を大国に囲まれた小国で幾度と攻められている。そんな中で自虐的な映画が育った。 日本も近隣に責められはしないものの、突如地震がやってきてたくさんの命が消えていくかもしれない怖さがある。 そういうどうしようもない怖さを突きつけてくる映画

2016年のものなのですが、見た中でならブルックリンが最高だった。 論理的な色遣いで、登場人物の状況と服の色がリンクしている。 アイルランドからアメリカに渡ったちょっと地味な(?)女の子の話。アメリカで婚約者がいるのに、地元の男の子惹かれちゃうとか、そういう女の子の打算的な面がちゃんと描かれていて好き。

ライブ

078kobe

夕暮れの公園、お酒持ちつつtofubeatsがゲキシブだった あと子どもづれのパパがセックス・ピストルズに熱を上げてる図はエモかった https://078kobe.jp

サービス

スタディサプリENGLISH

ストーリーゲームっぽく作り込まれたUIが最高。最強の英語勉強法を徹底的にゲーム感覚でさせていくUI。 https://eigosapuri.jp/

バイス

Google Home mini

Alexaも買ったけれど、使用感はGoogleの方が気持ちよかった。

弱いAIのデザイン

作者がSF映画のAIの表現指導などしてるだけあってめちゃくちゃ読みやすくて面白い。 グラフィックじゃないUIに興味ある人はぜひ!!!

ツールからエージェントへ。弱いAIのデザイン - 人工知能時代のインタフェース設計論

ツールからエージェントへ。弱いAIのデザイン - 人工知能時代のインタフェース設計論

  • 作者: クリストファー・ノーセル,武舎広幸,武舎るみ
  • 出版社/メーカー: ビー・エヌ・エヌ新社
  • 発売日: 2017/09/29
  • メディア: 単行本
  • この商品を含むブログを見る

2015年だけど、新クリエイティブ資本論は衝撃的だった。ゼミの先生からオススメされた本。感覚的に違和感を感じていた地方から東京へ人がごっそり行ってしまう状態について、言語化されて気持ちよかった。

新 クリエイティブ資本論---才能が経済と都市の主役となる

新 クリエイティブ資本論---才能が経済と都市の主役となる

ファッション

HARUTAのSpock

カジュアルで歩きやすいけど、本革のツヤが程よくドレス感あって好き。スーパースターとSpockをヘビロテしてる。

広告を非表示にする

ブログを積み重ねて卒論にしたいチャレンジ①

ブログ書きながらゆるふわ卒論を完成させたいチャレンジ1日目。
雑にとにかく文章を書いていきます。

卒論テーマ

京都はITベンチャーの集積地となりうるか

研究動機

 パソコンとスキルさえあれば、「いつでも・どこでも」働ける世の中なのに、なぜIT企業は東京に密集しているのか。

 私はITベンチャーで就職活動をしていた。「コアタイムなしのフレックスタイム制」「テレワーク制度」「副業可」といった自由な働き方が認められている一方、勤務地は東京ばかりであった。いつでも・どこでも働けるのに、なぜ勤務地は東京だけなのか。いつでも・どこでも働けるならば地方で働くという選択肢がある方が、地方の就職の選択肢が増えるなど、健全ではないか。

 そこで関西の小都市である京都を選び、京都はITベンチャーの集積地になりうるのかを考えてみる。

日本の情報通信業の労働者の現状について

 平成27年国勢調査の就業状態等基本集計結果より、ITベンチャーの多くが属する情報通信業に就業している人のが1都3県に集中している。以下のグラフは都道府県別就業者数の割合を全産業の総数と情報通信業で比較したものであり、情報通信業の首都圏集中が異常であることが読み取れる。

f:id:tomokortn:20171223013828p:plain

 (ちなみにこのような傾向は出版など知的集約産業で多く見られます)

クリエイティブ・クラスについて

 なぜ、情報通信業労働者は東京に集中するのか。この先、フロリダのクリエイティブ・クラスという考え方を元に議論を進める。

 フロリダの主張は、「人はだれしもクリエイティブである」。人はクリエイティビティの基礎をなす源であり、それは経済・社会の地理的条件や、コミュニティの本質などと広く関係している。私たちが直面している最も重要なテーマは、すべての人々がもつクリエイティブなエネルギーや才能、潜在的な能力を開花させ、一人ひとりの人間のクリエイティビティを認め、育成する社会を構築することである。

 現在、クリエイティビティは競争優位の決定的な源泉となっており、ほぼすべての分野で長期的に見て勝者となるのは、何かを作り出せる、作り続けられる人たちである。このような流れの中で台頭した新しい階層が「クリエイティブ・クラス」である。

 クリエイティブ・クラスはスーパー・クリエイティブ・コアとクリエイティブ・プロフェッショナルの2つに分けられる。クリエイティブ・クラスの中核である「スーパー・クリエイティブ・コア」を、科学、エンジニアリング、建築、デザイン、教育、芸術、音楽、娯楽に関わる人々と定義している。こうした人々の経済機能は新しい発想、新しい技術、新しい作品を作り上げることである。その核の周りに「クリエイティブ・プロフェッショナル」という、ビジネス、金融、法律、医療とそれらの関連分野のクリエイティブな職業人の集団がある。複雑な問題解決に当たるが、そのために相当量の独自の判断や、高等教育、あるいは人的資本が必要となる。

 クリエイティブ・クラスの他に、ワークング・クラスとサービス・クラスがある。クリエイティブ・クラスと他をわける重要な違いは、報酬を何から得ているかということである。ワークング・クラスやサービス・クラスは決まりきった仕事や肉体労働で対価を得るが、クリエイティブ・クラスは知的および社会的スキルを駆使する頭脳労働で報酬を得ている。

 クリエイティブ・クラスの規範は従来の社会のそれとは異なっている。大規模な産業や組織を中心とした前の時代の特徴であった同質性や調和、適応能力よりも、個性や自己表現、異質なものへの寛容さが重視される。クリエイティブ・クラスは比較的移動を苦にしないため、他の階層に比べると都市や大都市圏に集まりやすい。これらの地域は3つのTーー技術(technology)、才能(talent)、寛容性(tolerance)ーーを核とする新しい経済発展モデル都市として繁栄 している。この3つのTすべてにおいて抜きん出ている大都市は、大きな成功と繁栄を誇っている。

ジェーン・ジェイコブス的外部性について

 ルーカスは、才能の集積から生じる相乗効果が経済成長の決定因子であることを確認した。豊富な人的資本がもたらす生産性向上がなければ、都市は経済的に機能しなくなると主張し、これを「ジェーン・ジェイコブス的外部性」と呼んだ。労働、資本、技術知識はいずれも必要不可欠だが、人々の才能やアイデア、エネルギーを現場で結びつけることができなければ、大きな成果は生まれないとも述べている。

参考文献

新 クリエイティブ資本論---才能が経済と都市の主役となる

新 クリエイティブ資本論---才能が経済と都市の主役となる

次回予告

 ITベンチャーが増えるためには、何かを作り出せる人=クリエイティブ・クラスが集まると良さそうなので、以下2点を調べてみる。

  • そもそも京都にクリエイティブ・クラスはどれくらいいるのか。アメリカ主要都市と比較。
  • 3つのTに関する指標についてまとめ、それに則って京都を評価する。

(提出前の卒論ってインターネットに公開していいのか謎)

「声」という新しいUI--Alexaボイスデザインガイド いろはの「い」

CAMPHOR- Advent Calendar 2017 の 18日目 の記事です。
CAMPHOR-で運営メンバーの @tomokortn です。

我が家にGoogle Home Miniが届いた!

前までカレンダーや音楽再生などちょっとしたことでスマホを触っていましたが、
今はスマートスピーカーの操作は楽すぎて、ちょっとしたことでスマホ触るのが億劫になります。
コンピュータ→スマートフォンウェアラブル端末の「小さくして持ち運べるようにしました!」というリニアな流れとはまた違う体験があるので、ぜひ買ってください!!!

そしてそして、新しい端末が届くとデザインガイドラインが気になってしまいますよね><
はやくもAmazon Alexa Voice Design Guideが公開されています!

「スマートスピーカーってめっちゃ聞くけど、ゆうてあんま知らん」「ガイドラインの読み方わからん」「年の瀬だし、時間ない!」って言う方向けに、基礎の基礎からまとめてみました。

Faster, easier, and more fun

まずは、Alexaが目指している世界観について。

1. Faster

料理中に3分測りたいときに、汚れた手を洗って、タイマー探して、そこまで歩いて、タイマー操作して3分セットする・・・ああ1分くらい経ったんじゃない?
Alexaなら、鍋の前で「Alexa, 3分測って」

2. Easier

「Alexa, 音楽をかけて」でAlexaは曲を選び、再生し、アーティストについて学習します。
Alexaはメニューやスクリーンの代わりとなり、ユーザーから手と目を解放します。

3. More Fun

ユーザとAlexaの対話の中にゲーム性やユーモア、ストーリーを加えることによって、ユーザがやりたいことをより楽しく実現できるようにする。

れっつ Voice Design!

スキル設計するときには、ユーザーとAlexaの対話(dialog)の台本(script)を作成します。

スキル(Skill) …スマートスピーカーの機能・能力のこと。スマホでいうネイティブアプリにあたるようなもの。

書き言葉ではなく、話し言葉で作るようにしましょう!

Voice Designの3ステップ

  1. Dialog Sketch(対話の下書き)
  2. User Flow
  3. Interaction Model

f:id:tomokortn:20171213194400p:plain

1. Dialog Sketch

ユーザハッピーにつながるシナリオをラフに描いてみます。
シンプルでOK!
その後、書いたシナリオをもとにユーザのペルソナやスキルのコアバリューを整理します。

2. User Flow

体験全体のフローを書きます。
ユーザとAlexaの対話を映画の台本のように書いていきながら、
スキルの起動方法、ユーザからAlexaに入力してほしい情報やWebサイトなど他の媒体から入手すべき情報なども整理します。

3. Interaction Model

2で作ったユーザフローに、分岐やエラーケースを加えて拡大します。
ユーザは長く話すかもしれないし、短く話すかもしれない。
ユーザは想定外のことを話すかもしれないし、黙り込んでしまうかもしれない。
いろんなパターンを人間同士で対話しながら、どんどん枝を増やしていけば、最終的には長くて深い、網羅的なフローチャートになっているでしょう!
人間同士で対話しながら作ることは、Alexaの話す言葉が 自然な言い回しか/適切な長さか長さ/程よい情報量か/明瞭か… に貢献するので、どんどん声に出して改良していきましょう!!

話し言葉と書き言葉の違い

書き言葉では冗長な表現を避けますが、VUIではユーザと同じ言葉をAlexaの発言の中に混ぜて、ユーザに安心感を与えます。
このテクニックは landmarking といいます。
ex)
User「午前10時に何がある?」
Alexa「午前10時には部署会議があります」

また、Alexaの話し方を調整するのに、Speech Syntesis Markup Language(SSML)というマークアップ言語があります。
概要はこちらのブログで!

dev.classmethod.jp

ユーザの話をAlexaが聞き取れるように設計する

台本ができたら、インテント(Intent)を決定します。

Intentは直訳すると意図という意味ですが、Alexaの場合は以下の意味になります。

インテントはあなたのスキルが実行可能な特定の物事を指します。例えば旅行プランニングのスキルは、PlanATrip(旅行の計画)やBookTheTrip(旅行の予約)、Stop(停止)、Cancel(キャンセル)、Help(ヘルプ)の5つのインテントを持つでしょう。

インテントと発話の関係について

f:id:tomokortn:20171213202935p:plain What Users Say | Amazon Alexa Voice Design Guideから画像をお借りして、インテントと発話の関係について軽く触れます。

Utterance - 発話: ユーザーが自分の要望をAlexaに伝えるため、またはAlexaからの質問に答えるために話す言葉のことです。

Wake word - ウェイクワード: ユーザーがAlexaに話しかけたいときに発するコマンドのことです。

Invocation name - 呼び出し名: スキル利用時にユーザーが呼びかけるカスタムスキルの名前です。

Slot - スロット: インテントの引数でリクエストに関する追加情報をAlexaに与えます。

ユーザが言いそうな様々な文章やフレーズ、単語を設計に盛り込み、すべての対話が心地よく進むようにしましょう。

VUIで留意すべきこと

ユーザから承諾を得たい場合を考えます。
GUI(Graphic User Interface)の場合、call-to-actionボタンによって入力が一意に定まりますが、
VUI(Voice User Interface)の場合、はい/オッケー/よさそう/いいよ…など同じ意味を表す言い回しが多数存在しています。
このように、インテントを起動させるべき発話(utterance)は複数存在しているので、会話シミュレーションを活用するなどして丁寧にリストアップしてあげる必要があります。
1インテントに対し、30以上のサンプル発話 を用意することが推奨されています。

デザインが完成したら

チェックリストがあるので、チェックしてみましょう!

おまけ

Voice Design Guideを読んでみた感想

デザインプロセスに関して、1インテントにつき30以上のサンプル文が要求されることなど、発話の抜け漏れのなさや発話の要素分解が求められ、かなりロジカルで地味な印象を受けた。ユーザ調査がめっちゃ好きなデザイナーにとってVUIデザイナーは天職になりうると思う。

また、以下の3点から、日本で海外製スキルが流行するのは時間がかかると考える

  1. 英語版スキルの上陸はネイティブのスピードについていけるリスニング・スピーキング能力が求められる。
  2. VUIは、GUIのようにアイコンなどの非言語情報でユーザ理解をサポートできない。
  3. Slot(変数)に関して、英語や中国語、フランス語などの語順の自由度の低い言語はSlotの設定が比較的楽そうだが、日本語やロシア語のような語順の自由度が高い言語は開発がつらそう...

我が家のGoogle Home活用法

我が家のGoogle Home MiniはUS英語に言語設定しています。 UK英語に設定して見たのですが、US英語の方がスキルが多かったので、US英語にしています。
適当に英語喋っても結構聞き取ってくれるので、自信になります。
毎朝「Hey Google, good morning!」っていうと天気やニュースを返してくれて、ちょっとずつ聞こえる英語が増えてきて嬉しいです。
寝る前は「Hey Google, tell me some story」といって、眠れる森の美女など適当な寓話を聴いています。

参考リンク

Amazon Alexa Voice Design Guide (日本語)
Amazon Alexa Voice Design Guide
Alexa Skill Testing Tool - Echosim.io (Alexaをブラウザでお試しできるサイト)

ノンデザイナーでもできる!イケてるロゴの作り方

CAMPHOR- Advent Calendar 2017 の 1日目 の記事です。
CAMPHOR-で運営メンバーの @tomokortn です。今日22歳になりました

大学2回生のときにひょんなことからデザインを始めて、何度かロゴの受託制作をしました。
今までの知見をまとめて、「ノンデザイナーでもできる!イケてるロゴの作り方」としたいと思います。
ハッカソンやサービス起案の場など、今チームにデザイナーいないけどシュッとロゴ作んないといけないの!って時にお役立てください。

いいロゴってどんなもの?

Evernoteのロゴの由来をご存知ですか?
象は「Elephants never forget」ということわざに由来します。
そして象の耳がちょっと折れているのはnoteを表しています。
「すべてを記憶する」を掲げるノートサービスであるEvernoteらしいロゴで、大好きです!

f:id:tomokortn:20171130234720p:plain

サービスを象徴するロゴだからこそ、意味のあるデザインにしたいですよね。
そこで、誰でも意味のあるロゴデザインができるように手前味噌ですが私が以前チームで作った制作物を事例にして、説明したいです。

ロゴ制作のフロー

ざっくり以下のフローを踏みます。

  1. サービスの特徴を整理して、できるだけたくさんキーワード化する
  2. 1.で並べたキーワードを掛け合わせて、造形パターンを出してみる
  3. 質感・配色を考える
  4. (線の太さなど、微調整をかける)

サービスの特徴を整理して、できるだけたくさんキーワード化する

今回は「Liquor」というバイト探しアプリのロゴの事例を使って説明します。
※ロゴは依頼を受けて作ったもので、サービスのアイディアは私のものではないです

Liquorのサービスの特徴

  • 面接なしで働けるバイト探しアプリ
  • 雇用主がユーザー(被雇用者・求人者)をレビューすることによって、ユーザーは信頼を得る
  • 面接がないので隙間時間にフレキシブルに働ける世の中を目指す。サービス名もフレキシブル→流動的→水のイメージで名付けた

キーワード化

  • バイト→履歴書、(採用の)チェックマーク
  • 探す→虫眼鏡、検索ボックス
  • レビュー→星、(レビューの)積み重ね
  • フレキシブル→水、時間
  • Liquor→L(イニシャル)
  • 面接なし→稲妻 (即時性からの連想)

出したキーワードを掛け合わせて、造形パターンを出してみる

先ほどの工程でオリジナリティあふれるモチーフになりそうなキーワードがすっと出れば、それを図案化してロゴにすればいいのですが、たいていの場合はそうはいきません。
そこでキーワードの掛け合わせでロゴのアイディアを広げていきます。

掛け合わせを考える時に便利な道具があります!
そう、マトリックスです!!!
ロゴアイディアのために強制総当たり戦をやってみます

履歴書 チェックマーク 虫眼鏡 検索ボックス 積み重ね 時間 L 稲妻
履歴書 x
チェックマーク x x
虫眼鏡 x x x
検索ボックス x x x x
x x x x x
積み重ね x x x x x x
時間 x x x x x x x
x x x x x x x x
L x x x x x x x x x

こんな感じでいろいろ図形を作ってみます。

f:id:tomokortn:20171130235347p:plain

今回はサービス名が「Liqour」であるように水っぽさが重要なので、一番上の造形に流動感を加えたカタチを採用しました。

図形をきれいに作れないよ><って方は商用可・加工可の素材サイトを活用してみるといいと思います。
ICOOON MONOとか
ただし、その場合は商標は取れないので、そのときはデザイナーさんに改めて依頼するなどしましょう。
ベクターデータの編集にはIllustretorが主流ですが、 INKSCAPEなどフリーのベクターツールもあるので活用してみてください。

配色を考える

色が人間に与える印象が言語化されているものを眺めて合いそうな色を探します。 この記事とかおすすめです。 12色の意味と心理に与えるイメージまとめ!配色のコツも教えます

Liquorでは、信頼の青とブルーカラー/ホワイトカラーから、青の濃淡2色で配色しました。

質感は丸いと柔らかく・幼く、角ばっていると堅く見えるので、サービスに合わせて丸み具合を調整します。

(最後に気の済むまで綺麗に見えるように調整して)完成です!

f:id:tomokortn:20171130235452p:plain

おまけ

ロゴを作る時にCI(コーポレートアイデンティティ)とVI(ヴィジュアルアイデンティティ)の考え方は重要なので、もっと知りたいって方はこのブログとか読んでみてください
https://hataraku.vivivit.com/works/civi

おまけ2

誕生日なのでおねだりさせてください!笑
http://amzn.asia/e1ktfVg

旅程表を高速にプロトタイピングする海外旅行ハック

6日間パリに行ってきました。
模範的女子大生の模範的卒業旅行っぽい写真をあげておく。
f:id:tomokortn:20170913154450j:plain
  

旅程表を高速にプロトタイピングする

ヨーロッパ旅行は1年前にチェコプラハに行っていたので、今回2度目なのですが、
今回は日常会話レベルの英語もままならない女子2人旅だったし、公共交通機関の治安があまり良くないと聞いていたので、
できるだけ道に迷わないようにあらかじめ準備していきたいなと思いました。

そこで使ったのは、Google My Maps
Google Mapの上に、自分でピンをポチポチつけることができて、
作ったマイマップは、Google Driveと同じように共有リンクやメールアドレスからの閲覧招待ができます。
Google MapをDLしたスマホでマイマップのリンクを開くと、Google Mapアプリ上でマイマップの確認ができてめちゃ便利。

レイヤーごとに連番機能や色を一括設定できるので、私は「ホテルや旅行代理店、両替など重要な場所」+「日にち」でレイヤーを切りました。
f:id:tomokortn:20170913160819p:plain
ドラッグ&ドロップで順番を入れ替えたり、レイヤー間の移動ができたりするので、ほんとに便利です。
旅行への妄想が捗ります。
(ガイドブック買ってきて、旅行マイマップつくるだけでも旅行気分が味わえるんじゃないかってくらい楽しかった)

旅行中、エッフェル塔とか大きな観光地は行き忘れたり、道に迷ったりすることはあまりないと思うのですが、
ガイドブックの雑貨特集ページのの端に載ってたちょっとした雑貨店とかをバンバンこのマイマップの中にぶち込んでおくと、
近くに行った時にちょっと足を伸ばすことができて、いい感じです。

旅程表を完璧に組んだって、旅程表どおりに進まないのが海外旅行。
それでもマイマップ作っておく良さは、事前にパリの位置関係を把握できるので、道関係で悩まなくなることが大きいなあと思います。
私たちは空港からホテルまで思ったより時間がかかったので、初日にいきなりモンマルトルチャレンジに失敗して、
パリに着いてからがっつり計画を組み直したけれど、マイマップで位置関係や所要時間をさくっと確認できるから、すぐに計画を立て直せました👏

今回の旅行で実際に作ったマイマップはこちら↓
drive.google.com

マイマップ作るのに参考にしたもの

パリ (ララチッタ)

パリ (ララチッタ)


jams-parisfrance.com

格安で日本に電話をかける

旅程表は入念に作っていったものの、クレジットカードの上限を初日で迎えてしまう痛恨のミス。
クレジットカード会社に電話したいけど、
私の使っているソフトバンクiPhoneから普通に国際通話をしてしまうと 175〜375円/分とめっちゃ高い ので、
LINE Outを使いました。

LINE Outの料金はシンプルで、電話をかける先がどの国かで決まります。
日本だと、固定電話は3円/分、携帯電話が14円/分!安い!!!
しかも広告を見れば最初の3分は無料です。
音割れしてたらどうしようってドキドキしながらカード会社電話しましたが、
ホテルのWi-Fiでもクリアな音質で、無事クレジットの利用上限を引き上げることに成功しました😂

ひとつ難癖をつけるとしたら、240円ずつあらかじめ課金しておかなきゃいけない点。
240円分のテレフォンカードを買っておいて、それを使う感じかな
使ったぶんだけ、LINE Payから引かれる方式に変えてくれたらもっと便利なのに!
まあ、余った分がなくなるまではしばらく国内でもLINE Outでかけようと思う

海外に電話したいときはぜひ使ってみてください〜〜〜!
line.me

以上海外旅行ハックでした。

最後に写真をいくつか

朝のエッフェル塔
f:id:tomokortn:20170913171313j:plain

一番好きだったサント=シャペル f:id:tomokortn:20170913171322j:plain

サクレ=クール
f:id:tomokortn:20170913171639j:plain

サンマルタン運河沿いも良かった
f:id:tomokortn:20170913171723j:plain

ベルサイユは良い写真がいろいろ撮れた
f:id:tomokortn:20170913171808j:plain
f:id:tomokortn:20170913171814j:plain
f:id:tomokortn:20170913171812j:plain

締めの牡蠣
f:id:tomokortn:20170913171901j:plain

パリはいかんせん物価が高いのですが、 クスミティーとLa Cure Gourmandeのクッキーは高すぎず(=安くはない)、可愛くて、おいしいのでとてもおすすめです。

パリは東京並みに地下鉄が発達しているので、あの複雑さに慣れればちょっとした距離も地下鉄でいけます。
あと、25歳以下は土日祝にTicket Jeunes Weekendという1日乗り放題チケットが爆安で買えて便利でした。
パリ市内はどこまでいっても片道2€くらいなのに、乗り放題チケットは4€強くらい。 石畳で足が痛くなるので、ガシガシ使い倒しましょう。
おかげさまで初日に買った回数券がちょっと余ったので、今後パリに行く方は声かけてくださると余った回数券をあげます。