際際滷

際際滷Share a Scribd company logo
デザインを深えるときに
デザイナ`が深えること
 ゛デザイナ`の^の嶄゛

  拍匐ちひろ┛岳看馨馨馨馨霞)
とにかくデザイナ`が駅勣
    You need designer!?
とにかくデザイナ`が駅勣
            You need designer!?




駅勣なデザイナ`にリ`チできていますか
   うまくfIできていますか
     Can you reach appropriate designer?

        Do you cooperate with them?
拍匐ちひろ
      Baidu Japan Inc
      デザイナ` / ア`トディレクタ`



? Web崙恬vB
? Androidアプリ崙恬vB
晩云Z秘薦キ`ボ`ド Simeji
  Japanese Input Method Editor Simeji




                                        Simeji
Android App Designs 茶氏

デザイナ`がコ`ドからiみ盾く、Android
アプリのデザインの嫌をレげるコツとTips


    Design                 XML


               Android App Designsについて ? Android App Designs
埃   65   兆   埃   80   兆        埃   60   兆      埃   90   兆




                          Android App Designsについて ? Android App Designs
デザイナ`ズハック

仝室gにしばられないでデザインを
  深えていく々コミュニティ




                デザイナ`ズハック
こんな咫鵑覆い任垢
  Don¨t you have such impression?
? 胆吭Rが互そう、プライドが互そう
 She looks too proud of herself.



? バカなこととかきらいそう
 She seems to dislike stupid thing.
? ときどき氏のキャッチボ`ルが
 うまくいかないような櫃する
 You may feel you don¨t go well in the term of words catchball
? コ`ドやプログラムのが兵まると、シャット
 ダウンして拱屬没垠屬諒製腓鉾襪袰zむ
 They imagine in their own world to make a wall around them when the
 others talk about programs.
そういうA鬚呂△ かも
     It tends to...
デザイナ`の碧並は
         So let¨s think about designer¨s role.




デザイナ`にしてほしいこと
  What kind of things would you like designers to do?
もしk廣するとして´

醤悶議にきちんとh苧できますか
   Can you explain what do you want designers to do?
たぶん、

デザインで採かを盾Qしてほしい
  と房っているんだろうなぁ`
きれいにしてほしい
   To be beautiful
秤鵑鰔やすく屁尖して
 きれいにしてほしい
ほしいのかもしれない        To be beautiful

They may demand information architect to easy to see
かっこよくしてほしい
    To be cool
擦┐燭い海箸ちゃんと
 かっこよくしてほしい
擦錣襪茲Δ淵咼献絅▲襪    To be cool



恬ってほしいのかもしれない
  They may demand to create visual images
ダサいのでなんとかしてほしい
    I want something to be done
ア`トな勣殆を秘れて
ダサいのでなんとかしてほしい
  ほしいのかもしれない
     I want something to be done
   They may demand to put in artistic
デザインを深えるときに深えること

    My thinking when creating design.
?
1 コンセプトメイキング
    concept making



?
2 鮫中の譜柴
    architect of design



?
3 デザイン?g廾
    design and implement



?
4 處竃
    effects
コンセプトメイキング
   concept making




タ`ゲット
       Target
コンセプトメイキング
           concept making




   タ`ゲット
                Target




よくばりすぎず、苧_にQめる
    fix clearly, not so many target
互丕伏
10旗瘁磯゛20旗溺來

                      30旗溺來?OL
      20旗槻來?仟芙氏繁


                   50旗槻來?サラリ`マン
 麼D
コンセプトメイキング
       concept making




いつどんなときに聞うのか
     when and how to use
コンセプトメイキング
       concept making




いつどんなときに聞うのか
     when and how to use




 ユ`スケ`スを覿┐垢
      suppose use case
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
? おじいちゃんおばあちゃんにOの蕗を
 Let¨s send grandchild¨s voice to grandparents!



? Q伏晩にみんなでおめでとうメッセ`ジ
 Let¨s send happy message to friend¨s birthday!



? アリバイのh咄に
 Let¨s record environmental sounds as alibi
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
コンセプトメイキング
   concept making




 弊順Q
  Design philosophy
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
?
1 コンセプトメイキング
    concept making



?
2 鮫中の譜柴
    architect of design



?
3 デザイン?g廾
    design and implement



?
4 處竃
    effects
鮫中の譜柴
 architect of design




聞いやすさ
      Usability
鮫中の譜柴
        architect of design




   聞いやすさ
             Usability




徭隼な繁gの佩咾鬚發箸某爾┐
    think based on human action
鮫中の譜柴
        architect of design




? デベロッパさんはたいがいyしいことを深えて
 いる
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
シンプルすぎる        勣殆が謹すぎる




  too simple    too much elements
too much action     get lost to touch


アクションが謹くなる          恷兜に痴ってしまう




シンプルすぎる             勣殆が謹すぎる




    too simple       too much elements
鮫中の譜柴
   architect of design




コミュニケ`ション
    Communication
鮫中の譜柴
               architect of design




コミュニケ`ション
                 Communication




インタ`フェイスはユ`ザ`との俊泣
    interface is a point between users and app
ここ
兀して
ここを
ひっぱって
罪にスクロ`ル
  するよ
とにかくシンプルに
          Be simple




  繁gのためのコンピュ`タ`Dインタ`フェ`スのk襪晩拷_ Brenda Laurel
?
1 コンセプトメイキング
    concept making



?
2 鮫中の譜柴
    architect of design



?
3 デザイン?g廾
    design and implement



?
4 處竃
    effects
デザイン?g廾
    design and implement




グラフィックで燕Fする
   express through graphics
デザイン?g廾
       design and implement




グラフィックで燕Fする
     express through graphics




聞いやすくコミュニケ`ション
    easy to use / communication
すべてはQ賀して茶膿する
   Everything comes from observation
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
聞いやすくコミュニケ`ション
                     easy to use / communication




? 塘崔噫易
 Layout / Padding



? グル`ピング
 Grouping



? 亟寔イラストの燕F
 Photos / Illustration
カンペ?リモ`ト
猟忖秘薦?燕幣



タイマ`vB




猟忖秘薦?燕幣
猟忖秘薦?燕幣



タイマ`vB




猟忖秘薦?燕幣
猟忖秘薦?燕幣




タイマ`vB
猟忖秘薦?燕幣




タイマ`vB
デザイン?g廾
    design and implement




$$しているようにみせる
      pretend to xxxxxx
デザイン?g廾
             design and implement




? ふくらんでいる
 Usability



? へこんでいる
 Target



? 高っている
 Lighting
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
唹の\
高の易
      ドロップシャドウ
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
デザイン?g廾
             design and implement




? ふくらんでいる
 Usability



? へこんでいる
 Target



? 高っている
 Lighting
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
デザイン?g廾
    design and implement




$$しているようにみせる
      pretend to xxxxxx




                           仝ズルいデザイン々
Signi?er
ユ`ザ`をm俳な佩咾Г岑辛嬬なサイン
    visual sign which leads users for appropriate action




                                           }jさと慌に頂らすDデザインの薬
                                                 ドナルド?ノ`マン (广)
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
アフォ`ダンスからシグニファイアへ - A Successful Failure
Signi?er

ノコノコは未めるが
トゲゾ`は未めない
                                            トゲがあるから

we can step on NOKONOKO, but can¨t on TOGEZO because he has prickles
絢んでいるように需える

                      Signi?er

ノコノコは未めるが
トゲゾ`は未めない
                                            トゲがあるから

we can step on NOKONOKO, but can¨t on TOGEZO because he has prickles
デザイン?g廾
       design and implement




コ`ドで燕屬任るのか
   how to express design by code
デザイン?g廾
?   デザインを深えるときにコ`ディングの
          design and implement


    ことを深えない
    I don¨t think about coding source when designing



? コ`ディングのときはデザインをできる
コ`ドで燕屬任るのか
    だけ壅Fできるように深える
                     how to express design by code
    I only think about to xxxxxx design when coding
コ`ドで燕屬任るのか
                  how to express design by code




? 鮫颪きだすか、コ`ドで燕Fするか
 Publish as images or express with source code
鮫颪きだす栽
publishing as images



 コ`ドで燕Fできない                      互い鮫中畜業に塚えられ
 }jなグラフィックを                      ない
 壅Fできる                           can not proof against high density

  express complicated graphics
  which are not expressed by
  code
                                 k罪曳に廣吭が駅勣
                                 should pay attention to aspect rate
鮫颪きだす栽
publishing as images

              鮫颪残れる
 コ`ドで燕Fできない                       互い鮫中畜業に塚えられ
              Dirty image
 }jなグラフィックを                       ない
 壅Fできる                            can not proof against high density

  express complicated graphics


              鮫颪凌k罪曳が雲れる
  which are not expressed by
  code
                                  k罪曳に廣吭が駅勣
                                  should pay attention to aspect rate
              Break aspect rate
コ`ドで燕Fする栽
express with source code



 互い鮫中畜業でもOK                    }jなグラフィックが
  no problem in high density   燕Fできない
  decive
                               can not express complicated
                               graphics
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
?
1 コンセプトメイキング
    concept making



?
2 鮫中の譜柴
    architect of design



?
3 デザイン?g廾
    design and implement



?
4 處竃
    effects
處竃
         effects




欒屬舛茲気鰈掲鵑垢
   how to comfort users
處竃
                 effects




 欒屬舛茲気鰈掲鵑垢
          how to comfort users




アニメ`ション?トランジション?サウンド
      animation & transition &sounds
處竃
 ? ユ`ザ`が聞いたくなる咾            effects
  animation and transition which users want to use


  - おおげさなのがよい栽┘鴬`ム
 欒屬舛茲気鰈掲鵑垢
   in the case exaggeratedly (ex. games)


  - 謹すぎないほうがよい栽┘挑`ルなど
         how to comfort users
   in the case not too much (ex. tools)



アニメ`ション?トランジション?サウンド
                animation & transition &sounds
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
強きと咄に薦を秘れたスマホ
   Smartphone with animation and sounds
強きと咄に薦を秘れたスマホ
   Smartphone with animation and sounds
強きと咄に薦を秘れたスマホ
   Smartphone with animation and sounds
酷鉛温壊鞄でモックをつくる´
    make mockup by Flash...
?
1 コンセプトメイキング
    concept making



?
2 鮫中の譜柴
    architect of design



?
3 デザイン?g廾
    design and implement



?
4 處竃
    effects
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?


        デザイン
鮫中の譜柴          コンセプトメイキング
         g廾
錬李議なワ`クフロ`と叨護

   hopeful workflow and each roles
? 勣李をきく
       hearing



      ? 嘘尚をきく
       why does this app need?




クライアント
       ある殻業 ディレクタ`
おとしこんで侘にする
? デザインをデザイナ`まかせにしないでほしい
 Don¨t put design to designer¨s hand



? 恬りたい繁の箸龍や嘘尚などもいてほしい
 Hobby or background of client is important



-   ガテン狼 / ブランド挫き / 挫き
    Outdoor / Brands / Cars



クライアント                                        ディレクタ`
いちばん恷なケ`ス
                 It¨s the worst case




とりあえず採パタ`ンか
   恬ってみてよ
    Anyway, could you please design some petters?
クライアント                                       ディレクタ`
恷なケ`ス
                                 bad case




? お人さんこう冱ってるからこうしてくれない
 ^Please modify as the client says ̄



? お人さんのメ`ルをそのまま僕してくる
 Director forwards email from the client.




クライアント                                      ディレクタ`
クライアント   ディレクタ`

         デザイナ`
みんなが岑っておくといい匯違縮劍
        general knowledge which the team members should know




? 書晩おしたことfor developers
  today¨s session



? プログラムを聞ってできることfor designers
  what can we do with program



? _k返隈Waterfall / Agile
  development methodology
意忖侏繁可
       general knowledge which the team members should know




? 匯違縮Bがあり、ベ`スとなる岑Rがある
 They have general knowledge, and they have the basic knowledge



? そして、採かひとつ參貧のことに倔でている
 And they have outstanding ability of something
            on
illu e
        ati
int hic
       fac
    str
    ap
    er
 gr




               20rのときに岑っておきたかったこと スタンフォ`ド寄僥鹿嶄vx┘謄ナ?シ`リグ
意忖侏繁可
                仝みんな々が
        general knowledge which the team members should know




仝どの室gで採ができるか々
 ? 匯違縮Bがあり、ベ`スもそこそこ互い
  They have general knowledge, and high potential


       を岑っている
 ? そして、採かひとつ參貧のことに倔でている
  And they have outstanding ability of something
        ^Everyone ̄ knows ^what we can do with what technology ̄
             on
 illu e
         ati
 int hic
        fac
     str
     ap
     er
  gr




                20rのときに岑っておきたかったこと スタンフォ`ド寄僥鹿嶄vx┘謄ナ?シ`リグ
仝デザイナ`々の協x
  What¨s the definition of ^Designer? ̄
仝デザイナ`々の協吶は
        What¨s the definition of ^Designer? ̄




                                     Graphic
 Designer
                                   Interface
 Developer
                                       Logic
仝デザイナ`々の協吶は
 ?みんながそれぞれの叨護を隔っている
     Each member has ownthe definition of ^Designer? ̄
                  What¨s role



 ? ベ`スの岑R匯違縮Bが慌宥してある
               Graphic
     Each member has basic general knowledge
     Designer
 ? 慌宥のJR┘▲廛蠅諒製舐Qとコンセプト
               Interface
     Common acknowledge (App¨s philosophy and concept)

     Developer
                                                Logic
いいプロダクトができる訳周
 the condition to create fantastic product




き勉望チ`ム
             Makizushi team
き勉望チ`ム
  Makizushi team
き勉望チ`ム
  Makizushi team




                   醤可坤廛譽ぅ筴`

                   ごはん差架JR

                   のり坤ライアント
き勉望チ`ム
? みんながそれぞれの叨護を隔っている    Makizushi team
 Each member has own role



? ベ`スの岑R匯違縮Bが慌宥してある
             醤可坤廛譽ぅ筴`
 Each member has basic general knowledge



? 慌宥のJR┘▲廛蠅諒製舐Qとコンセプト
             ごはん差架JR
 Common acknowledge (App¨s philosophy and concept)

                                        のり坤ライアント
? アプリやサ`ビスを恬る貧で
 勣李を侘にできない、
 ただの止_叨の繁はいらない
 we don¨t need just a messenger who can¨t create
 something from hearing




                                                   ディレクタ`
ACTION!
ACTION!



匯違縮Bレベルをみんなが
   隔ってほしい

       弊順は蛍けてもわからない┯阜匯v芙F旗仟
ACTION!
? デザイナ`だけどプログラムで採ができるか
 岑っているから峺姜や峺幣ができる
 Designers can point out and direct because they know what is able
 through program



? エンジニアだけどデザインの恷詰泙Tipsは
匯違縮Bレベルをみんなが
  岑っているから峺姜や峺幣ができる
      隔ってほしい
 Engineers can point out and direct because they know the basic tips of
 design
ACTION!


 附のまわりのデザインを
徭蛍なりに蛍裂することから
    はじめよう
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?
デザインをわからないデベロッパ`のままで
       いいのですか
デザインをデザイナ`まかせにして
    いいのですか
ありがとうございました
   Thank you so much!!!




        拍匐ちひろ
        tommmmy

More Related Content

Developers Summit 2013‐14-E-4/デザインをするときにデザイナ`が深えること?デザイナ`の^の嶄?