MEMOPATCH

多摩美術大学×グッドパッチのUIデザイン産学協同研究レポート

スクリーンショット 2016-08-17 15.14.18

こんにちは!グッドパッチの岩田です。

昨年より、グッドパッチは多摩美術大学と産学共同研究を行っています。これからもっとデザインを学び、デザイナーになりたいと思っている学生を対象に、プロトタイピングツール「Prott」を導入した授業を実施しています。本記事では、その様子をご紹介します!

  • このエントリーをはてなブックマークに追加

iPhoneからみるUIにおける音の重要性とは?

battery_full

UIと聞くとついつい画面上のビジュアルの話を連想しがちですが、音もUIを考える上で重要な要素となっており、スマートフォンでは通知音や効果音など様々なところで音が使われています。似たような種類のアプリでも使用されている通知音・効果音は全く違っていたり、こんなところで使われていたんだと驚くようなところで効果音が入っていたりすることも多いかと思います。こういったUI上で用いられている音はどのような意図・役割を持って選ばれているのか不思議に思うものもありますよね。

そこで、今回は現在ロサンゼルスのHuluでUXデザイナーをしている、Jordan Kolasinskiさん(Twitterアカウントはこちら)のブログ“Beyond The Beep”“The iPhone’s UI Sounds”というタイトルでiPhoneにおける音の役割がまとめられていましたのでご紹介します。このブログの記事は去年の1月に書かれたもので、扱っている音もiOS 5のものとなっていますが、とても興味深い内容だったので参考にしてみてください!

  • このエントリーをはてなブックマークに追加

今さら人には聞けない、スキューモーフィズムとフラットデザインの違い

iphones

初めまして、新しくMEMOPATCHを書いていくことになりましたしゅんたです。よろしくお願いします!

昨今ではMicrosoftのMetro UIやAppleのiOS 7の発表により、フラットデザインがすっかりトレンドとなり、フラットデザインが様々なウェブサイトやアプリで採用されるようになりました。今でこそ両者とも名前を良く聞くようになりましたが、みなさんはその明確な違いについてご存知でしょうか。

なんとなくiOS 6のような立体的なデザインやリアルな質感のあるデザインをスキューモーフィズム、対照的にグラデーションのないものや立体感のないものをフラットデザインと認識している方が多いかと思います。そこで今回はこの両者について改めて、どのようなデザイン手法なのか、そのメリットとデメリットについて調べ直してみました。

  • このエントリーをはてなブックマークに追加

メタファーがUXを向上させる5つの理由

thumbnail

メタファー、日常生活であまり使うことのない言葉ですが、実はWebを通して私たちは日常的に触れています。 そもそものメタファーの意味はwikipediaに下記のように説明がありました。

メタファーは、言語においては、物事のある側面をより具体的なイメージを喚起する言葉で置き換え簡潔に表現する機能をもつ。わざわざ比喩であることを示す語や形式を用いている直喩よりも洗練されたものと見なされている。
参考: wikipedia


Webにおけるメタファーで代表的、かつ議論があるものと言えば、保存を示す「フロッピーディスク」のアイコンでしょうか。 フロッピーディスクは昔、(今ではあり得ない量ですが)データを保存するものでした。そのなごりで私たちはフロッピーディスクのアイコンを見ると「保存するアイコン」と認識するようです。
この他にもWebにおけるメタファーの例はたくさんありますが、 今回は「メタファーがUXを向上させる5つの理由」という趣旨の海外の記事を見つけたので、そちらをご紹介したいと思います。


  • このエントリーをはてなブックマークに追加

優れたUIデザインを作るために知るべき12のTips

medium_5411413699

こんにちは、だいきです。
海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design(直訳: 優れたUIデザインの14の金の卵)」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました!
(この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。)

  • このエントリーをはてなブックマークに追加

より良いUIデザインを作る為に必要な8つの基礎

typograp

こんにちは、だいきです。
今回はUIに関するおもしろい講演のまとめを見つけたのでブログにしました!

その講演は2011年の年末に開催された「シリコンバレー コードキャンプ」にてCitrixのプロダクトデザイナーであるUday Gajendar氏が
「より良いUIデザインを作る為に必要な8つの基礎 (原文タイトル: “How to Master Good UI Design”)」 
にという題目で話したものです。
Citrixとは…米国フロリダ州に本拠を置く情報テクノロジー企業のことである)

以下がGajendar氏がその講演内で話した8つの基礎的なUIについてです。

  • このエントリーをはてなブックマークに追加