UI,UXデザインに活かせる！認知科学・行動経済学・脳科学のおすすめ本18選
初めまして。 面白法人カヤックでデザイナーをやっているばっこ（@is178）です。 一昔前は画面の中の要素をデザインをすることがWebデザイナーのお仕事でしたが、今や画面の向こうにいるユーザーの体験さえもデザインの対象となりました。 机の前に座っているPCユーザーだけでなく、利用シーンも様々なスマホユーザーの体験まで考慮する必要がある今、認知科学・行動経済学・脳科学などの知識もあると、デザイナーとしての強みになるのではないでしょうか。 そこで、各分野の個人的なおすすめ本を18冊紹介したいと思います。 認知科学 認知科学の対象領域を狭めないために明確な定義はないのですが、特徴づけをするならば「知的システムの構造、機能、発生における情報の流れを科学的に探る学問」です。 お馴染みのアフォーダンスやシグニファイアもこの分野ですね。 1.教養としての認知科学
レスポンシブデザインにすぐ使える！すごいアイデア30個 | コリス
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行
品質アップの時間を確保するデザインの進め方について - クックパッド開発者ブログ
こんにちは。ユーザーファースト推進室、デザイナーの坂本です。 私は、クックパッドのレシピを主に生活習慣病の方に向けて管理栄養士が健康的にアレンジした「おいしい健康」というサービスのデザインを担当しています。 「おいしい健康」は2月22日に、アカウント（会員）機能やレシピのリコメンド機能、献立の保存機能などの新機能をリリースしました。このリリースに関わったメンバーは、ディレクター1名、エンジニア3名（＋アルバイトの方2名）、デザイナー1名です。 私はデザイナーとして、UI設計からビジュアルデザインまで関わったのですが、パターンの考慮漏れや使い勝手の悪さなどで、手戻りを増やしてしまいました。 リリースした今、改めて振り返ってみると、もう少しうまくやれば手戻りを少なくし、品質アップの時間をもっと確保できたのでは？と思いました。一体何が悪かったのか？ どうすれば良かったのか？ もし神様が願いを叶え
なんという才能のムダ使い！どんな画像も映画のポスターにしてしまうコラージュ職人がすごい
海外の画像掲示板「reddit」のユーザー「Your_Post_As_A_Movie」さんはその名の通り、どんな画像も映画のポスター風にコラージュしてしまう職人さん。 もともとセンスある写真はもちろん、日常の何気ない風景を写した写真であっても、ちょっと見てみたくなるような映画のポスター風に変えてしまう。 元画像に合わせた映画タイトルが面白かったり、いかにもな俳優をキャスティングしていたり。ありがちなキャッチコピーも面白い。 【関連】 プロットめちゃくちゃだけどちょっと見たいかも？映画の中にゴジラを登場させた、無理矢理な映画ポスター14枚 【画像】こんなジブリなんて見た……いかも？洋風アレンジしたジブリ映画のポスター画像7枚 【画像】ある意味怖い。コレジャナイ感漂う、ガーナの手描き映画ポスター24枚 職場で居眠りした結果、コラ画像の素材となってしまった男 写真24枚 1. 2. 3. 4.
デザインとエンジニアリングの垣根を壊したい [田川欣哉] | ISSUES | WORKSIGHT
会社をスタートさせてから、6年ほどが経ちました。少しずつメンバーも増え、現在は15～20人ほどのメンバーがプロジェクトに取り組んでいます。手掛ける仕事も、プロダクトデザインから、携帯電話のUI（ユーザインターフェイス）デザイン、アプリ開発、アートインスタレーションまで、多岐にわたっています。それに伴って、働き方も毎年変わってきました。 ただ、会社の幹の部分—-何をするための会社かという理念は最初から変わっていません。デザインとエンジニアリングは、一般的な企業では理工系と芸術系のようにしっかりと部門に分かれていることが多いんです。でも、どちらか一方だけだと一体感のあるモノづくりは難しい。takramは、その部分に問題意識を持って、デザインとエンジニアリングの垣根を壊していこうという人たちが集まっている会社です。 最近は、文系との垣根を超えていくということも新しいテーマとして加わってきました。
![デザインとエンジニアリングの垣根を壊したい [田川欣哉] | ISSUES | WORKSIGHT](https://cdn-ak-scissors.b.st-hatena.com/image/square/beecf024e6c4bba4487011297a2533b187b7ff23/height=288;version=1;width=512/https%3A%2F%2Fwww.worksight.jp%2Fwp-content%2Fuploads%2Fissues%2Fperson_tagawa-1_main_1-thumb-320xauto.jpg)
なぜ日本の家電のデザインは絶望的にダサいのか？ - MIKINOTE
昨日、早速、遠赤外線ヒーターを買い換えるために、近所の家電量販店に妻と一緒に実物を見に行きました。 www.mikinote.com 昨日の書いた記事でも紹介した、お目当ての機種が運良く売り場に置いてあったのですが、実物を見るとやたらとサイズがでかかった印象ですね。作業場は狭いのでもうちょっとコンパクトな物が良かったのですが・・・。なので、作業場用にはもっと小型で値段的にも安いものを買うことにしようと思いました。 ネットショッピングでいきなり買わないで、実物を見に行って本当に良かったです。大型のヒーターは、今回の購入目的からすると大きすぎでした。しかし、実際に電源の入っているヒーターにも当たらせてもらって、いい感じにじんわりと暖かくて、その点に関しては非常に良い感じでした。 「リビング用にどうかな？ちょっと欲しいかも・・・」と思ったその瞬間、うちの奥様の鶴の一声でやめることになりました。
本当に有意義なエラーメッセージを書くには | POSTD
想像してください。あなたは今、オフィスにいます。周りとは仕切られた個別スペースです。今週は、近々新たに展開する予定の製品を紹介するために多くの時間を割いてきました。疲れが溜まり、不機嫌ぎみになっています。今はようやく近づいた週末が待ち遠しくて仕方ありません。 しかしその前に、新製品を紹介するホームページがWindows 10で正常に動かくかどうかを試してみなければなりません。あなたは問題ないはずだと信じています。あなたが信頼を寄せているMacには、Windowsを問題なく実行できるソフトもインストールされています。 ソフトを起動してみると、丁寧にもWindowsがポップアップ通知で可能なアップデートがあることを知らせてくれます。もちろんアップデートを開始するため、あなたは了承します。 すると、こんなものを目にするのです。 訳：何かが発生しました。 何かが発生。 新製品の準備のため期限が迫っ
「デザイナーはクリエーターではない」。エンブレム盗用問題から学ぶ"デザイナーの本分"とは
「デザインとは何か？」「 デザイナーの価値とは何か？」 、多くの人がこれまでにないほど考えを巡らせたのではないだろうか。
ファーストビュー神話崩壊か 女性向けアパレル「fifth」スマホECの斬新すぎる設計に注目
ECzine Day（イーシージン・デイ）とは、ECzineが主催するカンファレンス型のイベントです。変化の激しいEC業界、この日にリアルな場にお越しいただくことで、トレンドやトピックスを効率的に短時間で網羅する機会としていただければ幸いです。
売れるECサイトはデザインもステキ！参考にしたいおすすめ15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのあかねです。 春は新しいモノが欲しくなります。ネットショッピングをしているとあれも…これも…とついつい買いすぎてしまいますね。 また、デザインがステキなサイトは商品も魅力的に見えるのでついついポチッと… ステキなサイトはきっと売れてるんだろうなーと思って、デザインのステキなECサイトをまとめました。 楽天サイトも5サイト紹介しているので参考にしてください。 ECサイトを作るときに参考にしたいサイト10選 Sophie et Chocolat ソフィー エ ショコラ Sophie et Chocolat ソフィー エ ショコラ 女の子が好きなメルヘンチックなサイトです。下層ページもかわいいのでぜひ。 kimito / 七宝焼き・着物の帯留め 通販・ギフト kimito / 七宝焼き・着物の帯留め 通販・ギフト 細かいアイコンが視認性を高めてるなと思います。 OTOE
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 | アプリマーケティング研究所
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
第6回 「直感的にわかりやすいUI」は、本当に使いやすいのか？ | gihyo.jp
なぜ、子どもは大人にとって思いがけない操作をするのか 筆者には保育園に通う息子がいます。彼の最近のお気に入りは、筆者のPCで画像検索をして、昆虫や海の生物を描くことです。筆者が家で仕事をしていてもおとなしく絵を描いてくれているのはいいのですが、筆者の仕事用のデスクにイスを持ってきて、デュアルディスプレイで使っている24インチの画面に画像を大写しにして占有するので、筆者はせっかくのデュアルディスプレイにも関わらず、MacBook PRO本体の画面しか使えず困っています。しかし、ゲンゴロウを書いていたと思ったら、参考にしていたのがエゾゲンゴロウモドキでゲンゴロウではなかったり、突然マラリア蚊を書き出したり（息子のもう1つの趣味は、有毒生物について調査することです）と、日々面白いことも起こるので、ついつい許しています。 そんな息子は、画像検索（操作は基本的に筆者がしている）で目的の画像がスクロー
【Webデザイナー必読】IoT時代のデザイン思考を探る─久下玄×秋葉秀樹 デザイナー対談
【Webデザイナー必読】IoT時代のデザイン思考を探る─久下玄×秋葉秀樹 デザイナー対談 白石 俊平（HTML5 Experts.jp編集長） IoTの時代、それはモノのデザインとWebのデザインが交錯する時代と言えます。 そんな時代に必要とされるデザイン思考とはなんでしょう？モノのデザインとWebのデザイン、そこにある違いは、そして共通するものは何でしょう？ この記事ではそんな疑問の答えを探るべく、この記事では、プロダクトデザインとWebデザインのプロフェッショナル2人を引き会わせて、デザインについて、デザイナーについて、UXについて、Webについて、IoTについて、気になることを全部語っていただきました。 プロダクトデザインとWebデザイン、その境界線から見える景色を、それぞれの分野のエキスパートが語ります。 〜登場人物紹介〜 久下玄（くげはじめ）: デザイナー／エンジニア／ストラテジ
“UIデザイナーバブル”到来の予兆！？｜UICrunch #2 | キャリアハック（CAREER HACK）
あるデザイナーが書いた『UIデザイナー不要説』というブログをきっかけに開催された、UIデザインに関わるすべての人の為のコミュニティ UICrunch #2。テーマは、そのものズバリ「UIデザイナー不要説について考える」。第一線で活躍する登壇者たちが考えるUIデザイナーの未来とは――。 書いたのは一人のUIデザイナー。UICrunch #1を受け、執筆したものでした。このブログにレスポンスするカタチで、TORETA COO 吉田さんとBASE CTOの［えふしん］こと藤川さんも記事を執筆。UIデザイナーの役割、必要性、未来などさまざまな考えが展開されました。 一連の流れをきっかけに、UICrunch #2は急遽テーマを「UIデザイナー不要説について」に変更。発端となったブログを執筆した川上さん、TORETAの吉田さん、BASEの藤川さん、さらにnanapiのCTO 上谷さんが招かれ、それぞれ
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは？
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは？ 馬場 美由紀（HTML5 Experts.jp編集部） DeNAとGoodpatchの現役クリエイターが中心となって立ち上げられた、UIデザインを追求していくコミュニティ「UI Crunch」。11月27日に開催された第2回目の勉強会のテーマは「UIデザイナー不要説について語る」。 サービスやプロダクトを作る上で大きな差別化要因となっているUIデザイン。とはいえUIデザインに携わるUIデザイナーが、業界や企業において高い評価を受けているわけではない。そんな状況にもやもやした状況からネット上では「UIデザイナー不要論」まで飛び出すことに。「UI Crunch #2」はそのホットな話題「UIデザイナー不要説」について、徹底討論が繰り広げられた。 「UIデザイナー不要説」を書いた真意 最初のスピーカーとし
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 デザインにもそれが表れています。よく考えられたアプリデザインは、ハード
16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 外注を活用したホームページデザインの業務切り出しフロー 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な
iOS7に見る“フラットデザイン”の難しさ - 週刊アスキー
アップルは6月10日、開発者向けカンファレンス“WWDC 2013”の基調講演において、iOSの最新版となる『iOS7』を発表しました。このiOS7では、一見するとWindows PhoneやWindows8のMetroやModern UIと似た、"フラットデザイン"を採用したことが話題となっています。 果たしてこのデザインは、MetroやModern UIを“参考にした”ものなのでしょうか？ 今回は、UIデザインにおいて平面的なデザインがもたらす意味について、考察してみたいと思います。 ■フラットデザインの基本的な問題点とは これまでアップルのUIデザインは、"Skeuomorphism"デザインと呼ばれる、ディスプレー上にリアルな物体を再現するデザイン手法が主流となっていました。たとえばアイコンには写実的な表現を多用し、ボタンやスライダーといった個々のUI要素も立体的にデザインされてい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインの使命は「問い」を生み出すこと：Superfluxの「スペキュラティヴ・デザイン」とは #WXD