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
32
コンセプトデザインガイド
ノンデザイナにも分かりやすくデザインの概念とやり方を解説
RyokaNAKAI
December 22, 2018
Tweet
Share
More Decks by RyokaNAKAI
See All by RyokaNAKAI
アフォーダンスとシグニファイア
ryokanakai
1
410
ダークユーザインタフェース
ryokanakai
0
4
【SBTechFestival2022】SCM_店舗在庫管理領域_UI改善_設計意図説明資料【配布用】
ryokanakai
0
160
【LT】ユーザインタフェース評価入門
ryokanakai
0
21
視覚障碍者ための音声認証インタフェースデザイン
ryokanakai
0
20
猫を目覚ましに変えるプロダクト「ねこざまし」
ryokanakai
0
34
【HaptiGraph】ミナールのロシア戦役表象地図を触覚で味わうプロダクトの提案
ryokanakai
0
77
Other Decks in Design
See All in Design
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.5k
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
320
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.4k
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
Rayout Pattern 01
one0
0
1.5k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
4.1k
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
プロダクトデザインの「守破離」の「破」について
hayashirine
0
310
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.2k
太田博三(@usagisan2020)
otanet
0
220
Museum Heist
allykae
0
120
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Adopting Sorbet at Scale
ufuk
74
9.2k
Why Our Code Smells
bkeepers
PRO
335
57k
Side Projects
sachag
452
42k
A designer walks into a library…
pauljervisheath
205
24k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
For a Future-Friendly Web
brad_frost
176
9.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
GraphQLとの向き合い方2022年版
quramy
44
13k
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に詳しい⼈(間違いではないが正しくもない) ※ デザイナ=課題解決の専⾨家 (ものづくり界のコンサル)