by shigemk2

当面は技術的なことしか書かない

デザインを考えるときにデザイナーが考えること #devsumiE

秋葉ちひろ
web制作関連
Androidアプリ制作関連
(農学部)
独学のweb制作

とにかくデザイナーが必要
ハードウェアとソフトウェアが連結しているところではとくに

うまく協業できていますか?
必要なデザイナーにリーチしていますか?

日本語入力キーボード Simejiの制作

Android App Dwsigns 勉強会 デザインとコードから読み解く、Androidアプリのデザイン
デザイナーズハック 「技術にしばられずにデザインを考える」コミュニティ

デザイナーと一緒に仕事をするにあたって

一緒に仕事しててもあまり良いことがない、文句ばかり、という話はよく聞く。

デザイナーについて、こんな印象ないですか?
美意識が高そう、会話のキャッチボールが出来ない
コードの話が始まると、心を閉ざしそう

デザイナーにしてほしいこと(例)
きれいにしてほしい(見た目)
かっこよくしてほしい(モニター)
ダサいのをなんとかしてほしい(見た目)

もし発注するとして、具体的に何を言うのか?

情報の整理
伝えたいことが伝わるビジュアル
アートな要素を入れてほしい

いずれも「かもしれない」である。

デザインを考えるときに考えること

  • コンセプトメイキング

ターゲット よくばりすぎず、明確に層を決める
ユースケースを想定する コンセプトムービーをもちいて使い方をアピールする
世界観 どういう理由か不明なままただ「キレイなデザイン」とか「かっこいいデザイン」とかを提案してくるデザイナーがままいる
画像がメインのアプリで華美なアニメーションは禁物

  • 画面の設計

使いやすさ デベロッパは大概難しいことを考えている シンプルすぎるのも複雑すぎるのも△
あまり要素の多すぎる見た目は取るべき行動を迷ってしまう
あまり要素が少なすぎるとアクションが多すぎてしまう
コミュニケーション インターフェイスはユーザーとの接点
カルーセルは「横スクロールしてくれ」って感じなので、説明不要ッなインターフェイスを目指す

Be simple

  • デザイン 実装

グラフィックの表現(使いやすく コミュニケーション すべて観察して勉強する)

配置 余白
グルーッピング
写真 イラストの表現

canperemort ボタン要素が多すぎると△ グルーピングしているとよい
○○しているように見せる

ふくらんでいる(影をあてる)
へこんでいる(影をあてる)
光っている(自然現象を考慮する)

デザインをコードでどのように表現するのか

デザインを考えるときはコーディングのことは考えない
コーディングのときは、デザインを再現する

画像で書き出す場合
コードで表現できない複雑なグラフィックに対応
高い画面密度に耐えられない
縦横比に注意

画像が荒れるのはNG
縦横比が崩れるのもNG

コードで表現する場合
高い画面密度でもイケル
複雑なものは表現できない

演出(省略)

料理に例えられることが多い
デザイナーもデベロッパーも最低限の知識がいいけど、
納期がタイトだったりで忙しい

一般教養レベルをみんなが持ってほしい
(世界は分けても分からない)

  • デザイナーだけどプログラムで何ができるか知っているから指摘や指示ができる
  • エンジニアだけどデザインの最低限のTipsは知っているから指摘や指示が出来る

デザイナーがコードを勉強したら負け?
コードは書けないけどデザイナーとしてなんかいろはを発信できたら

「身の回りのデザインを自分なりに分析するところから始めよう」 中吊り広告とか、雑誌とか

デザインのわからないデベロッパーでいいんですか?
デザインをデザイナーまかせにしていいのですか?