OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
Speaker No.4 / KAYAC inc.
割石 裕太

割石 裕太
KAYAC inc. Designer (2012.4 - )
自己紹介 @KAYAC inc.
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

@wariemon
Art Direction & Web / App / Blanding / Logo Design
OH : http://wariemon.com
自己紹介 @OH (Personal Work)
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

つくっているもの
Filters
- Filter Camera & Platform -
Lobi
- Chat & Game Community -
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
KAYAC 唯一の サービス の UIデザイナー です

Lobi - Chat & Game Community -
http://web.lobi.co/
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

Lobi - Chat & Game Community -
http://web.lobi.co/
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

Filters - Filter Camera & Platform -
http://filters.kayac.com
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

Filters - Filter Camera & Platform -
http://filters.kayac.com
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

Filters - Filter Camera & Platform -
http://filters.kayac.com
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

UIと温泉
難しいお題…
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
前段 - UIと温泉

UIと温泉の共通点
前段 - UIと温泉
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

心地よい温度を保つことが、
非常に大事。
前段 - UIと温泉
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

人が心地よいと思えること
がゴールなのでは。
前段 - UIと温泉
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

…ということで、
ここより本編です！
前段 - UIと温泉
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
言葉と気配りでさらに高めるUI

今回はいわゆる
デザインそのものより、
心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

言葉や、ちょっとした気遣い
に注目した内容です。
心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
意味が伝わるか 呼びかけているか 生きているか
全体把握とコントロール 行動提案 人間的要素

心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
意味が伝わるか 呼びかけているか 生きているか
全体把握とコントロール 行動提案 人間的要素
ユーザーにとって心地よい温度

1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
意味が伝わるか 呼びかけているか 感情はあるか
全体把握とコントロール 行動提案 人間的要素
ユーザーにとって心地よい温度

みなさんのチームの、
ワーディング 担当はだれですか？
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

ぼくはこの領域もUIデザイナーが、
担当するべきだと考えています。
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

なぜならワーディングは UI の
正しく意味が伝わっているか
を司る重要な要素であるからです。
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

なぜならワーディングは UI の
正しく意味が伝わっているか
を司る重要な要素であるからです。
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

ふとした言葉のひとつに、
気配りが足りないだけで、
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

熱は冷めてしまうものです。
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

今回、Filters の新規開発では
私が遷移を全部書き起こし、
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

エラーの把握とワーディングも
担当しました。
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
全遷移を書き起こし、文言の把握を行います。

全体を把握しておくことで、
ユーザーの熱を冷まさせることなく
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

次に行う「行動の提案」も
漏らさず行うことができます！
1. 意味が伝わるか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
意味が伝わるか 呼びかけているか 生きているか
全体把握とコントロール 行動提案 人間的要素
ユーザーにとって心地よい温度

ユーザーに伝わる言葉で、
説明できるようになったら
2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

話しかけたり、提案をして、
コミュニケーションに持ち込みましょう。
2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

内容は具体的であればあるほど、
2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

ユーザーは悩むことなく判断すること
ができます。
2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
ほぼ一緒に見えますが、

2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
ここが違います！

2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
提案 になったことで、

2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
参加してからのアクションが明確に。

2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
ユーザーへの行動の提案
機械的（システム的）文言
正しく伝わる言葉

2. 呼びかけているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
はじめの地点からすると、ずいぶんと
心地よい温度になったのでは！

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
意味が伝わるか 呼びかけているか 生きているか
全体把握とコントロール 行動提案 人間的要素
ユーザーにとって心地よい温度

最後は、少し前の2つとは違う
アプローチのお話です。
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

事例をベースに
細かな遊び心（気遣い）で
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

ユーザーに熱を持ったまま、
サービスに参加して頂けたお話です。
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
以前までの Lobi のログイン画面

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
問題はないですが、

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
温度の低いものでした。

そして今回、ログイン画面の
大改修を行いました！
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

デザイン自体が大きく変わったことも
ありますが、
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

ひとつ、生きているように感じる
ギミックをいれてみました。
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
入力画面で間違えると、

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
びっくりします。

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
もちろん正しく入力すると、

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
喜びます。

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
クールなデザイン案より、

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
感情あるキャラクターを表に出し、

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
ログインのフローも一緒に

3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
熱をもって接してくれる。

デザインの改修後、
新規ユーザーの継続率が伸び、
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

新規登録・ログイン の突破率を
上げることにも成功しました。
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

入り口から熱をもって迎え入れれば、
そのあともいい温度を持って
楽しんでくれる。
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

今回の話のまとめとなる
お話でした。
3. 生きているか
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
意味が伝わるか 呼びかけているか 感情はあるか
全体把握とコントロール 行動提案 人間的要素
♨ ユーザーにとって心地よい温度

数字を上げる施策も、
サービスの体験を変える施策も、
数多ありますが、
心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

熱をもった言葉と細かい気配り、
心地よい温度で楽しんで頂く。
心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

ひとを気遣う視点をもつことと、
ひとをつなぐサービスの発展は、
共にあると思います。
心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

それではみなさん、
湯冷めしないように暖かくして、
最後までお楽しみください！
心地よいUIの温度
OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.

OH is a design project by yuta wariishi. website design, app UI/UX design, Branding & Logo design.
http://wariemon.com / wariemon.oh@gmail.com