Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads.
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
Speaker No.4 / KAYAC i...
割石 裕太
KAYAC inc. Designer (2012.4 - )
自己紹介 @KAYAC inc.
OH is a design project by yuta wariishi.  website design, app UI/UX...
@wariemon
Art Direction & Web / App / Blanding / Logo Design
OH : http://wariemon.com
自己紹介 @OH (Personal Work)
OH is a des...
つくっているもの
Filters
- Filter Camera & Platform -
Lobi
- Chat & Game Community -
OH is a design project by yuta wariishi.  web...
Lobi - Chat & Game Community -
http://web.lobi.co/
OH is a design project by yuta wariishi.  website design, app UI/UX des...
Lobi - Chat & Game Community -
http://web.lobi.co/
OH is a design project by yuta wariishi.  website design, app UI/UX des...
Filters - Filter Camera & Platform -
http://filters.kayac.com
OH is a design project by yuta wariishi.  website design, ap...
Filters - Filter Camera & Platform -
http://filters.kayac.com
OH is a design project by yuta wariishi.  website design, ap...
Filters - Filter Camera & Platform -
http://filters.kayac.com
OH is a design project by yuta wariishi.  website design, ap...
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 & Log...
人が心地よいと思えること
がゴールなのでは。
前段 - UIと温泉
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & L...
…ということで、
ここより本編です!
前段 - UIと温泉
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo ...
心地よい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 ...
言葉や、ちょっとした気遣い
に注目した内容です。
心地よいUIの温度
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & ...
心地よい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, Brandin...
ぼくはこの領域もUIデザイナーが、
担当するべきだと考えています。
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app UI/UX design, B...
なぜならワーディングは UI の
正しく意味が伝わっているか
を司る重要な要素であるからです。
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app U...
なぜならワーディングは UI の
正しく意味が伝わっているか
を司る重要な要素であるからです。
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app U...
ふとした言葉のひとつに、
気配りが足りないだけで、
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding ...
熱は冷めてしまうものです。
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo desig...
今回、Filters の新規開発では
私が遷移を全部書き起こし、
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Br...
エラーの把握とワーディングも
担当しました。
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & L...
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, Bran...
次に行う「行動の提案」も
漏らさず行うことができます!
1. 意味が伝わるか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Brandin...
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...
話しかけたり、提案をして、
コミュニケーションに持ち込みましょう。
2. 呼びかけているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, ...
内容は具体的であればあるほど、
2. 呼びかけているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo de...
ユーザーは悩むことなく判断すること
ができます。
2. 呼びかけているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding ...
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 ...
事例をベースに
細かな遊び心(気遣い)で
3. 生きているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo...
ユーザーに熱を持ったまま、
サービスに参加して頂けたお話です。
3. 生きているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Bran...
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 & ...
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 & ...
ひとつ、生きているように感じる
ギミックをいれてみました。
3. 生きているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Brandi...
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 & ...
新規登録・ログイン の突破率を
上げることにも成功しました。
3. 生きているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Brand...
入り口から熱をもって迎え入れれば、
そのあともいい温度を持って
楽しんでくれる。
3. 生きているか
OH is a design project by yuta wariishi.  website design, app UI/UX des...
今回の話のまとめとなる
お話でした。
3. 生きているか
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo d...
心地よい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, ...
熱をもった言葉と細かい気配り、
心地よい温度で楽しんで頂く。
心地よいUIの温度
OH is a design project by yuta wariishi.  website design, app UI/UX design, Brand...
ひとを気遣う視点をもつことと、
ひとをつなぐサービスの発展は、
共にあると思います。
心地よいUIの温度
OH is a design project by yuta wariishi.  website design, app UI/UX d...
それではみなさん、
湯冷めしないように暖かくして、
最後までお楽しみください!
心地よいUIの温度
OH is a design project by yuta wariishi.  website design, app UI/UX desi...
OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
http://wariemon.com / ...
Upcoming SlideShare
Loading in …5
×

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

220,805 views

Published on

Event : UI温泉 in 綱島温泉 2015.02.07
Speaker : 割石裕太 / wariemon - UI Designer @KAYAC inc. / OH

UI温泉 - UIと湯を愛するイベント -
4番目のスピーカーとして登壇させていただきました。
UI と 温泉 の共通点として「心地よい温度」を見出し、
そこに至るまでのフローを考えた内容となっております。

Published in: Design
  • Be the first to comment

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

  1. 1. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太
  2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  3. @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.
  4. つくっているもの 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デザイナー です
  5. 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.
  6. 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.
  7. 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.
  8. 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.
  9. 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.
  10. UIと温泉 難しいお題… OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 前段 - UIと温泉
  11. UIと温泉の共通点 前段 - UIと温泉 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  12. 心地よい温度を保つことが、 非常に大事。 前段 - UIと温泉 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  13. 人が心地よいと思えること がゴールなのでは。 前段 - UIと温泉 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  14. …ということで、 ここより本編です! 前段 - UIと温泉 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  15. 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 言葉と気配りでさらに高めるUI
  16. 今回はいわゆる デザインそのものより、 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  17. 言葉や、ちょっとした気遣い に注目した内容です。 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  18. 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 意味が伝わるか 呼びかけているか 生きているか 全体把握とコントロール 行動提案 人間的要素
  19. 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 意味が伝わるか 呼びかけているか 生きているか 全体把握とコントロール 行動提案 人間的要素 ユーザーにとって心地よい温度
  20. 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 意味が伝わるか 呼びかけているか 感情はあるか 全体把握とコントロール 行動提案 人間的要素 ユーザーにとって心地よい温度
  21. みなさんのチームの、 ワーディング 担当はだれですか? 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  22. ぼくはこの領域もUIデザイナーが、 担当するべきだと考えています。 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  23. なぜならワーディングは UI の 正しく意味が伝わっているか を司る重要な要素であるからです。 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  24. なぜならワーディングは UI の 正しく意味が伝わっているか を司る重要な要素であるからです。 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  25. ふとした言葉のひとつに、 気配りが足りないだけで、 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  26. 熱は冷めてしまうものです。 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  27. 今回、Filters の新規開発では 私が遷移を全部書き起こし、 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  28. エラーの把握とワーディングも 担当しました。 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  29. 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 全遷移を書き起こし、文言の把握を行います。
  30. 全体を把握しておくことで、 ユーザーの熱を冷まさせることなく 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  31. 次に行う「行動の提案」も 漏らさず行うことができます! 1. 意味が伝わるか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  32. 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 意味が伝わるか 呼びかけているか 生きているか 全体把握とコントロール 行動提案 人間的要素 ユーザーにとって心地よい温度
  33. ユーザーに伝わる言葉で、 説明できるようになったら 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  34. 話しかけたり、提案をして、 コミュニケーションに持ち込みましょう。 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  35. 内容は具体的であればあるほど、 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  36. ユーザーは悩むことなく判断すること ができます。 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  37. 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. ほぼ一緒に見えますが、
  38. 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. ここが違います!
  39. 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 提案 になったことで、
  40. 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 参加してからのアクションが明確に。
  41. 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. ユーザーへの行動の提案 機械的(システム的)文言 正しく伝わる言葉
  42. 2. 呼びかけているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. はじめの地点からすると、ずいぶんと 心地よい温度になったのでは!
  43. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 意味が伝わるか 呼びかけているか 生きているか 全体把握とコントロール 行動提案 人間的要素 ユーザーにとって心地よい温度
  44. 最後は、少し前の2つとは違う アプローチのお話です。 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  45. 事例をベースに 細かな遊び心(気遣い)で 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  46. ユーザーに熱を持ったまま、 サービスに参加して頂けたお話です。 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  47. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 以前までの Lobi のログイン画面
  48. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 問題はないですが、
  49. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 温度の低いものでした。
  50. そして今回、ログイン画面の 大改修を行いました! 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  51. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  52. デザイン自体が大きく変わったことも ありますが、 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  53. ひとつ、生きているように感じる ギミックをいれてみました。 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  54. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 入力画面で間違えると、
  55. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. びっくりします。
  56. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. もちろん正しく入力すると、
  57. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 喜びます。
  58. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. クールなデザイン案より、
  59. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 感情あるキャラクターを表に出し、
  60. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. ログインのフローも一緒に
  61. 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 熱をもって接してくれる。
  62. デザインの改修後、 新規ユーザーの継続率が伸び、 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  63. 新規登録・ログイン の突破率を 上げることにも成功しました。 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  64. 入り口から熱をもって迎え入れれば、 そのあともいい温度を持って 楽しんでくれる。 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  65. 今回の話のまとめとなる お話でした。 3. 生きているか OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  66. 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 意味が伝わるか 呼びかけているか 感情はあるか 全体把握とコントロール 行動提案 人間的要素 ♨ ユーザーにとって心地よい温度
  67. 数字を上げる施策も、 サービスの体験を変える施策も、 数多ありますが、 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  68. 熱をもった言葉と細かい気配り、 心地よい温度で楽しんで頂く。 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  69. ひとを気遣う視点をもつことと、 ひとをつなぐサービスの発展は、 共にあると思います。 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  70. それではみなさん、 湯冷めしないように暖かくして、 最後までお楽しみください! 心地よいUIの温度 OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design.
  71. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. http://wariemon.com / wariemon.o[email protected]
http://www.progressive.ua

www.best-cooler.reviews

https://bestseller-sales.com

×