UX / UIデザインって何？
JustSystems UXデザイングループ / TAGUCHI

UXとUI。
セットでよく耳にするようになったワードです。

最近ではUIデザインが
何を指しているのか明確になりました。
アイコンやバナーだったり、画面レイアウトだったり、画面遷移だったり。

でもUXデザインが指している内容は
曖昧な事が多くて困っている人も多いのでは？

言ったら何でもUX(ユーザー体験)ですからね。
・ティッシュで鼻をかんだ → すっきりした
・素敵なレストランで美味しいご飯を食べた → 楽しい時間を過ごせた
・遊園地で遊んだ → 好きなキャラクターや乗り物に囲まれて幸せだった
業界やモノの数だけUXデザインはあるということかと。

ジャストシステムはソフトウェア業界の会社です。
じゃあソフトウェアのUXって？

ひとまず、ソフトウェア業界においては
主に3つだけ理解しておくと良いと思います。
User Interface(UI)
Interaction
User Experience(UX)
＋ Design

まずはそれぞれのワードについて簡単に。

天才ケンケンパ
出典：チームラボ http://www.team-lab.com/hopscotchforgeniuses
○△□ によるケンケンパです。
○△□にうまく乗ることができると、音が出て、映像によって映し出された床は、
美しくなります。
同じ形や色など、関連性のある○△□に連続して飛び乗ると、さらに美しくなります。
例えば、□同士だと、□のエフェクトが溢れ、赤色同士だと、赤色のエフェクトが溢れます。
子どもたちは、おもいっきり身体を動かしながら、遊ぶことができます。そして、より上級者は、
遊びながら瞬時に、空間を抽象化し関連性を見つけ出す訓練になります。

User Interface(UI) Design

・画面内の要素やパーツはどんなか
・それらのレイアウトや遷移はどうしたらいいか
出典：チームラボ http://www.team-lab.com/hopscotchforgeniuses

Interaction Design

・操作(着地)した結果、どんな反応を返すか
・その反応は理解を助けるか
・心地よいか
出典：チームラボ http://www.team-lab.com/hopscotchforgeniuses

User Experience(UX) Design

UI / Interaction を介してどんな体験をさせるか
夢の世界にいるみたい！
楽しい！
面白そう！
私もやってみたいなぁ！
出典：チームラボ http://www.team-lab.com/hopscotchforgeniuses

つまりUXって？

= UXのためのUIとInteraction

楽しい、嬉しい、感動、悲しい、切ない、良かった！
ユーザーにとって価値あること

では、今度は実例で見てみましょう。

ATOK Pad
・iOS App。
・ATOKという高精度な日本語変換がウリで
サクサクとメモがかけるApp。

ATOK Padを構成している最低限の要素
超賢い変換システムとキーボード メモ帳
＋

User Experience(UX) Design
・サクサク思い通りにアイデアを残せて気持ちが良い！
・メモを同期して色んな場所やデバイスで活かせて嬉しい！
こんな体験を実現するUIとInteractionを考えていく。
めちゃくちゃざっくり言うと…

User Interface(UI) Design
集中できるようにシンプルなメモ帳 iOSに違和感がないキーボード 操作を促すアイコン など

Interaction Design
スライドして変換候補全画面表示 長押しして拡張機能のガイド表示 iPhoneを振って共有や同期

ざっくりと要点だけ絞ると案外単純ですよね。
(もちろん厳密に言えばもっと違う解釈があったりしますが)

まとめ

ソフトウェアのUX / UIデザイン
Appやサービスを通じて、
どんな体験(UX)をユーザーに提供できるかを考える
(もちろんリリース後も継続的に！)
それを実現するためのUIとInteraction

というわけで

わたしたちと一緒に
面白い・新しい体験価値を考えてみませんか？
エントリーはコチラから！

こちらのスライドもどうぞ！
訴求ファースト。キービジュアル。
UXデザイナー1年生の1年間
商品力強化ワークショップ