タグ

ブックマーク / yasuhisa.com (7)

  • UIガイドラインから学ぶライティングの基礎

    言葉で決まるアプリの印象 2 年前に発表されて以来、細かな更新が続いている Material Design。最近、UI の動きに関するガイドが大幅に改変されたことで、感覚的なところも共有しやすくなってきました。Android アプリにおける UI デザインの基礎を固める上で、Material Design は非常に参考になりますが、このガイドラインは見た目のことばかり書かれているわけではありません。 Material Design の中には「Writing」と呼ばれる言葉遣いに関する項目があります。ボタンのような操作 UI のラベルはもちろん、エラーメッセージや、挨拶文など、アプリに表示されるテキストすべてに関してガイドラインが制定されています。言葉は大事なインターフェイスですから、きちんと項目をつくって紹介してあるのは素晴らしいことです。 以下、「Writing」項目で紹介されているガイ

    UIガイドラインから学ぶライティングの基礎
    curion
    curion 2016/05/21
  • おすすめデザイン入門書8選(洋書編)

    予習として洋書はいかがですか? 前回おすすめデザイン入門書を 10 冊紹介しました。どれも自信をもって紹介できる書籍ですが、選書しているときに訳がない書籍を幾つか見つけました。私の場合、読んでいるの半分以上は洋書なので、翻訳されていないものは渋々リストから外すことになりました。 そこで今回は、2016年2月現在、訳が出版されていない洋書を 8 冊紹介します。前回と同様、Web やアプリに特化したものではなく、デジタルプロダクトに携わるデザイナーに向いている書籍です。いずれ翻訳される可能性があるので、そのときに備えてメモ程度に見ていくと良いかもしれません。 UI is Communication UI デザインは利用者体験を考える上で、ほんの一部でしかありませんが、視覚的に表現されることから体験に大きな影響を及ぼします。UI デザインから利用者のこと、体験のことを掘り下げていく際、この

    おすすめデザイン入門書8選(洋書編)
  • おすすめデザイン入門書10選 : could

    たまにはもいかがですか? セミナーやワークショップのあとに質問を受けることがありますが、「おすすめの書籍はありますか?」と聞かれることがあります。 Web には膨大な情報がありますし、英語まで手を広げると研究者による文献にもアクセスすることができます。しかし、ある特定のトピックを要所を落とさず学びたいときは書籍が便利です。 目まぐるしく状況が変わるだけでなく、デザイナーとして知っておくべき領域も広い今日のデザイン。ソフトウェアの使い方を覚えることも重要ですが、作るための考え方や伝えた方を学ぶことに多くの時間を費やしたほうが良いでしょう。自分のデザインの意図が説明できて、ようやく同僚やクライアントにデザインを理解してもらえるからです。 今回は、デザイナーとして読んでおきたいオススメの入門書を紹介。Web やアプリに特化したものではなく、デジタルプロダクトに携わるデザイナーに向いている書籍を

    おすすめデザイン入門書10選 : could
  • 次世代Webはブラウザの外にある

    10月18日、法政大学にて次世代 Web カンファレンスが開催されました。Web に関わる技術について徹底的に話し合うイベント。セッションすべてディスカッションで勉強会というより話を聞きに行くというニュアンスが近いかもしれません。8 月に UX をテーマに議論する会を開きましたが、今年はこうした『会話』を軸にしたイベントに興味を惹かれます。 今回は、「デザイニングWebアクセシビリティ」の著者である太田良典さん(@bakera)、RDFの専門家でありコントラバス演奏者である神崎正英さん(@_masaka)と Webアクセシビリティをテーマに 1 時間ほど話をしました。私は Web アクセシビティの専門家ではありませんが、株式会社インフォアクシアの 植木真さんとのポッドキャストがキッカケで呼んでいただきました。3 者異なる視点から、Web アクセシビリティの現在と未来について話し合いました。

    次世代Webはブラウザの外にある
    curion
    curion 2015/10/21
  • デザイナーなら知っておきたい感情移入と思いやりの違い

    Empathy(感情移入)と Sympathy (思いやり) 。日語だけでなく、英語でも混同してしまいやすいこの言葉。実は大きな違いがあることを分かりやすく説明しているのが上の動画です。RSA で Brené Brown博士が話した内容の一部が、素敵なアニメーションで再現されています。感情移入とは、相手との繋がりを築いた上で共感すること。一方、思いやりとは繋がらずに一歩離れたところからのコミュニケーションと Brown 博士は説明します。 Brown 博士によれば、感情移入には 4 つの性質が含まれているそうです。 相手の視点で周りがみれる決めつけをしない相手が何を感じているのかを理解できる相手の視点を理解した上で対話ができるよく感情移入はデザインに不可欠であると言われます。重要とはいえ、感情移入(エンパシー)という言葉が多用されることで、意味が薄れてきている側面もあります。利用者を客観

    デザイナーなら知っておきたい感情移入と思いやりの違い
  • デザインの理解につながる感情のメカニズム

    上記は、ドン・ノーマン著「エモーショナル・デザイン―微笑を誘うモノたちのために」からの一節。機能的な部分より、感情に響くデザインが、今後の製品・サービスを成功へ導くだろうと説いています。確かにそうだと思いますが、感情という主観的なものを、いかにデザインへ落とし込むのか悩ましいところです。「かっこいい」「美しい」という感情だけでデザインの評価をするのは好ましくないですが、その感情がどこから、どのように生まれてくるのかを探求することは重要です。 感情とは主観的であると同時に、体系化することも可能です。 Delft University of Technology で教授をされている Pieter Desmet 博士が 2002 年に「Designing Emotions」という論文を発表しています。人間は製品や感情に対する感情のメカニズムを以下のような図のようにまとめています。 感情は、何かに

    デザインの理解につながる感情のメカニズム
  • 2015年以降のUIデザイン展望

    消えるハードとソフトの境界線 Apple Watch のドキュメンテーション には、以下のような言葉がデザインコンセプトとして記載されています。 Even the physical border of the Retina display has been considered, resulting in edge-to-edge UI design that effectively renders that border invisible. Thoughtful app design should contribute to this experience of hardware and software feeling indistinguishable. 物理的なオブジェクトとソフトウェアには境界線がなく、UI デザインにもそれが表れています。よく考えられたアプリデザインは、ハード

    2015年以降のUIデザイン展望
  • 1