勘違いだらけのAndroid UIデザイン【増員！→370名】 開発者、デザイナー必見！ アプリ制作勉強会 / 勘違いだらけのAndroid UIデザイン 発表資料（2012年8月21日） http://atnd.org/events/31039 The presentation doc for Smartphone application design seminar on 2012/08/21 by WAVE Multimedia School.
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を
定期的に繰り返し実行する簡単ではないお仕事 - やねうらおブログ(移転しました)
いやー、この問題は本当に難しい。難しすぎて、どうやって解決すればいいかいまだによくわからない。わからないので、ここに書いてみる。 最初、とあるお客さんのために「ひよこの餌やりプログラム(仮)」を作っていたんだ。開始ボタンを押すとひよこの餌が出てくる。たったそれだけのプログラム。 今回は、これを「定期的に実行する機能が欲しい」と言われた。 この要望を実現するのがすこぶる難しかったんだ。 「やねうらおってそんなプログラムすら書けないの？老害なの？」 とか言わないで欲しい。この問題、本当に難しいんだよ！ ■ １度目のひよこの全滅 まず、この要望に沿って、私の会社のプログラマが当初、次のようなダイアログをつけたわけだ。 繰り返し実行のところにチェックを入れた場合、ここで指定された時間後にも繰り返し実行する。単位は分で指定する。1日ならば60×24 = 1440を指定する。そうすると、ひよこの餌やり
【ちょい保存版】ヒートマップ分析、H&Mの水着広告の男女差など9選 | PRFREAK
広告は本当のところ見られたのか、そしてドコに注目が集まったのか、知る必要があります。 ヒートマップとアイ・トラッキングの技術が向上した結果、人々の視線の行方を正確に知ることができるようになりました。広告会社には不都合な真実かもしれませんが、Business Insiderの「16 Heatmaps That Reveal Exactly Where People Look」という記事を厳選して紹介します。 1. H&Mの水着広告 男性は水着姿の女性モデルを凝視します。一方、女性はモデル周辺の広告メッセージにも視線を十分に配ります。 2. 美女のヌードと靴 男性は全然、靴に興味を示していません。靴しか身につけてないのに・・・ 3. 視線で誘導 女性モデルの視線が商品に向いてると、読者の視線も商品へ誘導されます。 4. バナーブラインドネス サイト閲覧者は当然、記事を読みますし、バナー広告をほ
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです， 元々は社内勉強会の資料として作成しました 死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてあります より実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っています
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
インタフェースデザインやインタラクションデザインがなぜ重要か？ | インタラクションとデザイン
はじめに 人が関わるものすべてにインタフェースがある。そして、インタフェースは人の行為をつくる。あるいは「行為に影響するように物の設計を考えることがインタフェースの設計」と言えるかもしれない。 行為は人の経験をつくる。連続する行為は活動つくり文化をつくる。だからインタフェースは重要である。人にとってこんなに本質的で、文化にとっても重要な現象を、なぜもっと注目しないのだろうか。インタフェースに人類の未来があると言ってもいいほどだ。 この文章は、インタフェースやインタラクションだけにフォーカスし、その視点から、それがいかに重要であるかを記述する試みである。 *書いた後に思うことは、僕自身はインタフェースはコンピュータから外に向かっていて、コンピュータの中を操作すためのものじゃないこと。だからこんな発想になる。でもこれはユビキタスコンピューティングや実世界指向など一連の思想の流れの結果だとは思っ
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
2011年 UI / UX トレンド
2011年の1月。まだ年が始まったばかりでしたが、今年の Web デザイントレンドという記事が発表されたりしていました。その後、数々のトレンド記事が国内外で数多く紹介されていますが、ルック＆フィールに関する話題、又は技術的な側面から見た話題が多くを占めています。こうしたトレンドを知ることは重要ですが、トレンドの全体像として捉えるには多少偏っていると思います。そこで今記事では、UI / UX デザインの側面からみた 2011 年のトレンドを幾つか紹介していきます。 この記事で挙げる幾つかのトレンドが現れるキッカケを作ったのは、テクノロジーと Web が今まで以上に強い連携が可能になったからです。デスクトップ（又はオフライン）アプリケーションと同等の能力を Web で実現出来るようになったことで、UI デザインの考え方も大きくシフトしました。Ajax が大きな注目を浴びた 2005 年頃も同じ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアのためのUX入門