Submit Search
Upload
紙と鉛筆で設計しよう
•
3 likes
•
1,955 views
Makoto Henmi
Follow
オープンセミナー2014@広島の懇親会のLTで話した内容です。 スマートフォン向けアプリのUI/UX設計をペーパープロトタイピングでやりましょうというお話です。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 24
Download now
Download to read offline
Recommended
ARLT_09_就活ってなにするの??
ARLT_09_就活ってなにするの??
arcircle tmu
第0回プログラミング講座
第0回プログラミング講座
happo31
お絵かきをはじめよう!
お絵かきをはじめよう!
京大 マイコンクラブ
らくがき!
らくがき!
Atsushi Hayakawa
ライティングについて 考えてみようの巻-公開版-
ライティングについて 考えてみようの巻-公開版-
poko ponmaru
インタラクティブアート
インタラクティブアート
mmsyamada
mbedを使って女子高生に囲まれた話
mbedを使って女子高生に囲まれた話
Kazuyuki Arimatsu
Substance Designer の使い方事例
Substance Designer の使い方事例
poko ponmaru
Recommended
ARLT_09_就活ってなにするの??
ARLT_09_就活ってなにするの??
arcircle tmu
第0回プログラミング講座
第0回プログラミング講座
happo31
お絵かきをはじめよう!
お絵かきをはじめよう!
京大 マイコンクラブ
らくがき!
らくがき!
Atsushi Hayakawa
ライティングについて 考えてみようの巻-公開版-
ライティングについて 考えてみようの巻-公開版-
poko ponmaru
インタラクティブアート
インタラクティブアート
mmsyamada
mbedを使って女子高生に囲まれた話
mbedを使って女子高生に囲まれた話
Kazuyuki Arimatsu
Substance Designer の使い方事例
Substance Designer の使い方事例
poko ponmaru
マテリアルデザイン
マテリアルデザイン
Akio Yonekura
家電の話
家電の話
Nobuhide takahata
Kansai.pm
Kansai.pm
Sachiko Imaoka
マテリアルデザインってなんですか?
マテリアルデザインってなんですか?
Saori Matsui
ブループリント+ビジュアルスクリプトと仲良くやる方法
ブループリント+ビジュアルスクリプトと仲良くやる方法
Masahiko Nakamura
第一回Shibuya.javaオープニング
第一回Shibuya.javaオープニング
Kazuhiro Serizawa
Live2Dライクなオープンソースソフトウェアの開発
Live2Dライクなオープンソースソフトウェアの開発
yuki540
人口知能で色々試してみた
人口知能で色々試してみた
Yuji Shimada
UE4背景アーティスト勉強会(前編) 背景ワークフロー解説
UE4背景アーティスト勉強会(前編) 背景ワークフロー解説
Aiko Shinohara
声の実体化体験 - HTML5でつくるデジタルインスタレーション -
声の実体化体験 - HTML5でつくるデジタルインスタレーション -
Yamato Honda
Q(キュー)サイトに学ぶ、 演出のためのHTML5
Q(キュー)サイトに学ぶ、 演出のためのHTML5
Yamato Honda
P5js web editorで、クリエイティブコーディングを!
P5js web editorで、クリエイティブコーディングを!
Suzuki Junko
エンタメとテクノロジー
エンタメとテクノロジー
Kiyoshi SASAGAWA
2014 04-10
2014 04-10
Makoto Hosoya
インターフェイスによるオブジェクト指向設計
インターフェイスによるオブジェクト指向設計
Akineko Shimizu
【QRコードアーティストの自立戦略 ~ UX/UIデザインワークショップ】
【QRコードアーティストの自立戦略 ~ UX/UIデザインワークショップ】
Meyco U
LT#6 Taskete
LT#6 Taskete
Shingo Inoue
WEBデザイナーのための、印刷用画像作成(入門) 先生:村上 良日
WEBデザイナーのための、印刷用画像作成(入門) 先生:村上 良日
schoowebcampus
openFrameworksセミナー(2014)レポート
openFrameworksセミナー(2014)レポート
Nariaki Iwatani
Goで始める言語処理系実装入門
Goで始める言語処理系実装入門
虎の穴 開発室
Size class_yucovin_collabotips01
Size class_yucovin_collabotips01
Nino SAKUMA
Itelt vol8 2
Itelt vol8 2
narumisekiguchi
More Related Content
What's hot
マテリアルデザイン
マテリアルデザイン
Akio Yonekura
家電の話
家電の話
Nobuhide takahata
Kansai.pm
Kansai.pm
Sachiko Imaoka
マテリアルデザインってなんですか?
マテリアルデザインってなんですか?
Saori Matsui
ブループリント+ビジュアルスクリプトと仲良くやる方法
ブループリント+ビジュアルスクリプトと仲良くやる方法
Masahiko Nakamura
第一回Shibuya.javaオープニング
第一回Shibuya.javaオープニング
Kazuhiro Serizawa
Live2Dライクなオープンソースソフトウェアの開発
Live2Dライクなオープンソースソフトウェアの開発
yuki540
人口知能で色々試してみた
人口知能で色々試してみた
Yuji Shimada
UE4背景アーティスト勉強会(前編) 背景ワークフロー解説
UE4背景アーティスト勉強会(前編) 背景ワークフロー解説
Aiko Shinohara
声の実体化体験 - HTML5でつくるデジタルインスタレーション -
声の実体化体験 - HTML5でつくるデジタルインスタレーション -
Yamato Honda
Q(キュー)サイトに学ぶ、 演出のためのHTML5
Q(キュー)サイトに学ぶ、 演出のためのHTML5
Yamato Honda
P5js web editorで、クリエイティブコーディングを!
P5js web editorで、クリエイティブコーディングを!
Suzuki Junko
エンタメとテクノロジー
エンタメとテクノロジー
Kiyoshi SASAGAWA
2014 04-10
2014 04-10
Makoto Hosoya
インターフェイスによるオブジェクト指向設計
インターフェイスによるオブジェクト指向設計
Akineko Shimizu
What's hot
(15)
マテリアルデザイン
マテリアルデザイン
家電の話
家電の話
Kansai.pm
Kansai.pm
マテリアルデザインってなんですか?
マテリアルデザインってなんですか?
ブループリント+ビジュアルスクリプトと仲良くやる方法
ブループリント+ビジュアルスクリプトと仲良くやる方法
第一回Shibuya.javaオープニング
第一回Shibuya.javaオープニング
Live2Dライクなオープンソースソフトウェアの開発
Live2Dライクなオープンソースソフトウェアの開発
人口知能で色々試してみた
人口知能で色々試してみた
UE4背景アーティスト勉強会(前編) 背景ワークフロー解説
UE4背景アーティスト勉強会(前編) 背景ワークフロー解説
声の実体化体験 - HTML5でつくるデジタルインスタレーション -
声の実体化体験 - HTML5でつくるデジタルインスタレーション -
Q(キュー)サイトに学ぶ、 演出のためのHTML5
Q(キュー)サイトに学ぶ、 演出のためのHTML5
P5js web editorで、クリエイティブコーディングを!
P5js web editorで、クリエイティブコーディングを!
エンタメとテクノロジー
エンタメとテクノロジー
2014 04-10
2014 04-10
インターフェイスによるオブジェクト指向設計
インターフェイスによるオブジェクト指向設計
Similar to 紙と鉛筆で設計しよう
【QRコードアーティストの自立戦略 ~ UX/UIデザインワークショップ】
【QRコードアーティストの自立戦略 ~ UX/UIデザインワークショップ】
Meyco U
LT#6 Taskete
LT#6 Taskete
Shingo Inoue
WEBデザイナーのための、印刷用画像作成(入門) 先生:村上 良日
WEBデザイナーのための、印刷用画像作成(入門) 先生:村上 良日
schoowebcampus
openFrameworksセミナー(2014)レポート
openFrameworksセミナー(2014)レポート
Nariaki Iwatani
Goで始める言語処理系実装入門
Goで始める言語処理系実装入門
虎の穴 開発室
Size class_yucovin_collabotips01
Size class_yucovin_collabotips01
Nino SAKUMA
Itelt vol8 2
Itelt vol8 2
narumisekiguchi
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
未経験の子供達と iPad/Pyonkee を半年触ってみた
未経験の子供達と iPad/Pyonkee を半年触ってみた
Masao Niizuma
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Hideki Akiba
Penbe ~勉強したくなる魔法のペン~
Penbe ~勉強したくなる魔法のペン~
Keiji Tatani
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Takuya Nishitani
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説
光吉 浜谷
C#でアプリを作ってみよう! #ngtnet
C#でアプリを作ってみよう! #ngtnet
将 高野
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
Tsutomu Kawamura
北海道の楽しい100人
北海道の楽しい100人
Takehito Tanabe
第1回プログラミング大学in福岡
第1回プログラミング大学in福岡
Ryu Yamashita
P5sound
P5sound
Akio Yonekura
ドット絵でイラストのコツを学ぶ!アイロンビーズを使ってドット絵をつくろう!【とのさまラボ】
ドット絵でイラストのコツを学ぶ!アイロンビーズを使ってドット絵をつくろう!【とのさまラボ】
schoowebcampus
プログラミングはじめの一歩 先生:関根 元和
プログラミングはじめの一歩 先生:関根 元和
schoowebcampus
Similar to 紙と鉛筆で設計しよう
(20)
【QRコードアーティストの自立戦略 ~ UX/UIデザインワークショップ】
【QRコードアーティストの自立戦略 ~ UX/UIデザインワークショップ】
LT#6 Taskete
LT#6 Taskete
WEBデザイナーのための、印刷用画像作成(入門) 先生:村上 良日
WEBデザイナーのための、印刷用画像作成(入門) 先生:村上 良日
openFrameworksセミナー(2014)レポート
openFrameworksセミナー(2014)レポート
Goで始める言語処理系実装入門
Goで始める言語処理系実装入門
Size class_yucovin_collabotips01
Size class_yucovin_collabotips01
Itelt vol8 2
Itelt vol8 2
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
未経験の子供達と iPad/Pyonkee を半年触ってみた
未経験の子供達と iPad/Pyonkee を半年触ってみた
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Creative Cloud デザインツールの便利な8つの機能 - ADC MEETUP ROUND 08 SESSION2 -
Penbe ~勉強したくなる魔法のペン~
Penbe ~勉強したくなる魔法のペン~
デザインに自信がつく、タイポグラフィの基本
デザインに自信がつく、タイポグラフィの基本
Leapmotionとp5.js:DEMOと解説
Leapmotionとp5.js:DEMOと解説
C#でアプリを作ってみよう! #ngtnet
C#でアプリを作ってみよう! #ngtnet
シンボルフォント — それは、新しい画像形式
シンボルフォント — それは、新しい画像形式
北海道の楽しい100人
北海道の楽しい100人
第1回プログラミング大学in福岡
第1回プログラミング大学in福岡
P5sound
P5sound
ドット絵でイラストのコツを学ぶ!アイロンビーズを使ってドット絵をつくろう!【とのさまラボ】
ドット絵でイラストのコツを学ぶ!アイロンビーズを使ってドット絵をつくろう!【とのさまラボ】
プログラミングはじめの一歩 先生:関根 元和
プログラミングはじめの一歩 先生:関根 元和
More from Makoto Henmi
若者が勉強会に参加しない問題
若者が勉強会に参加しない問題
Makoto Henmi
開発フローを改善した時の昔話
開発フローを改善した時の昔話
Makoto Henmi
Joinsが使えなかった話
Joinsが使えなかった話
Makoto Henmi
RailsでKnockout.js
RailsでKnockout.js
Makoto Henmi
24時間コンテストに参加した話
24時間コンテストに参加した話
Makoto Henmi
Sassでちょっと楽しよう
Sassでちょっと楽しよう
Makoto Henmi
岡山のRuby勉強会(OSC広島2013)
岡山のRuby勉強会(OSC広島2013)
Makoto Henmi
Rhodes
Rhodes
Makoto Henmi
More from Makoto Henmi
(8)
若者が勉強会に参加しない問題
若者が勉強会に参加しない問題
開発フローを改善した時の昔話
開発フローを改善した時の昔話
Joinsが使えなかった話
Joinsが使えなかった話
RailsでKnockout.js
RailsでKnockout.js
24時間コンテストに参加した話
24時間コンテストに参加した話
Sassでちょっと楽しよう
Sassでちょっと楽しよう
岡山のRuby勉強会(OSC広島2013)
岡山のRuby勉強会(OSC広島2013)
Rhodes
Rhodes
Recently uploaded
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
Recently uploaded
(14)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
紙と鉛筆で設計しよう
1.
紙と鉛筆で設計しよう オープンセミナー2014@広島 懇親会(が本番) 逸見 誠(@mako_wis)
2.
about me 逸見 誠(Henmi
Makoto) 生まれてからずっと岡山 Objective-C,Java,C# ! T witter mako_wis GitHub makowis オープンセミナー2014@岡山実行委員長 Hiroshima.rb(幽霊部員) すごい広島(エア参加枠)
3.
そんな私の近況
4.
最近、転職しました
5.
転職後の最初のお仕事
6.
iOSアプリのUI設計
7.
最近の仕事道具
8.
9.
絵を書く道具ばっかり
10.
最近の仕事風景
11.
12.
つまりお絵かきしてます
13.
ペーパープロトタイピング やってます
14.
UI設計のやり方色々 モックをXcodeを使って作る ペイントソフトを使う Excel方眼紙を使う ペーパープロトタイピング
15.
使ったツール達 Paper Prototyping Pad シャーペン 定規 色鉛筆 付箋 POP(iPhoneアプリ)
16.
Paper Prototyping Pad ペーパープロトタイピング用のノート iPhone5の絵が書いてあってディスプレイ部分 が1ピクセルの格子状に線が引かれている タブやナビゲーションバーの高さの目盛りが 書いてあって便利 ネット通販で買えます
17.
シャーペン 削らなくていいです 間違っても消しゴムで消せます 修正が入っても消しゴムでry
18.
定規 線を引くのに便利 透明な方が後ろ側が見えて良い 丸が何個か繰り抜いてある定規が便利 ものさしは方言らしい
19.
色鉛筆 選択部分とかを色分けする ちょっと色を付けるとイメージしやすい 非選択とかをグレーで書く
20.
付箋 アラートとかコンファームを書いて貼る 画面の一部だけ変わる時に重宝
21.
ペーパープロトタイピング用のiPhoneアプリ 紙に書いたUIを写真に撮って画面遷移をシ ミュレーションできる 他のメンバーに共有もできたりする
22.
やって良かったこと サクッとUIが書ける 修正が簡単
23.
やってみようかな 同じパーツはコピーする ペンタブとかを使ってみる?
24.
おわり
Download now