• 検索結果がありません。

フラットデザインが炙り出すデザインの知恵(<特集>実践するデザイナーたちのデザイン知)

N/A
N/A
Protected

Academic year: 2021

シェア "フラットデザインが炙り出すデザインの知恵(<特集>実践するデザイナーたちのデザイン知)"

Copied!
7
0
0

読み込み中.... (全文を見る)

全文

(1)

Japanese Society for the Science of Design

Japar ユese  Society  for  the  Science  of  Design

フ ラ

が 炙 り出 す

知 恵

Wisdom

 

of

 

Design

 

Evoked

 

from

 

Emergent

 

of

 

Flat

Ul

Design

平 野

友 規

落 合 健 太 郎

株 式 会 社 トラ イ ア ン ド

HIRANO

 

Tbmoki

OCHIAI

 

Kentaro

TRIANDInc

UI

(ユ

インタ

フェ イス)デザ インの ト レン ドは

の スキュ

フィ ッ クデザイ ンから フ ラッ トデザイ ンへ

説 明

装飾

から

脱却

した。 フ ラッ トデザ インとい う

共通

の デザイン ト

ンによって

UI

ビ ジュ ア ル デザインの 「 ジュ

」 が 起 きて いる

そ の こ とから

Ul

の ビ ジュ ア ル デ ザ イ ンがコ

ド の みで実 装 可 能と な り

これ まで 困 難と されて い た

UI

ビ ジュ ア ル デ ザ インの ラ イブラ リ化が は じ まると考え られ る

近い将 来

UI

の ビ ジ ュ アル デ ザ イン という 仕 事 がエ ンジニア側の ワ

クフ ロ

に組 み 込 ま れ るだ ろう

描 画 」 と いう デ ザ イ ナ

の専 門 性 が 揺 らいでいる

本稿

では

デザ イ ナ

仕 事

本 質

とは デザイニ ング

行 為)

とそれ を 支 える知 恵 に ある こと を 主 張 する。 そ のた めに

著者

ら の

業 務体験

参 考

考 察

する

Abstract

The

 

UI

 

design

 

trend

 

has

 shifted 

from

 

Skeumorphic

 

design

 

to

Flat

 

design

 removing  any stylistic choices 

that

 

give

 

the

 

illusion

of 

three

dimensions

such as 

drop

 shadows

 

gradients

 or

textures

It

 can 

be

 

forecast

 

that

 

the

 common  

design

 

tone

 

that

is

 

flat

 

design

 will 

lead

 

to

 

the

Modularization

 of visual 

design

of 

U

and  

this

 combined  with 

the

 

fact

 

that

 

Visual

 

design

 can

be

 

implemented

 

by

 code  alone  will 

Iead

 

to

 

Visual

 

design

 

field

being

 completely  covered  

by

 standard  

1

braries

 a 

feat

 con

sidered  extremely  

di

icult

 at the moment

 

In

 the near  

future

the

 

task

 of 

Visual

 

design

 will 

become

 

part

 of 

the

 software

developer

s workflow

 

In

 

this

 situation

 where  

the

 specialty  of

the

 

designer

 whose  

job

 

is

 

to

 

draw

 

is

 swaying

 what  exactly  

is

thejOb

 OfadeSignerS ?

In

 

this

 

thesis

 we  wili 

define

 

the

 new  specialty  of 

designer

 as

the act of 

designing

 and the wisdom  necessary †o undertake

this

 act

 

These

 are 

based

 on 

the

 work  experiences  of 

the

author

1

は じ め に 近

ソ フ ト ウェ ア の

UI

純 な 要

と タ イ ポ グ ラフ ィ

ー、

簡 潔

き を

使 用

したミニ マ リズ ムの

視 覚

式 が トレ ン ドになっ て い る。 そ の

視 覚表 現

は 「フ ラ ットデザ イ ン

的造

形デザイン

田 」 と

ば れ

大手

ソフ ト ウェ ア企

Apple

 

Google

 

Microsoft

な ど

自社製 品

UI

にフラ ッ ト

デ ザ インを採 用し たこ とで

そ れ を後 押 し し た。 そ れ以

擬 似 的に実 物のような 質 感に似せて立体 感 や

行き

光 沢

を 演 出 し た 写 実 的 な 視 覚 表 現の様 式が トレン ドだ った

これは 「

フ ィ ック デ ザ イ (擬 似 造 形 デ ザ イ匚2 ] 」 と 呼 ば れて い る

スキュ

フィ ックデザイ ン では

ソ フ トウェ ア に実 装 する た めの

UI

要 素

写 実

的 に 造 形 表

する スキ ル がデザ イ ナ

に は

め ら れ た

近 年

フ ラットデザ インを 採 用 す るこ とでその

現 は

単 純 化

さ れ

熟 練 したデザ イナ

でな くても容 易に同 様の表 現を描 画で き る よ う になっ た

し か し

デ ザ インができ る か ら と言っ て誰 でもデザ イナ

にな れ る わ けで は ない

本 稿の前 半で は

なぜ ソ フ トウェ アの

UI

にフ ラッ トデ ザ イン が 普 及 して い るのかを 建 築の歴 史と照ら し合 わせなが ら考 察 す る

そこか らフラッ トデ ザ インが 与 え る デ ザ イ ナ

の専 門 性 の 揺 ら ぎ を 示 唆 す る

後 半では

その揺 ら ぎの中 に見いだ すこと の できる デザ イ ナ

の 「

事の本 質」 につい て再 考 す る

そこ か ら デザイ ナ

の行っ て い る作 業と そ れを 支え て い る デザ イ ナ

の知 恵につ いて考 察 する

2

UI

の フラットデ ザ イン化と

らぎ

2.

1

UI

の フ ラットデ ザ イン化 ソ フ トウェ アの

UI

にス キュ

フィック デ ザ イ ンが採 用さ れていた 理 由の ひ とつ に 「現 実 世 界物 理 的 な 類 似 性 や 文 化

で の

標 準

的 な 決 ま り」 と 「ソ フ トウェ アの

UI

」 を

然に対

づ けると

す ぐ に理 解 がで き る よう に な る という意 図が あっ た

Ul

を 現 実 世 界 に 存 在 す る 馴 染 み の あ る 形 に す るこ と で

ソ フ ト ウェ アに 対 す るユ

の学 習 と 認 知 を 促 し たのだ

し か し、 パ ソコ ンやスマ

トフォ ン

タ ブ レッ ト

電 子 書 籍

デジ

ルサイ

WEB

サ イ ト な どのオン スク リ

ンメ ディア が成 熟 化し た こ と によ り馴 染み のな かっ たソ フ トウェ ア の

UI

般 的にな り

 

UI

よ りコ ン テ ン ツが 重 視 さ れ 実 物 を 模 倣し た

感は視 覚 的ノ イズ と感 じられるよ う に なっ た

さら に

多様

な画 面サ イズに対 応 するた めの視 覚 表 現 が 必 要 に なっ

14

デザイ ン学研究特 集 号

speclal issue ofjapanese  societyforthe  scienceof  design

VoL21

3 No

83 2014

(2)

NII-Electronic Library Service

     

iOS

標 準

のメ

ル作 成圏面        異

な る

OS

UI

ツを

合成

した

囹面 (

       

Android

の メ

作成 颪面

1

UI

要素を 入 れ 替 え て も デ ザ イント

ン が崩れ ない (試 み)

iOS

標 準 の メ

ル 作 成 画 面 (

App

[e 

lnc

2014

 

Android

の メ

ル 作 成 画 面

   

Google

 

lnc

2014

) たこと も 要 因 と な り

大 手ソ フ ト ウェ ア の

UI

がスキュ

フィ ックデザイ ンから フ ラッ トデザイ ンへ 移 行

説明過

な 装

を 脱 却したと考え られる

こ の流れ は

モダニ ム建

の成り 立 ち と重な る

20

世 紀 初 頭 に

19

世 紀 以

の装 飾を用い た

築を否 定 す るモ

ム建 築が躍 進し た

鉄 骨 造 や 鉄 筋コ ンク1丿

ト造

ガ ラス の普 及 な ど

使 用 地 域 に 依 存 し ない建 築 材 料 が 大 量 生 産 可 能 に なっ た 技 術 的 な 要 因 も重 な り

モダニ ズ ム 建 築 は 機 能 性

合 理 性 と いっ た 基 本 理 念 を もっ た

装 飾 を 省 くこ とで地 域 性 と 民 族 性 を 超 え た 普 遍 的 な デ ザ イン

標 準 化

の成 立 を 目指 したの である

モダニ ズム建 築 とフ ラ ットデザイ ン は共 通 点 が 多い

装 飾 を排 した 外 観の変 化はも ちろ ん

地 域 性と 民族

を 超えた

遍 的 なデザイ ン (標 準 化 ) を目指 すと い う こ と も

iOS

Apple

Android

Google

 

Windows

Microsoft

とい っ た ソ フ ト

ウェ アが

世 界 中

と 地

使 用

さ れ

し い

体 験

を も たら

こと を

目指

し ている

通し て い る。 モダニ ズム建

表 建

築家

の ひ と り で あ る ル

コ ルビュ ジエ が 提 唱 したモデュ ロ

ル は

の寸 法 と

金 比 か ら建

や工

生 産

に おい て

適 な 寸 法 を

通の

尺 度

とする こと を

し た

にモ デュ ロ

ルが

国際

的 な 寸 法 と して

採用

さ れる こ と は な かった が

の 工業 生

え方に大き く影 響を与え た

2.

2.

モ ジュ

フ ラッ トデザ インに よっ て ソ フ ト ウェ ア の

UI

標 準

化に向 か うこ とで

UI

の ビジュ ア ル デザ インがモ ジュ

ル化 さ れる 可 能 性 が あ る

ソ フト ウェ ア

UI

の ビ ジュ アルデザ インがスキュ

フ ィ ック デ ザ インか らフラッ トデザ イン へ 移 り変 わると

Ul

の外 観 を切 り

え る

単 位

が さ ら に 小 さ くなるか ら だ。 ス

フ ィッ

インで は

あ る

質 感

の デ

イン ト

Look

FeeD

が 適 用 さ れ た ボ タンやスクロ

ル バ

ー、

タ ブ

な どがセ ット に なっ た も の

ス キ ン セ ッ ト や テ

ビ ジュ ア ル スタイ ル と言わ れ る も の

が外 観を切り替え る最 小

位 だっ た

切り替え 可

な ソ フ ト ウェ ア で は

こ の ス キ ン セ ッ ト を

複 数

用意し

交 換

す る こ とで外 観を切 り替え た

し か し

フ ラットデ

インで は

タンや ス クロ

ルバ

ー、

と いっ た 個 々 の

UI

コ ン トロ

ル が 最 小 単 位 に な る

極 端 な 例 だ

Android

Gmail

の 送 信

タンの デ ザ インを

 

iOS

の メ

ル ア プリの送 信 ボ タン のデザ インと 入れ 替 えてもデザイン ト

ンが

れ ないとい うこ とで あ る

1

はこ の入 れ

え た例 を

して い る

なぜな ら ば

iOS

Android

UI

の外 観 が 「フ ラ ッ ト」 という 共 通のデ ザ イン ト

ンで実 装 さ れ るの で

交 換 して も 外 観の統

感 が 維 持 さ れ る か ら だ

つ ま り

フ ラッ トデザ イ ンとい う 共 通のデ ザ イン ト

ンを もっ ことで各

UI

コ ン トロ

ルの外 観 は 異 な るソ フトウェ ア でも

その ト

ンが 維 持 され 交 換 可 能 な 構 成 部 分 と な る

本 稿ではこれ を

UI

ビ ジュ アルデザ インの 「

ル 化」 と 考 え る

も ち ろ ん

この図 に 示 す 試 み は 極 端 な 例であ り

実 際 に は カ ラ

スキ

ム な どの違いで整 合 性 が 合 わ ない こと も ある

重 要 なのはフ ラットデザ インとい う視 覚 表 現の様 式 を 通し て

UI

ビ ジュ ア ル デザイ ン におい て も モ デュ ロ

ル の

え方 が

及 し は じ めている点にある

2

3

ラ イ

ラ リ化 で は

、UI

ビ ジュ アルデザ インの 「モジュ

」 が 進む と

何が起こるのか ? ソ フ トウェ アエ ン ジニア リングの歴 史 か ら

えてみ たい

ソ フト ウェ ア の

野で は

頻 繁

使

用 さ れ る

埋 は 抽

化 さ れ

再 利用

しや

としてまと め ら

た 「ライ

ラ リ」 とい

(3)

Japanese Society for the Science of Design

Japar ユese  Society  for  the  Science  of  Design

う形を と る

ラ イブラ リ は内 部に ま と め られ た 処理や 機 能 を 呼

す た め の 「

AP1

Application

 

Programming

 

Interface

」 と

言 わ れる窓口を設 け てお り

ラ イブラ リを 使用するエ ンジニ ア は

そ の

AP

すだけ で

内部

理 を

実 行

できるよう に なっ て い る。 ソ フ トウェ ア の

開発現 場

では

こ の ライ ブラ リが

整 備

れ 共通 化

効率 化

が 進め ら

た。

UI

ビ ジュ ア ル デ ザ イン の 「

ル 化」 は

こ うい っ た ラ イ

ラ リ の思 想 との親 和 性 が 高い

さら に実 装 観 点 からもそ の 有用

ス キュ

フィ ック デザイ ン のボ タン を実 装 する場 合

立 体 感 や 質 感 が 描か れた ビッ ト マップ画像 をデザイ ナ

が切 り出し

エ ンジニ アがそ れ を貼 付け るプログラ ム を書 く こ と で

ボ タ

ン の デザイ ン を

実装

する。 し か し

フ ラッ トデザ インの

タンを

実 装

する と

ソ フ ト ウェ ア の

命令

セッ ト を用い て

面 や

文 字

画 す るこ とができ る

ビッ トマ ップ 画 像 を

使

用せ

に 実 装 す るの で

フ ラ ッ トデザ インに 限 れ

UI

ジュ アル デ ザ インはコ

ドの み で実 装 可 能 と な る

ド の み で実 装 可 能 ということ は

U

[のビ ジュ ア ル デザ イン がエ ンジニア側で使 用できる リソ

スに なる可 能 性 を 示 している

こ れ は

Web

フォ ン ト や イ ンタ

ネッ ト上で配

さ れ て い る アイコ ンな どで

に現

実 化

されつ つ ある。

UI

の ビ ジュ ア ル デ

インが再 利 用 可

な ラ イ

ラ リ と し て

使

用 で き る よ う に なっ てきて いるのであ る

2

4

イ ナ

仕 事

フ ラッ デザ インを きっ か け に モジュ

と ラ イブラ1丿

UI

の ビ ジュ ア ル デザインはエ ン ジニ ア

の ワ

クフ ロ

に組 み 込 ま れ るだ ろう

し か し

UI

視 覚 化 す ること」 に関 する デ ザ イ ナ

のすべ て の仕 事が

エ ンジニ ア側へ移る の だ ろ うか ?

UI

の 開 発フ ロ

を 振 り返 り なが ら考えてみ る

 

Ui

の開 発は以 下の

5

つ の作 業に分 類される と著 者ら は考えて い る

 

要 件 定 義 作 業 : ユ

ズ に あっ たコ ミュ ニケ

ショ ン

 

戦 略 を 考 え

それ に 適 した

能 とコ ン テ ン ツを 定 義 す る

 

抽 出 作 業 :要 件 定 義 し た 機 能 とコ ンテン ツに 当ては ま る

U

[  の要 素 を 抽 出 す る

  構 築 作 業

抽 出

した

Ul

要 素

りや す く整 理

み立

 

て 設 計

料にす る

 

視 覚 化 作 業 :設 計 資 料 を 参 考 に

UI

の ビ

ュ アル デ ザ インを   描 画 する

 

実 装 作 業 :描 画した ビ ジュ ア ル デザイ ン に機 能

動 き な   ど を 組み合 わ せる 上 記の分

職 種

別に

き 換え ると 以下 の通 りである

 

要 件 定 義 作 業 ;マ

ケッタ

やプ ランナ

  抽 出作 業

イ ン フ ォ メ

ション ア

キテク ト

 

構 築 作 業 :

ションア

キ テ ク ト

 

視 覚 化 作 業 :デ ザ イ ナ

  実 装作 業

; エ ンジニ ア

16

デ ザ イン学 研 究 特 集 号

sPec[21  issue ofjapanese  seciety ferthe science ofdesign

Vol

21

3 No

83 2014 こ の

 

がエンジニ ア の ワ

クフ ロ

と して組み込 ま れる可 能 性 を 指 摘した 部 分である

しかし

上 流工程であるイン フォメ

ショ ン ア

キテク トが 仕 上 げてき た   の資 料 を鵜 呑みに し

と し て

いてい るわ けで はない

デザ イ ナ

はマ

ケッ タ

や プラ ンナ

ー、

イン フォメ

ショ ン ア

キテク ト

エ ン ジ ニ アと

相 談

しな がら

 

 

作 業

断 的 に

ま た 統 合 的 に 捉 えて

 

作業

っ て い る の である。

え ば

デ ザ イ ナ

とエ ンジニア が行 う

「 こ のデ

インは

実装

で きるか?」 と い う

話 が あ る

デ ザ イ ナ

の知 識 不 足で実 装 可 能か分か らない と い う 状 況 も 考 え ら れるが

熟 練 した デザ イナ

の場 合

実 装 難 しいのは 想 像でき る が

こういう 理 由 が あ るので

どうに か 実 装 して欲 しい」 と通 常 よ り手 間が か かる 方 法をエ ン ジニ ア に

求 す ること も

デ ザ イ ナ

が そのよ う な 要 求 を す る 理 由 は

ズ を 重 視 した クライア ン トの 「 」 やコ ミュ ニ ケ

ション

戦 略

と して の 「メッ セ

ジ」な ど を

Ul

の外 観 や 動 作の表 現と して

よ り

くユ

達で き る こ とを 求めて いるか らであ る

こ の行 為 は

小 説 家 が 読 者 に 対 して

ど うい っ た 単 語 を 選 び

立てを す れ ば

よ り魅 力 的 に 意 図 や 雰 囲 気 が 伝 わ るかを 考え る

仕 事

ている。 例 え ば

今 日 は

38

日で し た」 と

述 する の と

がミ ン ミ ンと 鳴 き 続 けて いた」 と 記

述 す

る の で は

かっ た とい う

事 実

じでも 意

微 妙

に 違 う

後者

という モ チ

フから

よ り

を 想 像 させるか も し れ ない

この微 妙な

味の違い こ そ が

現 活動 を

仕事

に す る専 門家の肝要 で あ り戦場 だと 言 え る

デザイ ナ

もユ

に対 し て

よ り魅 力 的にユ

ズ を 重

るクラ イ ア ン トの 「想 い」 や コミュ ニ ケ

ショ ン戦 略と し て の 「 ッセ

ジ」 が 伝 わ る よ う に

UI

の外 観 や 動

現と し て デザイ ン

の言 葉 選 び を して い るので あ る

前 述 し た

モジュ

ル 化 とラ イ

ラ リ 化 が 進 みエ ンジニ ア 側の ワ

クフ ロ

UI

のビ ジュ アル デ ザ インが 組 み 込 ま れ るこ と は

エ ン ジニアがデザ イン語 を 扱 えるよ う に な ることを

意 味

し て いるわ けでは ない

それ は あ く までも

エ ンジニ アが

デザ イン語か ら具 象 化された ひ とつの例 文

を扱え る よ う に なっ た とい うこ となのだ

つま り

視 覚 化 作 業 」 の

部で あ る 「 画」 のみ が ラ イ

ラ リ化 さ れた というこ と な のであ り

だ けではデザ イ ナ

のすべ て の仕 事 を 語 れ ないので あ る

こ こ に デ ザ イン の本 質 を 見いだ すことができ る

本来

デザイ ンとい う

言葉

には 企 画

意 図

目 的

図 案

意 匠 な どの意

ま れ

モ ノゴ トを 生み出 す プロセス全 般 に 関 わ る こと を 指 す

しか し

ビ ジ ネスに お け る 生 産 効 率 向 上 の た め の分

化 を 優 先した 結 果

前 述 し た 役 割 分 担とな り 「描 画 け がデザイナ

の専 門になっ た よ う に 見て と れ る が

実 際

 

 

作 業

断 的に

ま た 統 合 的に捉 えて視 覚 化 作 業 を 行っ て い る

フ ラッ ト デザイ ンが 引 き起こすモジュ

ル化 とラ イ

ラリ化によっ て

デ ザ イ ナ

仕 事

本質

が 炙 り だ さ れて いるの

。 デ ザ インコ ンサ ル タン ト

会社

IDEO

の設 立

の ひと りである

(4)

NII-Electronic Library Service

繭 麟

繍 齢

図2

イ ンタラ ク ショ ン デザイ ン のプロ セ ス (Moggridge

2006 ) ビ ル

モグ リッジ [31は

Designing

 

Interactions

』[4 ]の中で 図

2

と ともに

インタラクショ ンデザ イン のプロセス につ い て以 下 のよ うに述べ て いる

Elements

 of 

the

 

Design

 

Process

We

 can 

generaIize

 

the

 

interaction

 

design

 

process

 with

these

 

ten

 elements constraints

 synthesis

 

framing,

ideation

 envisioning

 uncertainty

 selection

 visualization

prototyping

 and evaluation

They

 w“

I

 often 

be

 used  

in

 

the

 same  sequence

 and

repeated 

iteratively

but

 

the

 most  

productive

 

process

 

is

 usually  out of order ;

it

 can sometimes  seem  almost  random

   

Remember

 that 

pinball

 machine  analogy

    インタラクショ ンデザ インのプロセス は10の要 素で

般 化

   

する こと ができる

それらは

くの場 合

Gonstraints

   

Synthesis

Framing

Ideation

Envisioning

Uncertainty

  

Selection

Visualization

Prototyplng

Evolution

   序

で用いら れ

復 的

り返さ れるが

も生 産 的 な ブ    ロセ ス は常に そ の よ う に は い か な い

そ れ は 時 々

ほ と ん

   

どでた ら め な よ う に見え

ま る でピンボ

ル マ シ ン を想 起

  

さ せ る

Moggridge

2006

デ ザイナ

が視 覚 化 作 業 (

Visualization

を す る場

そ こ だけ 単 体で作 業 して い る ので は な く

プロ セ ス 全

断 的 に

ま た 統 合 的 捉 えて作 業 を 行っ て い ること がよ く分かる。 で は

な ぜ デ ザ イ ナ

は 第 三 者 と関 わ りな が ら そのよ う に 作 業が 行 え るの であ ろ う か

では

著 者 らの業 務 体 験か ら見いだ した 描 画 する こと 以 外の 「ザ イ ナ

作 業 」 とそ れ を

えて い る 「イ ン の知 恵 」 を 例 に 挙 げ 考 察 する

また

稿

では 描 画しアウ トプッ トされた成 果 物を 「デザ イン (成 果 物 )」

描 画 を 含 む よ り広い 「デ ザ イ

作 業 」 の全 体 を 「ザ イ= ン グ (行 為 )」 とす る

3

デ ザ イ ン の知

3.

1.

介 す る こ との デ ザ イニ ング

WEB

サ イ トやサ

ビス

アプリ ケ

ションな どの

案件

デザ イ ナ

仕 事

が 発

されるタイ ミ ングは

クラ イ ア ン ト

者)

による

市 場

調 査や

合 分

サ イ ト

既存サ

ビス の

評価

な どが

わ り

今 後の コ ミュ ニ ケ

ショ ン戦 略 が 立 案 さ れ た時 だ。 そ の

に ク ラ イ ア ン ト と デザイ ナ

と の打ち合わ せが 設け ら れ る

そ こ で要

え ら れ デザイン

成 果

物 )

を 発 注 さ れ る

し か し

実 際は 具

的に コ ミュ ニ ケ

ショ ン戦 略 が 立

さ れ

そ れ に適し た

能と コ ン テ ン ツ を定 義さ れ た書 類 がその場にあ るこ と は稀であ る。

経 験

曖 昧

な ま ま

わ せが 設 けられ るこ とが

い。 そ の理

と し て 「ま だ

完成

イ メ

ジ が 湧か

そ の

戦 略

妥 当

な の かクラ イ ア ン ト

からな い こと」 ま た は

メ デ ィ ア と違いオン スク リ

ンメ デ ィアで は

イン

物 )

実 装

わ り

機 能

きの インタ ラ クショ ンが発 生 す るの で

完 成イ メ

ジ が掴み づ らい こ と」 など が考え られる

そ の た め

目に見え ない機 能や仕 組み

具 体 的なコ ンテンツ を可 視 化し た設 計 資 料を

成す る必要があ る

こういった設 計 資 料の 作 成は

、一

般 的に は イン フ ォメ

ショ ン ア

キテ ク トが担 当 する が著 者ら は デ ザ イ ナ

が担っ て い る

般 的 な 設 計 資 料内 容 は

単 純 な 図 形と文 字 に よ る サ イ トス トラ ク チャやフ ロ

チャ

ワイ ヤ

フ レ

ムに よ る 画 面 設 計 書 な どであ る

社 内で のコミュ ニケ

ショ ンの手 段 や 検 証 用 の モックアップ とし て それ を 利 用 することの 有 効 性は高い

し か し

情 報 構 造の組 織 化に注 力 するあ ま りその表 現に不 慣 れ な クラ イ ア ン トに設 計 資 料と して提 出 した場 合

経 験上

読 解

静鰕

∵ :

(5)

Japanese Society for the Science of Design

Japar ユese  Society  for  the  Science  of  Design

一尋

〆“

ぎ歸 轟 ;tTP

郁藍

3

ザ”「

r5

緊 ∫‘1み

…・

6

 

 

P

  

 

1

    ド

N

ss

\  

 

、 丶

誤    

  覧蹴鴫

    醤

8評

一…

1

ン ・

     

麟郵 ン ‘ 、

      

h

    

       

     

L

 

rt

デザイン 果物)を含ま せ た設計 資 料 (

TRIAND

 

lnc

2014

欲 (読 み 解こう とす る 意 欲 )の低 下 を 招 き 理 解され ない こと が 起 き ること が あ る

そこ でデ ザ イ ナ

が 担 当 し

デ ザ イン (成 果 物 ) を 含 ませ た 設 計 資 料 に す る という 方 法 が 採 用 さ れ る (図

3

著 者 ら が 作 成 する設 計 資 料の 目 的 は

目 に 見 え ない機 能 や 仕 組み

具体 的 なコ ン テ ン ツを可視 化し

読 解 欲 を 向 上 さ せ

デザ イン (成 果 物 )のイメ

ジ (仮 案 ) を 見て対 話できる 場 を 創 造 することである

それ 故に

そ の時 点で デザ イン (成 果 物 ) を 決 定 することに重 点 を 置いて はい ない

重 要 なの は デ ザ イ ナ

が 用 意 し たデザ イン

成 果

物 )

やそれ を

ん だ

設計 資

料 が

クライアン トの要 件 定 義 や 完 成 イメ

ジ に 対 して 「

だっ た /妥 当では な かっ た」 の判 断 基 準 と なる こと だ

に 妥 当では な かっ たの であ れ ば

そ の場で

緒に赤ペ ン で修 正 する こと が 可 能であ る

そこに 「創 造 的 な 対 話 」が 生 ま れる

こ う した 対 話の場 を 創 出 する ことで

クラ イ アン ト と

に デ ザイ ン (成果物

を見な が ら

考え な が ら デ ザ イン (成果

物 )

成が

ま る

つ ま り ク ラ イ アン ト は

デ ザ イ ナ

を媒 介 す る こ とでデ ザ イン

成果 物

の制 作に関 与す ること ができ る の で あ る

こ れ が

媒介 す る こ と の デ ザ イニ グ (行 為 )で ある

4

は こ の関わ り

い の

況を

し て い る

3

2

媒 介 す るこ と のデ ザ イニ ング を 支 え る 知 恵 媒 介 するこ とのデザ イニ ング

為)

を 支 えている の は

話」 を 通 して解 を 創 成 するというデザ イン の知 恵である。 これ は デ ザ イン (成 果 物

が 「答 え

ある

的 を 達

するため の

果 物 ) と 問 題 (成 果 物 を 見て

しい問 題 を

顕 在 化

させ る こと

を同時に提示 す る と い う特 性に よっ て成立 してい る

こ こに ク ラ イ ア ント とデザイ ナ

の建設的な相互

用 を創 出す る こ と が できる の である

著 者ら が 担

し た

G

社の

WEB

サ イ ト リニ ュ

ア ル プロジェ ク ト

5

例を

参考

に取り 上 げ る

この事 例で は

トップペ

18

デ ザ イン字研 究特 集号 sPec」al IssueoflaPanesesocletyforthescienceofdesign Vol

21

3 No

S3  2014

Client

Designer

4

クライア ント と

緒にデザ イン (成果物 )を見な が ら考え

考     えな がら デザイ ン (成 果物)を構想し 可視化する ジの メ イ ンビ ジュ ア ル とグロ

バ ル ナ ビ ゲ

ション の項 目 を

定 す るにあたって

こ の

知 恵

有効

に は た ら い た の でそ れ を

察 す る

リニ ュ

ア ル 前の

G

社の

WEB

のサ イ トでは

メ インビ ジュ ア ル は 「会 社 全 体 を 空 撮 した 写 真

グロ

バル ナ ビ

ショ ン は 「会 社

1

伸 銅 製 品

1

グ ネ製 品

1

研 究 開 発

1

ネシウム量 産 開 発

1

設 備 紹 介

1

採 用 情 報

1

お 問 合せ」 となっ て いた

そ れによ り

G

社の

WEB

サ イ トを 瞬 間 的 に 見 た 時 に

何 が 強みなの か不 明 確 だという 問 題 が あっ た

そこ で

トッ プ ペ

ジの最 初の デ ザ イン提 案で は 「金 属 を 取 り扱 っ て いる 企 業」 とひと 目で分 か ら せ る た め に メ インビ ジュ アル に 「加 熱 炉 の写 真」 を 使 用 し

グロ

バ ル メニ ュ

に は バラバラだっ た製 品 を ま と めて 「製 品 案 内 」 とい う項 目 を 用 意 し た

その デザ イ ンを 提 案した 打 ち 合 わせ の中で

G

社で は 「今 後主 力 事 業 とし て マグ ネシウムを 推したい と い う こ と」がク ラ イ ア ン ト に よっ て言 語 化 され た

デザイ ナ

が 提示 し た情 報の

造を分か りや す く まと めた 「製 品 案 内 」 と い う 項 目 に は

マグネ シ ウ ム を 推 し たい とい う企

の想いを 表 す 項 目 が

ちて い た の だ

そ れ に 付 帯 して

加 熱 炉

」 よ り

 

「加

熱 炉

から

丸棒

を 取 り出 し た写

」 の方 が 良い の では ないか とい う

意 見

も クラ イア ントか ら提示さ れ た

こ こ で

要な の は

マグネシ ウ ムを 推 したいという意 見 がデザ イ ナ

か らの

提案

を見て クライアン トから 発 言 さ れ たこと と

併せて ク ラ イ アン トか ら メイン ビ ジュ ア ルに 使 用 す る 写 真の ア イ デ ァ が 生 ま れ たこと だ

ク ラ イ アン トが本 当 に伝 え たい こ と は彼ら の 心 の奥に あ り表に現 れて いない

それ を クライアン ト が 自ら気づ ぎ

他 者に伝えるこ と は難 しい

だ か らこそ デザ イ ナ

暫 定 的 な 答 え を 提 示 しな が ら クライア ントの

にある 本 当 に 伝 え たい こと を 視 覚 的 な 問 題

起 から

そ う と

(6)

NII-Electronic Library Service

     

= ユ

ア ル

G

WEB

サ イ ト

5

企 業

G

社 の

WEB

サ イ トの リニ ュ

ア ル 前 と リニ ュ

ア ル 後 の トッフペ

ジの違い

ニ ュ

G

WEB

サ イ

のだ。 デザ イン

果物 )

の イ メ

ジ が 目の

にある ことで

お互い の頭の

にあっ た

曖 昧

構 想

が 目の

に顕

在化

体 化

ま る。 そ れ

話 者 達

同じ

対 象

を 見て

差し ながら の

議論

が 可

となる。 今 回の例では

G

社の

WEB

サ イ トを 最 初 に 見 た 時の

何 が 強 みなのか 不 明 確であるとい う 気づ き に 対 して

デザ イ ナ

側 が 問 題 提 起 を し たの である

それ は 製 品 案 内 というグロ

バ ルナ ビ ゲ

ション の項 目 とメインビ ジュ ア ルと して 「加 熱 炉の 写

」 を

使

っ て 「金

っている企

」 という

えを

示しな がら

本 当

に 「

を 取 り

っ て い る企

」 と い う

え に

同 できます か? と い う問い である

それに対し て

クラ イ アント側 が 「マグ ネシウ ム を

したいllという彼 らの心の奥 に あった

本 当

え たい こと に 気 づ き

加 えてメ インビ ジュ アル の 写

の ア イ デ ア ま で

出し た の で あ る

マグ ネシ ウ ム製 品 が 新し く開 拓し た い 分 野であ る こ と を知ら さ れ て い な かっ た デザ イ ナ

短 い打ち合わ せ時 間の

そ の答え を

す こ と ができ た の は

「対話」 を 通 し て解を

成す る と い う デザイ ンの知

を デザイ ナ

使

っ た か らだと言え る。 哲 学の分 野でも

な ぜ デ ザ イン (成 果 物 ) を 見 なが ら考 え ると

設 的 な 対 話 がで き るのか? とい う 問いに

挑 戦

した人

が い る

。17

世 紀 後 半 か ら

18

世 紀 初 頭の哲 学 者であ り

数 学 者で も あっ た ゴッ トフ リ

ィルヘルム

ラ イ プニ ッツ[5]の 思 考理論 がそれである

この思 考 理 論 を 解 説 した

ホ ルス ト

デ カンブ 著 『ナ ド』[ 6] では

以 下の よ う に 述べ て いる

見 る こ と の重要性は

200

年 前 からも 指 摘 さ れている

上 に

あ る い は

の メ ディア上に形 作られる こ う した 記 号の

界がなけれ ば

諸 客体

の間 をつない で い く シ ス テ ム マ ティ ック な 思

想定

でき ない

は言う のだ。 (

Bredekamp,

2010

3.

3.

デザ イ ナ

仕 事

本質

こ のよ うな 業 務 体 験 か ら

デ ザ イ 行 為 ) デ ザ イ ンの知 恵」 に よっ て支 え ら れていること が 分 か る

デ ザ イ ナ

は デ ザ イン (成 果 物 ) にユ

ズ を 重 視 し た ク ラ イア ン トの 「 」 やコ ミュ ニ ケ

ション戦 略 と して の 「 ッセ

ジ」 を 込 めるた めに

クライア ントとの コ ミュ ニケ

ションを 円滑に しな がら視 覚 化 作 業 を する

話」 を 通 し て

を創 成す る と い う デ ザ インの 知恵に支え ら れ て

ケッタ

や プ ランナ

ー、

インフォメ

ショ ンア

キ テ ク ト

ジニ ア など の専 門 家と の関 係 性 を 強 化 し

そ れ ぞ れの

才 能

わせ て い る。 そ こ に は

デザイ ナ

WEB

サ イトやサ

ビス

アプリ ケ

ショ ンな どの

発 プロジェ ク ト に

して

携 わ

ることの

意 義

を 見いだ す ことがで きる。

え ば

わ せ の

に下 記のよう な スロ

ガンを も ら うこ とが あ る

今 回 コ ンセ プ ト は

t

と社 会をっ ない だ

グ ロ

バ ル コミュ ニ ケ

ショ ン の実 践に よ る未 来へ 可 能 性

連 続 的な 進イビ です

」 こういっ た戦 略上 の ス ロ

ガン は

デ ザ イン

成果 物

よ り も前の 上 流 工程で立

さ れ ること が

い が

最 終 的 な デ ザ イン

成 果

物 )

を 描 き 合

し て こそ 強 く な る。 どんなに

崇 高

戦略

も具

体 的

戦術 (

視 覚 的成

物 )

とすこ と がで き な け れ

机 上の

空 論

わって し ま う。 マ

ケッタ

が 調 査 し たユ

や プ ランナ

が 考 え た ユ

ズに合 致 し た 企 画

それ らの機 能 仕 様 とコ ンテン ツ要 求にあっ た 情 報 構 造 な ど

い くつ もの前 提 条 件 が 積み上 げ られ たコミュ ニ ケ

シ ョ ン戦 略 を 顕 在 化 すること が デザ イ ナ

の仕 事の本 質 なのだ

そのた め に デ ザ イ ナ

はプロ ジェ ク トの 舵 取 り を す る よ う な 役 割 を 担う必 要があ る

各 職 種の専 門 家で ないデ ザ イナ

そ れらを 紡 ぎ合 わせ るた め に 「対 話 」 を通 して解 を 創 成 す る という デ ザ イン の知 恵 を 役 立てること がで き る

デザ イン の専 門 性 と は

複 数の異 な る 専 門 家 た ちの媒 介 者 と な りデザ イン (成 果 物 ) を 通 し た 対 話 を 組 み 立てること に あ

∵:

L

(7)

Japanese Society for the Science of Design

Japar ユese  Society  for  the  Science  of  Design

る と言え る

これ らの役 割 は 開 発 プロジェ ク トの進 行 管 理に関 わる職 種 が 担っ て い る場 合 も あるが

解 を視 覚 化し開 発 プロジェ クト メ ン バ

の目 前 に

する こと に よる

造 的

対話

創 成

デザ イ ナ

も ま た そ れ を 可 能 に する専 門 家 だ と 言 える

今 後

デザ イ ナ

は 創 造 的 な プロジェ ク トの創 造 的 な 対

進 する キ

ソ ンと なっ て いく に 違いない

4,

お わ りに

4

Bill

 

Moggridge

Designing

 

Interactions

 

The

 

MIT

 

Press

  

pp

729

 

2006

5

ゴッ トフ リ

ラ イ プニ ッ ツ

Wikipedia

 

http

:〃

  

ia

wikipedia

orgfwikV ゴッ ト フ リ

ラ イ プニ ッツ

   

2014

07

20

6

Horst

 

Bredekamp

:モ ナ ド の

ライ プニ ッ ツ の 「

自 然

  

と 人 工 の 劇場 」

原題 :

DIE

 

FENSTER

 

DER

 

MONADE

  

Gottfried

 

Wilhem

 

Leibniz

Theater

 

der

 

Natur

 und  

Kunst

  

産業

pp

95

2010

本稿

で は

UI

デザインが スキュ

フィッ ク デ ザインか ら フ ラッ ト デザイ ン に

化す る こ とで

モ ジュ

ル化

ラ イ

ラ 1丿す る こ と に つ い て考 察し た

それによ り 「描 画 」 というデ ザイ ナ

ら ぐ こ とで

デ ザ イ ナ

の仕 事の本 質が

りだ さ れた。 つ ま り

デ ザ イニ ング (行 為 ) とそ れ を 支 え る

知恵

存 在

であ る

ま た

と 「創 造 的 な 対 話 を 通 し

を 創 成 す る とい う デ ザ イン の知 恵 を 使 うことで

デ ザ イ ナ

が プロジェ ク トの上 流工程 から

貫し て仕 事に携 わる こ と の有 効 性 を 提示 し た

今 後は

義 作 業

ま で も デ ザ インとい う 仕 事の射 程に 入っ て く るだろ う

だか ら こ そ

フ ラット デザイ ン に よ り 「

画」 と い う デザイ ナ

門 性が揺らい だこの タ イ ミ ングで デザイ ナ

仕 事

本質

デザ イニ ング を

領 域

広 げ

るこ と が

要にな る。 デ ザ イ ナ

という 職 種 に 就 く 人 は文 字 よ り も 絵で コミュ ニ

ショ ンを す る 能 力 が 高い

これ は デ ザ イ ナ

の利 点でも あ り欠

で も あ る。 デ ザ イ ナ

が 実 践の中で無 意 識 的 に 培っ てき た 行

には

い くつ もの財

が 眠っている が

言 語 化 しな け れ ば 第三者 に その妥 当 性 や 意 義 を 理 解 しても ら え ない

上 述 した デ ザ イ ナ

が プロ ジェ ク トの上 流工程 か ら 携 わっ てい くことの 有 効 性 も 言 葉で説 明 す ることに よって

は じ めて デザ イ ナ

の 重 要 な 役 割として他 者 に その意 義 を 伝 え るこ とが 可 能 と な る

デ ザ イ ナ

の専 門 性 が 揺 らい る今こ そ

仕 事の本

を 捉 え直 す た め に も

デ ザ イ ナ

自 身 が 自 らの力 を

再 認識

それ を

言 葉

に しな け れ ば な らない

易 にデザイン

果 物 )

けるからと

っ て

でもデザ イ ナ

に な れ る わ け で は な い

デザイ ン

物 )

で は な く

デザイニ ング (行 為

と そ れ を支え る知 恵こ そ

デザイ ナ

で 在 り

け るため の学 びであ り

そ し て

い て ゆ くべ き も の な の である

注 お よ

参 考 文 献 ※本 稿の言 葉で単 に 「ザ イ ナ

」 と 記 載 している場 合 は  

WEB

デ ザ イ ナ

Ul

デ ザ イ ナ

を 示 す

1

) 臼at 

UI

 

Design,

 

Wikipedia

http

:〃en

wikipedia

org/wiki/

  

Fla

ULDesign,2014−07−20 .

2

Skeuomorph

 

Wikipedia

 

http

:〃 en

wikipedia

org /wiki /

   

Skeuomorph

2014

07

20

3

Bi1LMoggridge

 

Wikipedia

 

http

:〃en

wikipedia

org /wiki /

  Bill

Moggridge

2014−07−20.

20

デ ザ イン学 研究特集 号

special

 

Fssueofjapaneseseciety

 

ferthe

 

science

 

ofdesign

Vol

21

3 No

83 2014

図 1 . UI 要 素 を 入 れ 替 え て も デ ザ イ ン ト ー ン が 崩 れ な い ( 試 み ) iOS 標 準 の メ ー ル 作 成 画 面 ( App [ e   lnc . , 2014 ) 、   Android の メ ー ル 作 成 画 面

参照

関連したドキュメント

表-1 研究視点 1.景観素材・資源の管理利用 2.自然景観への影響把握 3.景観保護の意味を明示 4.歴史的景観の保存

タップします。 6通知設定が「ON」になっ ているのを確認して「た めしに実行する」ボタン をタップします。.

全国の宿泊旅行実施者を抽出することに加え、性・年代別の宿泊旅行実施率を知るために実施した。

地域の感染状況等に応じて、知事の判断により、 「入場をする者の 整理等」 「入場をする者に対するマスクの着用の周知」

電子式の検知機を用い て、配管等から漏れるフ ロンを検知する方法。検 知機の精度によるが、他

ある架空のまちに見たてた地図があります。この地図には 10 ㎝角で区画があります。20

哲学(philosophy の原意は「愛知」)は知が到 達するすべてに関心を持つ総合学であり、総合政

・グリーンシールマークとそれに表示する環境負荷が少ないことを示す内容のコメントを含め