SlideShare uma empresa Scribd logo
1 de 48
Baixar para ler offline
デベロッパーでもできる
  UX向上手法
第6回 .NET中心会議 パネル・ディスカッション
自己紹介


パネリスト:
                           長谷川 恭久 氏
 グレープシティ株式会社               八巻 雄哉 氏
 シグマコンサルティング株式会社           橋本 圭一 氏
 大日本印刷株式会社 C&I事業部 IT開発本部   生田 大介 氏
 デザイナー&イラストレーター&コンチの生みの親   牛木 匡憲 氏
モデレータ:
 株式会社デジタルアドバンテージ           一色 政彦 氏
セクション1


UXとは何か? UXは必要か?
   関係者の説得方法
UXとは何か?/UXは必要か?/関係者の説得方法




改めて聞くが、UXとは何か?
リッチなUIとUXは同じものか?
UXとは何か?/UXは必要か?/関係者の説得方法




ユーザーに馴染みはあるが特に
 目新しくないUI。独創的だがユー
 ザーに馴染みがないUI。
どちらがユーザーにとって良いUI
 といえるか?
UXとは何か?/UXは必要か?/関係者の説得方法




業務アプリのUIはリッチ(=美し
 いデザインやアニメション/動画
 など)であるべきか?
UXとは何か?/UXは必要か?/関係者の説得方法




予算の中に、なかなかUX的な要
 素を盛り込みづらい(説明しづら
 い)。皆さんはどのように説明して
 いるのか?
UXとは何か?/UXは必要か?/関係者の説得方法




 これまでのビジネス・アプリでは、UXより
  も業務の効率性が優先されてきた。実
  際にパッケージ販売されているものもそ
  の多くが、それほどUXが優れていると
  いえない。このような状況のため、要求
  定義する人にUX改善の必要性をうまく
  説得できない。どうすればよいか?
UXとは何か?/UXは必要か?/関係者の説得方法




コードを書いていればソフトウェアエ
 ンジニアだと考えている人に、UXに
 ついて考え、自分たちができること
 があると考えてもらうためには、どん
 なことから始めればよいか、アイデ
 アや今までの具体例があれば聞か
 せてほしい。
UXとは何か?/UXは必要か?/関係者の説得方法




UXやUI設計に関して、日本と米
 国ではどのくらい認知度・注目度
 が異なるのか?
セクション2


UX向上時の工数増大の問題
UX向上時の工数増大の問題




工期を考えるとUIの簡素化が図ら
 れてしまい、結果的にUXの向上に
 至らないという、工期短縮とUX向上
 のジレンマがある(※もちろん「UI簡
 素化=UX減」ではないとも思うが
 ……)。この課題を解消するには?
UX向上時の工数増大の問題




リッチなUIを追求すると、それに
 比例して工数が増大する問題を
 どう解決すればよいのか?
UX向上時の工数増大の問題




実際に皆さんは、開発作業全体
 の中で、どれくらいの時間をUX
 向上にかけているのか?
セクション3


UX設計のポイント
UX設計のパターン
UX設計のポイント/UX設計のパターン




UX設計では、何が最も重要な要
 素になるのか? UIなのか、シナリ
 オか?
手戻りの少ないUI設計手法を知
 りたい。または工夫を知りたい。
UX設計のポイント/UX設計のパターン




UIのプロトタイピングは、紙でやる
 か、PCでやるか?
UX設計のポイント/UX設計のパターン




同じソフトウェア/サービスを多
 種多様なユーザーが使う場合の
 UI設計はどうすればよいか?
どのようなタイプのユーザーに
 フォーカスを当てればよいのか?
UX設計のポイント/UX設計のパターン




これからの時代、IT利用者の高
 年齢化も進むと考えられるが、そ
 ういった層に対しては、どういった
 部分に気を配っていくべきか?
UX設計のポイント/UX設計のパターン




 ビジネス・ロジックやシステム構造により
  UX/UIに制限・制約がある場合、その
  UX/UIの最適化はどのように解決して
  いるか? 例えば、クライアント側でUIの
  処理をしたいがために、サーバ側の処
  理を犠牲にしなくてはいけないときの
  落とし所の決め方など。
UX設計のポイント/UX設計のパターン




本などを読み、UIデザイン・パ
 ターンなど実践してみたが、イマ
 イチなデザインにしか仕上がらな
 い。何か良い打開策はないか?
UX設計のポイント/UX設計のパターン




人間工学に基づいた設計がUXを
 向上させることになるのか?(具体
 的な事例などがあれば知りたい)
また、主観にとらわれない設計をす
 るコツみたいなものはないか?
UX設計のポイント/UX設計のパターン




多人数でのプロジェクト開発では、
 UIに実装者の好みやクセが出て
 バラバラになってしまう。それを
 防ぐ方法はないか?
UX設計のポイント/UX設計のパターン




同種のサービスを複数のプラット
 フォーム(各種スマートフォンや
 PCなど)展開するうえで、サービ
 スの統一感と個別のプラット
 フォーム向けの使いやすさのバラ
 ンスをどのように設計すべきか?
UX設計のポイント/UX設計のパターン




 Windows 8 Developer Previewをイン
  ストールしてみたが、どこに何があるの
  かが分かりにくい。例えば、シャットダウ
  ンしたいと考えて、いろんなところをク
  リックしてみたが、なかなか見つけられ
  なかった。このUIについて、皆さんはど
  う感じているか?
UX設計のポイント/UX設計のパターン




XP/Vista/7(ベーシック・スタイ
 ル、エアロ、XPスタイル、クラッシ
 ク・スタイル)にまたがって同じUI
 をできるだけ少ない工数でユー
 ザに提供するために良い方法は
 ないか?
UX設計のポイント/UX設計のパターン




ユーザーが使用しやすくなるよう
 な画面表示色の使い方を教えて
 ほしい。
UX設計のポイント/UX設計のパターン




ヘルプ機能の簡単で効果的な実
 装方法を教えてほしい。
セクション4

個人/企業のテクニックとノウハウ
    UXツールの活用
個人/企業のテクニックとノウハウ、UXツールの活用




UI設計に関するあらゆるノウハウ
 を企業内・プロジェクトメンバー内
 で共有するための良い方法が知
 りたい。
個人/企業のテクニックとノウハウ、UXツールの活用




開発者側の意図どおりにシステ
 ムをユーザー側に使用してもらう
 ような画面設計のテクニックを教
 えてほしい。
個人/企業のテクニックとノウハウ、UXツールの活用




 開発における、デザイナーとデベロッパー
  のすみ分けをどのようにしているか、事例
  があれば聞きたい。
 デザイン部門を持たない企業ではどのよう
  にUXデザインをしているのか。UXデザイン、
  特にインタラクションなどは紙ベースの仕様
  書に落としづらいが、どのように仕様化しそ
  れを管理しているのか。
個人/企業のテクニックとノウハウ、UXツールの活用




 アジャイル開発ではどのようなタイミン
  グでUIデザインをプロジェクトに適用す
  るのか、実例を交えて教えてほしい。
 アジャイル開発のプロジェクトにおいて、
  なかなか実際には難しい部分があり、
  UI設計でウォータホール型から脱却す
  るための工夫などあれば教えてほしい。
個人/企業のテクニックとノウハウ、UXツールの活用




素人がCSSを書いていいものか、
 何かツールを使うべきか?
個人/企業のテクニックとノウハウ、UXツールの活用




 表示するメッセージの文言の内容や、表示する
  頻度、表示方法はどうすればよいのか?
 例えば「不正な操作が……」といった文章だと
  わかりづらいので、具体的にどういう文章にす
  ればよいか?
 また、毎回ダイアログで表示すると閉じるのが
  わずらわしいので、どのような表示方法を採用
  すべきか?
個人/企業のテクニックとノウハウ、UXツールの活用




明細のサブ明細があり、その下にさ
 らにサブ明細があるような階層構造
 データを1画面で入力・制御したいと
 言われて困ったことがある。こういっ
 た階層構造データを分かりやすく表
 現する方法なないか?
セクション5


WPF/Silverlight/XAML
WPF/Silverlight/XAML




パフォーマンス上の理由でC#は
 使いたくないのだが、今後のUIは
 XAML重視になるのか?
WPF/Silverlight/XAML




Silverlightで実装する場合、MVVM
 やデータ・バインディングですべて
 実装すべきか? やはり適材適所で
 コード・ビハインドに使う必要がある
 のか?(できれば業務アプリなどで
 の実例を挙げて)
WPF/Silverlight/XAML




XAMLでのレイアウトを簡単に覚え
 ることはできないか?(普段は
 Windowsフォームで開発しているた
 め、移行にはレイアウト変更が必須
 だが、なかなかスムーズに移行でき
 ないため)
WPF/Silverlight/XAML




Expression Blendが実に難しい。
 どこから勉強するのがよいか?
セクション6


学習方法やコミュニティ
学習方法やコミュニティ




 開発者として、デザイン・スキルを学ぶ
  ために、どのようなことを行っている
  か?
 デザイン・センスはどうやって磨けばよ
  いか?
 デザインやUXの勉強方法を教えてほ
  しい。
学習方法やコミュニティ




米国ではUXやUIを専門的に教
 える教育機関があるが、日本に
 はまだコミュニティすら少ないよう
 に思える。今後日本も増えていく
 のか。
学習方法やコミュニティ




自分で開発した.NETのコンポー
 ネントを社外にも評価してもらう
 機会が欲しい。そんな機会のあ
 るUX関連のコミュニティはない
 か?
セクション7


最後にひと言
最後にひと言




デベロッパーでもできる、お勧め
 のUX向上手法を教えてくださ
 い。
ありがとうございました。

Mais conteúdo relacionado

Mais procurados

UXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpUXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpKazuki Yamashita
 
UIは「習うより慣れろ」
UIは「習うより慣れろ」UIは「習うより慣れろ」
UIは「習うより慣れろ」tomo tsubota
 
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴Yuudai Tachibana
 
マンガボックスのアプリができるまで
マンガボックスのアプリができるまでマンガボックスのアプリができるまで
マンガボックスのアプリができるまでtomo tsubota
 
IoTとUXデザイン
IoTとUXデザインIoTとUXデザイン
IoTとUXデザインHiroki Hosaka
 
UIデザインは誰のもの?
UIデザインは誰のもの?UIデザインは誰のもの?
UIデザインは誰のもの?GMO Pepabo, Inc.
 
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナーMikihiro Fujii
 
次の5年のUIを考える
次の5年のUIを考える次の5年のUIを考える
次の5年のUIを考えるSaori Baba
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話Kazuki Yamashita
 
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜Rie Tokumi
 
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1Yu Morita
 
0528 kanntigai ui_ux
0528 kanntigai ui_ux0528 kanntigai ui_ux
0528 kanntigai ui_uxSaori Matsui
 
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題Fumiya Yamamoto
 
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料Satoru MURAKOSHI
 
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUXインターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUXYasushi Senda
 
プロダクトオーナーの隣でUX導入した話
プロダクトオーナーの隣でUX導入した話プロダクトオーナーの隣でUX導入した話
プロダクトオーナーの隣でUX導入した話Take Bo
 
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
フラットデザインだけじゃない 今後を見据えたUIデザインとは?フラットデザインだけじゃない 今後を見据えたUIデザインとは?
フラットデザインだけじゃない 今後を見据えたUIデザインとは?Yu Uno
 

Mais procurados (20)

UXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUpUXデザインの前にすること - UX CatchUp
UXデザインの前にすること - UX CatchUp
 
UIは「習うより慣れろ」
UIは「習うより慣れろ」UIは「習うより慣れろ」
UIは「習うより慣れろ」
 
流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴流行に乗っていいの?フラットデザインの落とし穴
流行に乗っていいの?フラットデザインの落とし穴
 
マンガボックスのアプリができるまで
マンガボックスのアプリができるまでマンガボックスのアプリができるまで
マンガボックスのアプリができるまで
 
IoTとUXデザイン
IoTとUXデザインIoTとUXデザイン
IoTとUXデザイン
 
UIデザインは誰のもの?
UIデザインは誰のもの?UIデザインは誰のもの?
UIデザインは誰のもの?
 
UX Design とは何か?
UX Design とは何か?UX Design とは何か?
UX Design とは何か?
 
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
 
次の5年のUIを考える
次の5年のUIを考える次の5年のUIを考える
次の5年のUIを考える
 
はじめてのUXとUIの話
はじめてのUXとUIの話はじめてのUXとUIの話
はじめてのUXとUIの話
 
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
 
おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1おかんでもわかるUXデザイン Ver.0.1
おかんでもわかるUXデザイン Ver.0.1
 
0528 kanntigai ui_ux
0528 kanntigai ui_ux0528 kanntigai ui_ux
0528 kanntigai ui_ux
 
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題
 
UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料UXデザインの居場所:UXなまトーク資料
UXデザインの居場所:UXなまトーク資料
 
インターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUXインターフェイスという名の付く会社が考えるUX
インターフェイスという名の付く会社が考えるUX
 
プロダクトオーナーの隣でUX導入した話
プロダクトオーナーの隣でUX導入した話プロダクトオーナーの隣でUX導入した話
プロダクトオーナーの隣でUX導入した話
 
UXデザイナー1年生の1年間
UXデザイナー1年生の1年間UXデザイナー1年生の1年間
UXデザイナー1年生の1年間
 
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
フラットデザインだけじゃない 今後を見据えたUIデザインとは?フラットデザインだけじゃない 今後を見据えたUIデザインとは?
フラットデザインだけじゃない 今後を見据えたUIデザインとは?
 
UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)UXデザインの為のIA(情報アーキテクチャ)
UXデザインの為のIA(情報アーキテクチャ)
 

Semelhante a 第6回.NET中心会議パネルディスカッション 0923

[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!c-mitsuba
 
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方neokigao
 
CCC Design Session
CCC Design SessionCCC Design Session
CCC Design SessionMako Mizuno
 
UXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのかUXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのか伸彦 吉川
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義Shin Iiboshi
 
体験をデザインするとは何か
体験をデザインするとは何か体験をデザインするとは何か
体験をデザインするとは何かSunami Hokuto
 
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO JamExperience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO JamAkihiko Kodama
 
LiBRA_210201/New_emploee
LiBRA_210201/New_emploeeLiBRA_210201/New_emploee
LiBRA_210201/New_emploeeMasanori Saito
 
Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?Kazumi Miyamura
 
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2Masanori Saito
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEYoshiki Hayama
 
Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Roy Kim
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409schoowebcampus
 
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料Noriyo Asano
 

Semelhante a 第6回.NET中心会議パネルディスカッション 0923 (20)

[UX]は投げ捨てろ!
[UX]は投げ捨てろ![UX]は投げ捨てろ!
[UX]は投げ捨てろ!
 
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
 
CCC Design Session
CCC Design SessionCCC Design Session
CCC Design Session
 
UXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのかUXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのか
 
デザインの要件定義
デザインの要件定義デザインの要件定義
デザインの要件定義
 
体験をデザインするとは何か
体験をデザインするとは何か体験をデザインするとは何か
体験をデザインするとは何か
 
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO JamExperience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
Experience Design Out of Screen:これからのエクスペリエンスデザイナーの生きる道@UX TOKYO Jam
 
LiBRA_210201/New_emploee
LiBRA_210201/New_emploeeLiBRA_210201/New_emploee
LiBRA_210201/New_emploee
 
211101_DXの基礎
211101_DXの基礎211101_DXの基礎
211101_DXの基礎
 
Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?Think User : UXデザインにおけるユーザー設計とは?
Think User : UXデザインにおけるユーザー設計とは?
 
LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2LiBRA 09.2021 / 総集編 1/2
LiBRA 09.2021 / 総集編 1/2
 
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプIndigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
 
ux_team_of_one
ux_team_of_oneux_team_of_one
ux_team_of_one
 
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFEUX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
UX、デザイン思考、リーンスタートアップのためのオブザベーション(観察)入門:2014年7月5日 UXD/HCD ワイワイCAFE
 
Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法Itプロジェクトにおけるuxデザインの実践的適用方法
Itプロジェクトにおけるuxデザインの実践的適用方法
 
20151030 ux sketch vol5
20151030 ux sketch vol520151030 ux sketch vol5
20151030 ux sketch vol5
 
Kwc uxjam160831
Kwc uxjam160831Kwc uxjam160831
Kwc uxjam160831
 
事業とUXデザイン
事業とUXデザイン事業とUXデザイン
事業とUXデザイン
 
Schoo講演資料130409
Schoo講演資料130409Schoo講演資料130409
Schoo講演資料130409
 
『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料『デザイニング・インターフェース』読書会資料
『デザイニング・インターフェース』読書会資料
 

第6回.NET中心会議パネルディスカッション 0923