はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名

忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？ 私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました

チャーリーです。 ビジネスモデルを図解するシリーズを息抜きにはじめました。ひとまず10個まで書いたので、noteにまとめておきます。 100の事例を図解した「ビジネスモデル2.0図鑑」という本を発売しています（本記事の事例ふくむ）。予約開始と同時にnoteで全文無料公開という試みをやっています。本記事に興味を持ったらそちらもどうぞ！ ビジネスモデル図解シリーズを始めるきっかけになったサービス、Lemonade。 AMPの記事にわかりやすく詳細が書かれてるので引用。 ソーシャルインシュランスにおいて重要になるのが、どのようにしてグループを組めば、グループ内での保険の請求額が、そのグループにプールされている金額を超えないかだ。 Lemonadeでは、サービスに加入する際に、自身が関心のある社会課題を選ぶ。社会課題の中には支援や病児支援などが存在する。その社会課題に基づいてグループ分けが行われ、

隠れAIプレイヤーだったAdobeが、今回のMAXでいよいよ表舞台に立った。 前記事では、Adobeの構造と収益体制について解説した。今回は本編として、AdobeがAI戦略で、何を狙っているのかを考察する。 ＊注 筆者はAdobe社から、Adobe MAX 2017への招待を受けて参加しています。…が、それはそれとして中立で書きます。Adobeさん、都合の悪いこと書いてたらごめんなさい！ Adobeが学習しているモノは何か？AdobeのAIプレイヤーとしては、特殊性なポジショニングを持つ。その特殊性を理解するには、まずAdobeが何を学習しているのか？を理解しなければならない。多くの人々は、「AdobeのAIは画像認識」だと考えている。だが、それは大きな間違いだ。画像認識は、AdobeのAI群のわずか一部分にすぎない。 では、AdobeのAIの本質は何か？ Adobe Senseiの本質は

路線図が好きだ。カラフルに色分けられた路線、限られたスペースに詰め込めれた情報、うっかり現実世界とかけ離れる歪み。時間を忘れてうっとり眺めてしまう路線図は個人的に表彰したくなる。生まれてきてくれてありがとう。 いやいや、母性を暴走させている場合じゃない。僕が表彰しなくても、国から表彰されている路線図が既にあるのだ。横浜市営地下鉄である。

毎度あり！くしいです！ コミュニケーションアプリ LINE などを手がけるLINE株式会社が、この４月に渋谷ヒカリエから新宿ミライナタワーに引っ越しをしたらしいというか、最近はもう毎日通っております。引っ越しが終わったばかりのLINE社、ババンと紹介しちゃいます！（執筆者はLINEの社員です） ミライナタワーの9フロアには約1600名が働いており、今回で146記事目となる行ってきたシリーズでも大規模と言ってよいんじゃないでしょうか。新オフィスのテーマは「リビングファクトリー」で、リビングはリラックス、ファクトリーは生産性を高めるって意味だそうでどんなかんじか気になりますね。んじゃ早速行ってみちゃお！ ビル入口の専用機で入館証を発行後、直通エレベーターで受付にドン こ、これが新オフィス！かっこE！！ ロゴ ※公開から3ヶ月以上経過した特定の記事は有料となっている場合があります この続きはco

家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手にとらない。 Androidは論外だった。 アプリにはだいたい主要な画面が4つか5つほどあり、簡単にいうとその画面を行き来しながら利用する物が多い。 年寄りにとって一番利用しやすいのは画面がリニアに進むということだ。 アプリをタップしたら常に最初にメニュー画面、メニューからボタンを押したら目的の画面のように進まなければ、そこで理解がむずかしくなる。 アプリによってはアプリタップ後、最後の画面を表示してくれる物も多い。そういうのは年寄りには難しい。まずは元に戻りたいと思うようだ。 スタート画面が設定されているのもあればない物もある。 アプリによってはしばらく時間があると普段とは違うメッセージが出る物もある。 タップでボタンが表示される奴は論外だ。タップの仕方によりボタンが出ない・出るで教える最中に喧嘩になる。 タップ

なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです

迷子ひもは、「幼児用リード」や「ハーネス」とも呼ばれる。幼児が急に車道に走り出たり迷子になったりするのを防ぐための道具だ。リュック型も多く市販されており、幼児の上半身と保護者の手がひもでつながれているスタイルが一般的だ。 日本では10数年前に輸入品が使われはじめたとされるが、たびたび議論が起きている。 2015年6月4日の朝日新聞の記事「幼児用リード じわり浸透？それとも違和感？」では、事故防止のために迷子ひもを使っている親を紹介。ネット上では共感する声がある一方で、「まるで動物のよう」「子どもを一方的に束縛している」「親がしっかり手をつなぎ、しつけをするべきだ」などの批判もあった。 「親が…」という批判の中には、「便利なグッズを使って、親がラクをするのはいかがなものか」といった安全面だけではない理由もある。 幼児の交通事故で最も多い「飛び出し」交通事故総合分析センターの交通統計（2014

Webデザイナーがコンポーネント指向な実装をはじめるなら、まずはRiotから入ってみるといいかもしれない

洗濯表示をチェックすべき理由　　洋服のお手入れは、素材に合った適切な方法で行うことが肝心ですが、そのためには洗濯表示を理解する必要があります。何も知らずに乾燥機に入れてしまったり、アイロンをかけてしまうと、型崩れや縮みの原因になることも。お気に入りの洋服を長持ちさせるためにも、洗濯表示の意味は必ずチェックするようにしましょう。 覚えるべき5つのマーク　洗濯表示は、洗濯、アイロン、漂白、タンブル乾燥、自然乾燥、クリーニングの6つのマークに分けられます。それぞれの記号が何を指しているのかを覚えてしまえば、失敗することなくお手入れすることができますよね。ここからは、6種類のマークを細かい意味と合わせて解説していきます。 洗濯 洗濯の仕方は、洗濯桶のイラストで表示されています。桶の中の数字は上限の水温を示していて、30度・40度・50度・60度・70度・95度と細かく分類。桶の下の横線は衣料品に与

2016 - 11 - 07 プログラミング学習日記 通算6日目 ~CSSデザイン~ プログラミング CSS 広告 どうも、ゴトーだ。 今日はいつもと趣向を変えて、CSSの勉強を目的としてトップページのデザインを変えてみた。(ブログじゃなくて、制作用のページだ) パッと見、結構カッコよくできたのでそれを今日の成果として発表したい。 ちなみにプログラミングに関しては、これまで通りPHPをメインに勉強しつつJavaScriptの学習も開始し始めた。 今はドットインストールの講義を聞いてる途中なので特にアウトプットするものはないが、これから出していくかもしれない。 6日目の成果物: デザイン どうやって作ったのか 学習したこと 所要時間 6日目の成果物: デザイン こちらがビフォー。 こちらがアフター。 ゴトーのプログラミング学習記録 どうやって作ったのか デザインは参考にしたサイトをほ

GitHubの謎生物が気になり、せっかくなのでIT界隈の動物(?)を用いた名前やロゴの由来など調べてみた。 ※追記あり：Gopherファンに襲われそうなので。ごめんねGopher君 GitHub種類：octocat（ネコ＋タコ） 名前：monalisa Q.どうしてタコなのに8本足じゃないの？ A.なにも考えずに描いたからね！ もともとデザイナーはoctopussと呼んでいたが、いくら訂正してもGitHubの社員がoctocatと呼ぶため、octocatで落ち着いた。 octocatはあの生物種の名称であり、monalisaという名前は社員の娘が学校の課題で名付けたもの。 Python種類：ニシキヘビ 名前： - イギリスのコメディ番組『空飛ぶモンティ・パイソン』より。 またPythonという英単語はニシキヘビを意味するため、マスコットとしてヘビが用いられる。 オライリーの本とかすごい表紙

京都市交通局は、オリジナルグッズ「京都市バス方向幕タオル（実寸大）」を11月5日（土）に発売します。デザインは46号・201号・205号・206号系統の計4種類。縦34cm×横142cmと、大きさも本物の方向幕と同じです。 ▽ http://www.city.kyoto.lg.jp/kotsu/page/0000205760.html ▽ http://www.city.kyoto.lg.jp/kotsu/page/0000207489.html 「京都市バス方向幕タオル（実寸大）」は、本物の市バスの方向幕と同じデザイン・サイズのタオルです。2015年9月に発売された第1弾は、好評で短期間のうちに完売したそう。今回の第2弾では、新たに46号・201号系統を加えた計4種類が用意されています。 デザインは利用者の多い系統が選ばれたとのこと。「祇園」「平安神宮」「金閣寺」といった人気の観光スポッ

文字や画像をぽんっと配置するだけで、そのコンテンツが映えるApple風の美しいグラデーションの背景49種類をまとめたスタイルシートを紹介します。 コピペで簡単に利用できるので、CSSのスニペットに登録しておくと便利ですね。 HUE.css HUE.css -GitHub HUE.cssを使うと、簡単に美しい背景を作りだすことができます。 Appleのプレゼンテーションスタイルで、Hueを背景に使用したものです。 画像: Free Promo Backdrops and Gradients HUE.cssは上記のHueの背景画像にインスパイアされたもので、これらの美しいグラデーションの背景がCSSで簡単に利用できます。 元の画像は上記ページの下部から、.sketch, .png形式でダウンロードできます。 HUE.cssの使い方 使い方は、簡単です。 「hue.css」をダウンロードし、外部

１．うずらフォント（手書きフォント系） ▼ぜんぶうずらフォントです。 手書きフリー日本語フォントはたくさんありますが、最近はこれがお気に入りです。 ゆるい感じが可愛らしい。 ちょうど下手すぎず、上手すぎずがちょうどいいんですよね！ このフォントの使いみち ダウンロードはこちらから ２．Noto Sans Japanese /a 源ノ角ゴシック（ゴシック太さ多数） GoogleとAdobeからこのフォントが発表された時、デザイナーは沸きました。 しかし思いません？ winならメイリオとかmacヒラギノとか最初から入っているフォントでいいよ！ ぼくも、そう思います！ あーでも、しかし１つだけこのフォントが便利な点があるんです。 それは 文字の太さの種類がある これが大事なんです。デザインを作る時に便利！ OSに最初に入ってるフォントは、太さの種類が２、３種類だと思います。 ボールドボタンで太く

「フルスタックエンジニアよりもデュアルスタックエンジニアのほうが必要」と呼びかけるのが、「えふしん」こと藤川真一さん。Twitterクライアント『モバツイ』の開発者であり、現在はBASE株式会社CTOとして長年Web業界をリードしてきた同氏が考える、いま現場に求められる「デュアルスタック」の考え方とは？ フルスタックは「専門職に失礼」 ——藤川さんが提唱されているデュアルスタックエンジニアの話に入る前に、藤川さんが考えるフルスタックエンジニアの定義について教えていただけますか？ 一時期、流行りましたよね、フルスタックエンジニア。要は、「自分が思いつく範囲のことを全部やりましょう」という話だったと思います。とはいえ、フルスタックと言っておきながら、実は全然フルスタックじゃないんですよね。デザインをやるわけでもないし、そもそもフルスタックエンジニアの役割にマネジメントは含まれていませんから。

斬新すぎる〝アフヌン〟に7.3万人騒然　上にギョーザ、下はチャーハン...「確実にアルコール入る」「真似したい」と話題