心地よいUIの温度 - 言葉と気遣いで高めるUI -

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.

@wariemon
Art Direction & Web / App / Blanding / Logo Design
OH : http://wariemon.com
自己紹介 @OH (Personal Work)

つくっているもの
Filters
- Filter Camera & Platform -
Lobi
- Chat & Game Community -
KAYAC 唯一のサービスの UIデザイナーです

Lobi - Chat & Game Community -
http://web.lobi.co/

Filters - Filter Camera & Platform -
http://filters.kayac.com

UIと温泉
難しいお題…
前段 - UIと温泉

UIと温泉の共通点

心地よい温度を保つことが、
非常に大事。

人が心地よいと思えること
がゴールなのでは。

…ということで、
ここより本編です！

心地よいUIの温度
言葉と気配りでさらに高めるUI

今回はいわゆる
デザインそのものより、

言葉や、ちょっとした気遣い
に注目した内容です。

意味が伝わるか呼びかけているか生きているか
全体把握とコントロール行動提案人間的要素

ユーザーにとって心地よい温度

1. 意味が伝わるか
意味が伝わるか呼びかけているか感情はあるか

みなさんのチームの、
ワーディング担当はだれですか？

ぼくはこの領域もUIデザイナーが、
担当するべきだと考えています。

なぜならワーディングは UI の
正しく意味が伝わっているか
を司る重要な要素であるからです。

ふとした言葉のひとつに、
気配りが足りないだけで、

熱は冷めてしまうものです。

今回、Filters の新規開発では
私が遷移を全部書き起こし、

エラーの把握とワーディングも
担当しました。

全遷移を書き起こし、文言の把握を行います。

全体を把握しておくことで、
ユーザーの熱を冷まさせることなく

次に行う「行動の提案」も
漏らさず行うことができます！

2. 呼びかけているか

ユーザーに伝わる言葉で、
説明できるようになったら

話しかけたり、提案をして、
コミュニケーションに持ち込みましょう。

内容は具体的であればあるほど、

ユーザーは悩むことなく判断すること
ができます。

ほぼ一緒に見えますが、

ここが違います！

提案になったことで、

参加してからのアクションが明確に。

ユーザーへの行動の提案
機械的（システム的）文言
正しく伝わる言葉

はじめの地点からすると、ずいぶんと
心地よい温度になったのでは！

3. 生きているか

最後は、少し前の2つとは違う
アプローチのお話です。

事例をベースに
細かな遊び心（気遣い）で

ユーザーに熱を持ったまま、
サービスに参加して頂けたお話です。

以前までの Lobi のログイン画面

問題はないですが、

温度の低いものでした。

そして今回、ログイン画面の
大改修を行いました！

デザイン自体が大きく変わったことも
ありますが、

ひとつ、生きているように感じる
ギミックをいれてみました。

入力画面で間違えると、

びっくりします。

もちろん正しく入力すると、

喜びます。

クールなデザイン案より、

感情あるキャラクターを表に出し、

ログインのフローも一緒に

熱をもって接してくれる。

デザインの改修後、
新規ユーザーの継続率が伸び、

新規登録・ログインの突破率を
上げることにも成功しました。

入り口から熱をもって迎え入れれば、
そのあともいい温度を持って
楽しんでくれる。

今回の話のまとめとなる
お話でした。

意味が伝わるか呼びかけているか感情はあるか
♨ ユーザーにとって心地よい温度

数字を上げる施策も、
サービスの体験を変える施策も、
数多ありますが、

熱をもった言葉と細かい気配り、
心地よい温度で楽しんで頂く。

ひとを気遣う視点をもつことと、
ひとをつなぐサービスの発展は、
共にあると思います。

それではみなさん、
湯冷めしないように暖かくして、
最後までお楽しみください！

http://wariemon.com / wariemon.oh@gmail.com

心地よいUIの温度 - 言葉と気遣いで高めるUI -

More Related Content

What's hot

Viewers also liked

Similar to 心地よいUIの温度 - 言葉と気遣いで高めるUI -

心地よいUIの温度 - 言葉と気遣いで高めるUI -