狠狠撸

狠狠撸Share a Scribd company logo
Content
                      &
             User Interface
                        ?
              コンテンツで改善するUIデザインの極意

                    長谷川恭久




2013年3月16日                          Android Bazaar and Conference 2013 Spring
ハ   セ   ガ   ワ   ヤ   ス   ヒ   サ


長谷川恭久
@yhassy
コンテンツで改善する UI デザインの極意
48,700,000
      Reuters and ComScore (Feb. 2013)
Men   Women


          Pew Internet Research 2013
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
1ページに    素早い
多数結果    検索表示
エンゲージメントの   検索数の
    低下       低下
無限スクロールを実装する前に、私たちは利用者への
理解をもっと深めるべきだった。




  Dan McKinley, Principal Engineer at Etsy
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Add



  Pin          Board   Follow


        Save
Post
Blog              Tag



Pin          Board            Follow



             Category
Add



Pin   Board           Follow


              Apply
                         Friend
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
What is UI ?
What is GUI ?
コンテンツで改善する UI デザインの極意
UI = Text
 文字はインターフェイスである
コンテンツで改善する UI デザインの極意
コピーライティングはインターフェイスデザイン
である。ピクセルに拘るのと同様、1文字にも
大きな意味がある。




Jason Fried, Founder of 37Signals
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
言葉がサイト?アプリの印象を変える

言葉で人の行動を変えることができる
コンテンツで改善する UI デザインの極意
コンテンツがないデザインは、ただの装飾。




 Jeffrey Zeldman, Happy Cog, A List Apart
ちょっとした言葉がアプリを定義する

システムの吐き出しではなく人間との対話

    コンテンツファースト
コンテンツで改善する UI デザインの極意
1

Know your audience
     利用者のことを知る
現存
新規

                     有料



          すべて




     無料         復帰
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
カジュアルなメッセージ

少し自信アリのアーティストタイプ
利用者のペルソナを設計

なぜアプリ?サービスを使うのか

利用者が対話しやすい形状を考える
2

Short and Clear
   简洁?明确に表现する
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
利用者のタスクを素早く的确に补助
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
検索?   ズーム?
闭じる?   削除?
フロッピーディスク???
機能的表現からメタファに変化
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
絵より言葉のほうが明確な場合がある


利用者の期待を保証する言葉は?


明確さを優先。捻るのは慎重に。
ラベル

 ボタン

 メニュー

告知メッセージ
3

Voice and Tone
   自分たちの声をみつける
ビジネス    or   カジュアル

フォーマル   or   フレンドリー

 面白く    or   可愛く
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
人格化するとしたらどんな性格?

 誰をターゲットにしている?

利用者にどう感じてもらいたいか
コンテンツで改善する UI デザインの極意
1   Know your audience


2   Short and Clear


3   Voice and Tone
Empathy
 利用者への共感をもつ
利用者の特定の課題に応える

  すべての画面を再調査

コンテンツの管理と維持を始める
Content = Design
  コンテンツから始めればデザインもみえてくる
Thank you!
長谷川恭久

mail@yasuhisa.com

@yhassy

yasuhisa.com/could

More Related Content

コンテンツで改善する UI デザインの極意