Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
コンセプトデザインガイド
Search
RyokaNAKAI
December 22, 2018
Design
0
34
コンセプトデザインガイド
ノンデザイナにも分かりやすくデザインの概念とやり方を解説
RyokaNAKAI
December 22, 2018
Tweet
Share
More Decks by RyokaNAKAI
See All by RyokaNAKAI
アフォーダンスとシグニファイア
ryokanakai
1
440
ダークユーザインタフェース
ryokanakai
0
5
【SBTechFestival2022】SCM_店舗在庫管理領域_UI改善_設計意図説明資料【配布用】
ryokanakai
0
170
【LT】ユーザインタフェース評価入門
ryokanakai
0
21
視覚障碍者ための音声認証インタフェースデザイン
ryokanakai
0
20
猫を目覚ましに変えるプロダクト「ねこざまし」
ryokanakai
0
36
【HaptiGraph】ミナールのロシア戦役表象地図を触覚で味わうプロダクトの提案
ryokanakai
0
94
Other Decks in Design
See All in Design
Masked shaman-Storyboard 2025
ashley0521
0
200
ito aya Portfolio
itoaya116
0
120
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
280
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
160
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
340
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
300
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
71k
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
820
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
160
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
690
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
120
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.1k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Six Lessons from altMBA
skipperchong
27
3.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Practical Orchestrator
shlominoach
186
10k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
52k
Designing for Performance
lara
605
68k
Transcript
コンセプトデザインガイド 〜研究テーマデザインを例に〜 所属 公⽴はこだて未来⼤学 専攻 メディアデザイン、情報デザイン ⽒名 中井崚⽇ 情報デザイナ式
このスライドの位置づけ はじめに 情報デザインに4年間関わってきた私の視点からコンセプトを デザインする際に必要な分析⽅法を共有いたします。 お読みになられた⽅はフィードバックを下さい。 このスライドで学んだ知識はなにに活かせるか? ・研究テーマ、開発テーマのデザイン ・新規性のあるプロダクトや企画のデザイン など
「デザイン」の意味を理解しよう デザインとアートは全く違う
デザインとアートの違い ⽬的 主軸 必要なもの 作業該当者 デザイン ・課題解決 ・ユーザ ・お客さん ・合理性
・論理性 ・情報収集⼒ ・分析⼒ ・コミュニケーション⼒ ・創造⼒ ・UI設計者 (プロダクト、アプリ、ポスターなど) ・研究者 ・建築家 など アート ・⾃⼰表現 ・⾃⼰ ・感性 ・創造⼒ ・⾳楽家 ・画家 など ※デザインの⼿法としてアートを活⽤している事例もある
デザインの基礎 基本フロー 調査(問題発⾒) → 分析(原因分析) → 提案(解決策) 調査 フィールドワーク/インタビュー/アンケート/論⽂や書籍のサーベイ 分析
本スライドで説明 ポイント × デザインはセンスが重要 ◦ デザインは論理が重要
ノンデザイナによるデザインに対する誤認 デザインとは × 外装やグラフィックのこと ◦ 課題解決、および課題解決のための⼿法や思考 ※ デザイナはデザインという⾔葉を名詞ではなく動詞として扱うことが多い 〜〜を 誤認の原因
ポスターなどのGUIをデザインしているデザイナが多いので 「デザイン=グラフィック」という誤った認識が広まった ※ポスターは情報と閲覧者の境界を担っているのでGUIに含まれる
コンセプト分析を実践しよう 今回は研究テーマを例に挙げる
コンセプトデザインフロー 1. 可能な限りマクロレベル(荒い粒度)で概念を対象にする 2. 対象の概念の定義を調べる 3. ⾃分なりに概念を再定義してみる 4. マインドマップを制作して付随する概念を分析して可視化 5.
可能な限りミクロレベルまで概念の構成要素を掘り下げる 6. ミクロレベルの要素をコンセプトに利⽤する
1. 可能な限りマクロレベル(荒い粒度)で 概念を捉える いきなり具体的なものを考えない • 例:テキストデータを利⽤したものを考案する場合 ×:⼩説 ×:専⾨書 △:本 ◦:書物
← まずはここをベースに考える
2. 対象の概念を改めて味わう そもそも書物とはなんなのか? (例:書物) • 調べてみる • 定義は?起源は?どんな特徴がある?どんな条件を満たしたものが書物? • じっくり味わってみる
• 関連概念は?どんなシーンで利⽤されている?書物がこの世になかったら? • できるだけ広い意味で捉える
広い意味で捉えるとは これは書物と⾔えるのか? 「⽂字が記されていること」を書物たる条件とするならばこれも書物? ↑遠くから⾒ると⽂字が浮かび上がる ↑LIFEという⽂字に⾒える ↑時刻表
3. 対象の概念を再定義してみる 結局、書物ってなんだろう ⾃分が書物が書物たるために必要だと思う条件を明⽂化し 仮説としてリストアップしてみる 書物の条件仮説の例 以下の条件を満たしたものはすべてを書物と定義 • ⽂字が記されている •
⼈またはコンピュータが記している • 記さている内容が晴眼者ならば誰でも認知可能(錯視は含めない)
4. マインドマップを制作 付随する概念の分析・可視化 書物 本 種類 媒体 専⾨書 雑誌 ⼩説
辞書 ←下位概念も随時再定義 本が本たらしめている条件は? ディジタル アナログ マインドマップの設計⽅針 認知⼼理学における 意味ネットワークモデル
どんどん具体化 媒体 アナログ 紙 プラスチック プリント紙 ⽅眼紙 ダンボール ⽊ ケント紙
⾒えてくるもの 新たな検討可能性 媒体 アナログ 紙 プラスチック プリント紙 ⽅眼紙 ダンボール ⽊
ケント紙
⽬を向けていなかった要素に気づく 書物の例:普通紙以外の媒体の本を検討 • 紙 • ⽅眼紙、ダンボール、ケント紙 • ⽊ • プラスチック
さらなる分析 • それぞれの媒体の特徴、⻑所短所 • 使⽤に適したシーンや5W1Hの想定 • 関連事例 最も本に適した媒体は本当に紙なのか? それぞれの媒体の特性ってなんだろう? 快適な読書に影響する要素は? 硬度?軽さ?薄さ?弾⼒?触覚?⾊? 透明度?強度?フレキシビリティ? →実験して調べてみよう →研究テーマに
5. 可能な限りミクロレベルまで 概念の構成要素を掘り下げる ⽂字 間隔 ⼤きさ ⾊ フォント 透明度 ⾓度
太さ 丸み セリフの有無 ⾔語 サンセリフ体 セリフ:装飾 和⽂なら、とめ、 はね、はらい など 欧⽂ 和⽂ アラビア
6. ミクロレベルの要素をコンセプトに利⽤ ⽂字 間隔 ⼤きさ ⾊ フォント 透明度 ⾓度 太さ
⽂字の⾓度に関する研究テーマの例 (ポイントはミクロな視点、マクロからミクロへの収束) • 游明朝体の⽂字の⾓度と幼児の認識速度の関係 • ⽂字の⾓度と後天弱視者が抱く印象の関係 • 新たな強調表現の提案 • 重要な⽂を⽂字の⾓度を -20°〜20°の範囲で傾けてみる • 和⽂セリフ体フォントのランダム提⽰を利⽤した認証システム
おわりに • 今回はコンセプトデザインに必要な分析プロセスの⼀部を紹介した • 他にも沢⼭ノウハウはある • ポイントは3つのサイクル • 調査 →
分析 → 提案 • かける時間の割合は調査が7割、分析2割、提案1割 • 問題の分析ができていれば提案は⼀つに収束する • 真のデザイナはポッと出のアイディアを採⽤しない • どんなに突拍⼦がないように⾒えるアイディアも背景には緻密な調査と分析が存在 • 建築家は思いつきで家を建てない • 法律、地質、周辺施設などを調査した上で図⾯を書いてから家を建てる • 研究もUI設計も基本的な思考フローは建築と全く同じ ※ デザイナ≠グラフィックやUIに詳しい⼈(間違いではないが正しくもない) ※ デザイナ=課題解決の専⾨家 (ものづくり界のコンサル)