Submit Search
Upload
いいUIをつくるためにしている開発手法
•
4 likes
•
1,306 views
Nobuhiro Adachi
Follow
いいUI(ユーザーインターフェース)をつくるために、主にアプリの受託開発でおこなっている開発手法、手順を紹介します。各工程で使用しているツールも一緒に紹介します。
Read less
Read more
Design
Report
Share
Report
Share
1 of 23
Download now
Download to read offline
Recommended
次の5年のUIを考える
次の5年のUIを考える
Saori Baba
2014年10月20日(月) スマホUI勉強会@GMO Yoursで、「次の5年のUIを考える」という題でお話しました。
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
Rie Tokumi
2014/9/27 に実施した日本ディレクター協会セミナーの資料です。
これからのUIデザインを考える
これからのUIデザインを考える
Yu Uno
こちらのセミナーで登壇した際の資料になります http://eventdots.jp/event/242568
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#2ワークショップ編です。 UXデザインのプロセスを体験できるワークショップの進行に利用した資料です。 ■#1講義編はこちら(http://www.slideshare.net/MariTakahashi/ux1-36855537) UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
【Schoo】企業をデザインシフトさせる方法と今後のデザイン戦略 https://schoo.jp/class/3241
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
個人的になぜUXをデザインするに至ったかと、UIデザインの会社であるGoodpatchでのUXについて考えていることをまとめました。
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
第57回HTML5とか勉強会にて、発表。 UXデザインスタジオの立ち上げとこれまでの活動の紹介。またUXデザイナーに関するスキルセット・マインドセットの策定とUX向上施策の概要について紹介しています。
ワークショップとUX ――なぜ今ワークショップが重要なのか
ワークショップとUX ――なぜ今ワークショップが重要なのか
Hitomi Yamagishi
最近クライアント向けにワークショップとUXについて説明してほしいという要望が増えたために作った資料。
Recommended
次の5年のUIを考える
次の5年のUIを考える
Saori Baba
2014年10月20日(月) スマホUI勉強会@GMO Yoursで、「次の5年のUIを考える」という題でお話しました。
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
ディレクターのためのUX基本講座〜カスタマージャーニーマップを体験してみよう〜
Rie Tokumi
2014/9/27 に実施した日本ディレクター協会セミナーの資料です。
これからのUIデザインを考える
これからのUIデザインを考える
Yu Uno
こちらのセミナーで登壇した際の資料になります http://eventdots.jp/event/242568
明日からデキるUXデザイン #2ワークショップ編
明日からデキるUXデザイン #2ワークショップ編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#2ワークショップ編です。 UXデザインのプロセスを体験できるワークショップの進行に利用した資料です。 ■#1講義編はこちら(http://www.slideshare.net/MariTakahashi/ux1-36855537) UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。
企業をデザインシフトさせる方法と今後のデザイン戦略
企業をデザインシフトさせる方法と今後のデザイン戦略
tomo tsubota
【Schoo】企業をデザインシフトさせる方法と今後のデザイン戦略 https://schoo.jp/class/3241
なぜUXをデザインしているのか
なぜUXをデザインしているのか
Mikihiro Fujii
個人的になぜUXをデザインするに至ったかと、UIデザインの会社であるGoodpatchでのUXについて考えていることをまとめました。
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
Jiji Kim
第57回HTML5とか勉強会にて、発表。 UXデザインスタジオの立ち上げとこれまでの活動の紹介。またUXデザイナーに関するスキルセット・マインドセットの策定とUX向上施策の概要について紹介しています。
ワークショップとUX ――なぜ今ワークショップが重要なのか
ワークショップとUX ――なぜ今ワークショップが重要なのか
Hitomi Yamagishi
最近クライアント向けにワークショップとUXについて説明してほしいという要望が増えたために作った資料。
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
Yu Uno
前職時代にデザイナーの横断組織を作った時のお話。 こちらのセミナーで登壇した際の資料になります http://eventdots.jp/event/360102
UX Sketch vol.1 事業とUXデザイン
UX Sketch vol.1 事業とUXデザイン
Saori Baba
2015年5月26日 MTL勉強会「UX Sketch」vol.1「事業企画とUXのコンセプト設定について」で、 事業とUXデザインについてお話をしました。 http://mtl.connpass.com/event/16426/
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#1講義編です。 UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。 ■#2ワークショップ編はこちら http://www.slideshare.net/MariTakahashi/ux-slideshare
UXデザイナー1年生の1年間
UXデザイナー1年生の1年間
JustSystems Corporation
UXデザイナー1年生が1年間でどんなことをしてきたのかをまとめてみました。自分が働く姿を想像する手助けになったら嬉しいです!※研修内容は変わります。
Practical ux4publish
Practical ux4publish
ncdc_jp
2012年12月6日の「ITエンジニアに易しい実践的UI/UXデザイン勉強会」の資料です。
Poがuxデザインをする上で何を指標にしてきたか
Poがuxデザインをする上で何を指標にしてきたか
英明 伊藤
シン・UX 2017 ~プロダクトマネージャー・プロダクトオーナーにとってのUXのイマとミライ~ 2017/01/21(土)
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
Mari Takahashi
2013年7月24日メンバーズモバイルセミナーの資料。 UXデザインのプロセスを踏んだアプリの企画についてご説明しています。
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
Jiji Kim
第57回HTML5とか勉強会で、発表するかもしれなかった資料です。 UXデザインについて考えるときのポイントと、(ちょっと強引ですが)HTML5によってUXデザインが変わること、について紹介しています
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
Katsuhito Okada
図解で学ぶ「Lean UX」
個人作業を生かした発想系ワークショップの型
個人作業を生かした発想系ワークショップの型
Takehisa Gokaichi
社内の勉強会で発表した内容を再編集したものです。
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題
Fumiya Yamamoto
第45回HCD-Netサロン「UXと組織のデザイン」での発表資料です。
リーンアジャイルで開発を加速しよう
リーンアジャイルで開発を加速しよう
Shinya Nakajima
2018年3月3日におこなわれた MobileApp Design #1 【Ionic Japan/JXUG共催】 にてLTした資料です。
Uxデザイン定義書ワークショップ 20120726 公開版
Uxデザイン定義書ワークショップ 20120726 公開版
Mikihiro Fujii
2012年7月26日に開催したgenesixUXデザイン定義書ワークショップのスライドを権利的に問題無いようにしたものです。 定義書のテンプレートは↓ http://www.slideshare.net/mikihirofujii/templateux
プロダクトオーナーの隣でUX導入した話
プロダクトオーナーの隣でUX導入した話
Take Bo
MTL勉強会「UX Sketch」vol.1:「事業企画とUXのコンセプト設定について」にてお話させていただいた内容です。 念のため言っておくと、社長とはとても仲良しです。ランサーズはとても仲良しです。
読書体験を考える ――サービスとしての読書体験
読書体験を考える ――サービスとしての読書体験
Hitomi Yamagishi
2015年5月7日「ウェブから学ぶ電子出版の可能性 〜多様な読書スタイルを考える〜」用 資料。
UXデザインとは 現状の私見
UXデザインとは 現状の私見
shinya tayama
UXデザインとは 現状の私見
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
Akihiro Mukai
2015年9月月8日(火)に開催された「UX JAM #2」で発表したスライドです。
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
Goodpatchのビジョンは「人々のハートを揺さぶるDesign&Productを生み出し、世の中をより良い方向に前進させる」です。 そのビジョンの実現を目指して成長し続けるデザイン組織をデザインする考え方について「評価制度と組織構造」をテーマに現在進行形で話しました。
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
2017年5月28日に開催されたABC2017Springでの講演資料
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
ゲームから学ぶUIUXデザインプロセス
ゲームから学ぶUIUXデザインプロセス
UIUX Lab,CyberAgent
「ヒットメーカーが語る!UIUXはこう設計されている! - dots.デザイナー部 presents Vol.1-」 サイバーエージェント UIUX Lab代表鷲山による「ゲームから学ぶUIUXデザインプロセス」の発表資料です。
More Related Content
What's hot
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
Yu Uno
前職時代にデザイナーの横断組織を作った時のお話。 こちらのセミナーで登壇した際の資料になります http://eventdots.jp/event/360102
UX Sketch vol.1 事業とUXデザイン
UX Sketch vol.1 事業とUXデザイン
Saori Baba
2015年5月26日 MTL勉強会「UX Sketch」vol.1「事業企画とUXのコンセプト設定について」で、 事業とUXデザインについてお話をしました。 http://mtl.connpass.com/event/16426/
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
Mari Takahashi
社内の中堅デザイナー・ディレクター向けに行ったUX研修の資料#1講義編です。 UXデザインとは何か、用語の定義、最近盛り上がっている背景、UXデザインプロセスの進め方についてまとめています。 ■#2ワークショップ編はこちら http://www.slideshare.net/MariTakahashi/ux-slideshare
UXデザイナー1年生の1年間
UXデザイナー1年生の1年間
JustSystems Corporation
UXデザイナー1年生が1年間でどんなことをしてきたのかをまとめてみました。自分が働く姿を想像する手助けになったら嬉しいです!※研修内容は変わります。
Practical ux4publish
Practical ux4publish
ncdc_jp
2012年12月6日の「ITエンジニアに易しい実践的UI/UXデザイン勉強会」の資料です。
Poがuxデザインをする上で何を指標にしてきたか
Poがuxデザインをする上で何を指標にしてきたか
英明 伊藤
シン・UX 2017 ~プロダクトマネージャー・プロダクトオーナーにとってのUXのイマとミライ~ 2017/01/21(土)
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
Mari Takahashi
2013年7月24日メンバーズモバイルセミナーの資料。 UXデザインのプロセスを踏んだアプリの企画についてご説明しています。
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
Jiji Kim
第57回HTML5とか勉強会で、発表するかもしれなかった資料です。 UXデザインについて考えるときのポイントと、(ちょっと強引ですが)HTML5によってUXデザインが変わること、について紹介しています
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
Katsuhito Okada
図解で学ぶ「Lean UX」
個人作業を生かした発想系ワークショップの型
個人作業を生かした発想系ワークショップの型
Takehisa Gokaichi
社内の勉強会で発表した内容を再編集したものです。
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題
Fumiya Yamamoto
第45回HCD-Netサロン「UXと組織のデザイン」での発表資料です。
リーンアジャイルで開発を加速しよう
リーンアジャイルで開発を加速しよう
Shinya Nakajima
2018年3月3日におこなわれた MobileApp Design #1 【Ionic Japan/JXUG共催】 にてLTした資料です。
Uxデザイン定義書ワークショップ 20120726 公開版
Uxデザイン定義書ワークショップ 20120726 公開版
Mikihiro Fujii
2012年7月26日に開催したgenesixUXデザイン定義書ワークショップのスライドを権利的に問題無いようにしたものです。 定義書のテンプレートは↓ http://www.slideshare.net/mikihirofujii/templateux
プロダクトオーナーの隣でUX導入した話
プロダクトオーナーの隣でUX導入した話
Take Bo
MTL勉強会「UX Sketch」vol.1:「事業企画とUXのコンセプト設定について」にてお話させていただいた内容です。 念のため言っておくと、社長とはとても仲良しです。ランサーズはとても仲良しです。
読書体験を考える ――サービスとしての読書体験
読書体験を考える ――サービスとしての読書体験
Hitomi Yamagishi
2015年5月7日「ウェブから学ぶ電子出版の可能性 〜多様な読書スタイルを考える〜」用 資料。
UXデザインとは 現状の私見
UXデザインとは 現状の私見
shinya tayama
UXデザインとは 現状の私見
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
Akihiro Mukai
2015年9月月8日(火)に開催された「UX JAM #2」で発表したスライドです。
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
Masayuki Uetani
2014/11/27 UI Crunch #2でお話した内容です。これだけだと何のことかわからないと思うので、schooさんの録画授業をあわせて見ると幸せになれるかと思います。 https://schoo.jp/class/1598
成長するデザイン組織
成長するデザイン組織
Mikihiro Fujii
Goodpatchのビジョンは「人々のハートを揺さぶるDesign&Productを生み出し、世の中をより良い方向に前進させる」です。 そのビジョンの実現を目指して成長し続けるデザイン組織をデザインする考え方について「評価制度と組織構造」をテーマに現在進行形で話しました。
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Asami Yamamoto
2017年5月28日に開催されたABC2017Springでの講演資料
What's hot
(20)
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
某外資系企業でデザインチームを作った話 〜デザイナーが組織の中での価値を最大化させるために〜
UX Sketch vol.1 事業とUXデザイン
UX Sketch vol.1 事業とUXデザイン
明日からデキるUXデザイン#1講義編
明日からデキるUXデザイン#1講義編
UXデザイナー1年生の1年間
UXデザイナー1年生の1年間
Practical ux4publish
Practical ux4publish
Poがuxデザインをする上で何を指標にしてきたか
Poがuxデザインをする上で何を指標にしてきたか
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
企業アプリのマーケティング活用事例(UXデザインによるアプリ企画)
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
図解で学ぶ「Lean UX」
図解で学ぶ「Lean UX」
個人作業を生かした発想系ワークショップの型
個人作業を生かした発想系ワークショップの型
UX思考の組織づくりと、その課題
UX思考の組織づくりと、その課題
リーンアジャイルで開発を加速しよう
リーンアジャイルで開発を加速しよう
Uxデザイン定義書ワークショップ 20120726 公開版
Uxデザイン定義書ワークショップ 20120726 公開版
プロダクトオーナーの隣でUX導入した話
プロダクトオーナーの隣でUX導入した話
読書体験を考える ――サービスとしての読書体験
読書体験を考える ――サービスとしての読書体験
UXデザインとは 現状の私見
UXデザインとは 現状の私見
UX actually is all around us. - UXを感じよう -
UX actually is all around us. - UXを感じよう -
風呂場で考えるUIデザイナーの未来
風呂場で考えるUIデザイナーの未来
成長するデザイン組織
成長するデザイン組織
SketchがAndroidのUIデザインに向いているワケ
SketchがAndroidのUIデザインに向いているワケ
Similar to いいUIをつくるためにしている開発手法
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
Hub DotnetDeveloper
ゲームから学ぶUIUXデザインプロセス
ゲームから学ぶUIUXデザインプロセス
UIUX Lab,CyberAgent
「ヒットメーカーが語る!UIUXはこう設計されている! - dots.デザイナー部 presents Vol.1-」 サイバーエージェント UIUX Lab代表鷲山による「ゲームから学ぶUIUXデザインプロセス」の発表資料です。
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
インフラジスティックス・ジャパン株式会社
だれでも簡単に使える無償のプロトタイプツール、Indigo Studio をご紹介します。
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
neokigao
社内勉強会の時に使った資料です。
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/656/room ーーーーーーーーーーーーーーーーーーーーーーー
Designing UX Development
Designing UX Development
Mizushima Kazuhiro
UX Developer の人材運用の現実と求められる理想の運用方法 ならびに、それを実現する為の立ち振舞い その1
デザインの要件定義
デザインの要件定義
Shin Iiboshi
宮崎のITイベント「Idea Quest」にて発表した「デザインの要件定義」のスライドになります。
20150912 doda
20150912 doda
Kuni Nakaji
DODA Tech liveの発表資料です http://doda.jp/promo/fair/engineer/0911.html
ux_team_of_one
ux_team_of_one
Yahoo!デベロッパーネットワーク
http://uxteamofonejp.peatix.com/
UXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのか
伸彦 吉川
Future Sync vol.5 で使用したスライドです。
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
Tomohiro Suzuki
2016年10月08日に開催されたUX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」での資料です。 ■■■イベントページ■■■ http://uxd-hcd-waiwai-cafe.connpass.com/event/40552/ ■■■運営協力■■■ GMOインターネット株式会社 https://www.gmo.jp/ 株式会社スタンダード http://www.standardinc.jp/ ■■■主催■■■ 株式会社アイ・エム・ジェイ http://www.imjp.co.jp/
UX研修「UXからサイトを考える!」2013新卒向け
UX研修「UXからサイトを考える!」2013新卒向け
Mari Takahashi
2013年新卒向けに実施したUX研修の資料です。 1. UX/UIとは? 2. UXデザインワークショップ 3. 事例紹介 4. まとめ
Workshop Facilitation
Workshop Facilitation
Naoka MISAWA
2014年8月9日、30日にIMJ主催で行われた、「ワークショップファシリテーション入門」にて、利用したスライドを公開用に編集した資料です。
ヘルプサイトの制作プロセス
ヘルプサイトの制作プロセス
Naohiro Nakata
ヘルプサイトの制作プロセスと、設計のポイントを紹介しました。
20160201事業説明 ux測研
20160201事業説明 ux測研
ITOJUN
UX測研の2016事業説明を作ったのをいまさらですが、アップいたします。質問、コメントなど歓迎いたします
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?
Takami Yusuke
システム設計の流れを前提としたデザイナーにおける考え方のアプローチをご紹介です。
Kwc uxjam160831
Kwc uxjam160831
Takami Yusuke
UX JAM 11
UIデザインのプロセス
UIデザインのプロセス
Junichi Suzuki
プロダクトやサービスを最速で成功に導くデザインプロセスを実例をふまえながら解説。
Roo
Roo
terahide
2011/08/01のJSUGでプレゼンテーションした資料です。
体験をデザインするとは何か
体験をデザインするとは何か
Sunami Hokuto
2012年10月24日に行われた「NPO法人ウェアラブルコンピュータ研究開発機構(チームつかもと)大阪交流会」での角南の発表スライド。
Similar to いいUIをつくるためにしている開発手法
(20)
第6回.NET中心会議パネルディスカッション 0923
第6回.NET中心会議パネルディスカッション 0923
ゲームから学ぶUIUXデザインプロセス
ゲームから学ぶUIUXデザインプロセス
Indigo Studio で作るプロトタイプ
Indigo Studio で作るプロトタイプ
開発に知っておいて欲しいUX/UIデザインの考え方
開発に知っておいて欲しいUX/UIデザインの考え方
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
UXデザイン実践のために押さえておきたい大事なこと 先生:瀧 知恵美
Designing UX Development
Designing UX Development
デザインの要件定義
デザインの要件定義
20150912 doda
20150912 doda
ux_team_of_one
ux_team_of_one
UXのデザインはどうすれば上手くなるのか
UXのデザインはどうすれば上手くなるのか
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
ワイワイカフェ UX、デザイン思考、サービスデザインのための「チームで使える共感ペルソナ™入門 」
UX研修「UXからサイトを考える!」2013新卒向け
UX研修「UXからサイトを考える!」2013新卒向け
Workshop Facilitation
Workshop Facilitation
ヘルプサイトの制作プロセス
ヘルプサイトの制作プロセス
20160201事業説明 ux測研
20160201事業説明 ux測研
UXMILKallnight_システム開発でデザイナーは何をすればいい?
UXMILKallnight_システム開発でデザイナーは何をすればいい?
Kwc uxjam160831
Kwc uxjam160831
UIデザインのプロセス
UIデザインのプロセス
Roo
Roo
体験をデザインするとは何か
体験をデザインするとは何か
いいUIをつくるためにしている開発手法
1.
いいUIをつくるために している開発手法 各工程で使っているツール、サイトも紹介しながら進めます。 SEREAL 安達誠寛
2.
UX、ビジネス要件、開発要件など さまざまな要件を整理(優先順位化、取捨選択)して 最適化、具現化したインターフェースのこと いいUIとは? と思ってます。。。
3.
安達誠寛(あだちのぶひろ) SERAL プランナー 年齢30才 飲食経験8年 デザイナー歴3年 フォトショップ歴2年 イラストレータ歴5年 個人事業主2年 起業1回 福岡歴10年 バレーボール歴10年
4.
仕様決めにとんでもない時間がかかった。 できたのみたら思ったのと違った。 作りこんだけど、誰も使わなかった。 ウォータフォール型の問題点
5.
プロトタイピング (アジャイル) チーム開発 シリアルの開発手法
6.
『なにをつくるのか』ではなく 『なぜつくるのか』へ
7.
①ステートメントシート作成 ②ぺルソナシート作成 ③機能一覧作成 ④画面一覧作成 ⑤ワイヤー作成 ⑥ワイヤープロトタイプ(インタラクション)作成 ⑦ビジュアルデザイン ⑧デザインプロトタイプ作成 ⑨フィニッシング ⑩ステートメントビュー作成 PLANNING DESIGN DEVELOPMENT ⑪フロント実装 ⑫バックエンド実装 各工程と作業内容
8.
PLANNING
9.
ステートメントシート ① このシートは エクスペリエンス・ビジョンというフレームワークをSEREAL式にカスタマイズしました。
10.
1. なぜするのかをチームで共有する (各作業で最適な判断が各自でできるように) 2. 漏れ、蛇足をなくす ステートメントシートを使う理由
11.
ペルソナ / 機能一覧
/ 画面一覧 名前 吉田真里 年齢 36歳 住所 鹿児島県鹿児島市紫原 家族構成 夫・子(息子6歳・娘3歳) 家賃 ¥85,000 出身地 千葉県 職業 専業主婦 年収 600万 学歴 私立短大卒業 趣味 学生時代はバレーボール、今は特 に無し性格 明るく社交的だがめんどくさがり 人生ストー リー 生まれも育ちも千葉県。部活はバ レー部で短大で保育士の資格を取 得。協調性があり、空気を読め る。学生時代からの付き合いの夫 と結婚。夫は商社営業で、5年前 生活パター ン 朝から家事。子どもと夫を送りだ した後も家事。ひと段落したら娘 の幼稚園のお迎え。夕方から家事求めている こと 子どもが遊べる場所や、みんなの 思い出になるような機会の情報。 自身の健康関連の運動や、スキル利用サービ ス Livingかごしま、市民のひろば、 ママ友の情報 リテラシー FacebookやYhooなどを空いてい る時間に眺めるが、情報が多すぎ たり、わかりにくいので、あまり 積極的に調べものをしてはいな タイムラン ・イベントを表示 ・時系列 ・表示項目(イベントタイトル、写真、場所、時間、タグ) イベント詳細 ・イベント情報(写真、タグ、場所、地図、日時、詳細、作 成者、金額) ・お気に入り ・Facebookシェア ・通報、投稿削除 お気に入り ・表示(写真、タイトル、日時、場所) ・イベント詳細へ 検索 ・キーワード検索(タイトル、詳細分から検索) ・日程検索(複数の日程を選択可能) ・カレンダーUI(カレンダーAPI) マイページ ・ユーザネーム ・写真 ・タグ選択(屋内、屋外、季節、グルメ、スポーツ...) ログイン/サインイン ・Facebookログイン ・idpassログイン 投稿画面 ・写真投稿(カメラ) ・イベントタイトル、詳細、金額、 ・場所情報取得(プレイスAPI) ②③④
12.
①「なにを」つくるのかではなく 「なぜ」つくるのかが大事 ②ステートメントシートで チームにサービスの本質理解、共有する プランニングまとめ
13.
①ステートメントシート作成 ②ぺルソナシート作成 ③機能一覧作成 ④画面一覧作成 ⑤ワイヤー作成 ⑥ワイヤープロトタイプ(インタラクション)作成 ⑦ビジュアルデザイン ⑧デザインプロトタイプ作成 ⑨フィニッシング ⑩ステートメントビュー作成 PLANNING DESIGN DEVELOPMENT ⑪フロント実装 ⑫バックエンド実装 各工程と作業内容
14.
DESIGN
15.
ワイヤー作成 / ワイヤープロト作成 ミラーリングアプリでリアルタイムに確 認しながら作成 ⑤⑥ (繰り返す) POP,Prottで遷移をつける クライアントに確認して イメージと違っていたらそく修正
16.
ビジュアデザイン / デザインプロト
/ フィニッシング 四角いタグ 角丸タグ → ↓ ⑤⑥⑦⑧⑨ (繰り返す) (繰り返す) クライアントの「わくわくさせたい」と いう思いをビジュアルに表現 もっと「わくわく」するように アイコンを修正
17.
[名前]⃝⃝ [概要] イベントを知らせたい人(ホスト)とイベントを知りたい人(ゲスト)をむすぶアプリ [ビジョン] 地域を盛り上げたい、みんなをわくわくさせたい [コア機能] イベント作成、投稿&イベント閲覧(タイムライン) [ペルソナ]
(ゲスト)専業主婦:女性(36) (ホスト)居酒屋店主:男性(42) [ユースケース] (ゲスト)家事のあいまに気になるイベントがないかチェックしてクリップ (ホスト)お店の営業時間で暇な時に作成、FACEBOOKでシェア ⑩ステートメントイメージ
18.
1. シートよりもより視覚的にサービスを理解で きるようにする 2. 開発チーム以外にも、ユーザーやビジネス パートナーなどすべてのステークホルダーに すぐ伝わるように ステートメントイメージの役割
19.
①タンジブル(見れる、触れる、試せるもの)を なるべく早くつくってフィードバックをもらう ②クライアント要求、仮説と違っていたら素早く 修正する ③上記サイクルを早くまわす (バグや機能漏れを気にし過ぎない、チームの理解が必要) デザインまとめ
20.
①なぜやるのかを皆が理解することが大切 ②プロトタイピングでPDCAを素早くまわす ③チーム(クライアント含む)の文化形成、意思疎通が大事 (チーム開発でないと上記開発手法は不可能と思う) さいごに
21.
Whyを共有して デザイン1px、プログラム1行に 反映できるプロダクト開発を 目指しています。 どんな問題を解決するのか、 誰にどう感じでほしいのか、
22.
『 Sketch嫌いのための Photoshopで UIを爆速でつくるTIPS 』 次回やってみたいこと、 有能コンポーネント紹介 Photoshopの環境設定、機能紹介など
23.
友達申請OKです。 SEREAL 安達 誠寛 (Adachi
Nnobuhiro) プランナー、UIデザイナー、アプリ解析 http://sereal.jp/
Download now