「豊かさ」の主観化（および「HCD と UXD の違い」について） - Zerobase Journal
HCD（人間中心設計 human-centered design）と UXD（利用者体験デザイン user-experience design）の違いについて。 「これをしなければ○○ではない」という必須手順が、HCD にはあります。UXDにはない。 HCD の場合は、 ISO 13407では、まず人間中心設計の必要性の特定を求めている。次に4つのステップを一連のプロセスとして回していく。 - 使用状況の理解と明示 - ユーザーと組織の要求事項の明示 - 設計による解決策の作成 - 要求事項に基づく設計の評価 ※上記引用元『人間中心設計 － ＠IT情報マネジメント用語事典』 ユーザー観察、ユーザーのモデルづくり、デザイン、評価など、ひとつひとつの手法はすでに多くの方が実践していて、それぞれに関する情報も世の中に広がってきています。そうした個別の要素を上手くつなぐプロセスが人間中心設計なので
UX and UI 〜それより僕が伝えたいのは｜withComputer
NPO法人ウェアラブルコンピュータ研究開発機構（チームつかもと）大阪交流会、というイベントで20分ほどのセッションをしてきました。僕の担当テーマはUX。その時のスライドを公開しておきます。 スライドを見てもらえればわかりますが、セッションでは「体験のデザイン」を「多くのWebデザイナーはなぜUXとUIを混同するのか」という切り口でお話しました。自らの同業者叩き的なプレゼンを（しかも異業種の人相手に）するのは、あまり褒められたアプローチではないかもしれません。それでもあえてそうしたのは、なぜ混同が起きるのかを自分自身が深く考えてみたかったこと、UXという言葉のバズワード化を快く思っていない方が参加者の中にいそうだったこと、が背景にあります。 僕を知っている方からすれば「お前がなぜUXを語るのか？」というツッコミを入れたくなるかと思います。僕も自分で自分に何度もつっこみましたから。今回は、過去
HCDを用いたユーザ価値の向上
2012年12月16日DevLOVE2012の2日目での黒須正明さんのセッションスライドです。 http://devlove2012.devlove.org/speaker#speaker_20
ポジティブ心理学から学べるデザイン思考
デザインはよく「問題を解決するための設計」と解釈されることがあります。HCD の観点からみると、その意味合いは強いでしょうし、人が扱うアプリケーションに携わる仕事をしている方であれば、常に問題解決のためのデザインを意識されていると思います。タスクを完了するためにはどうすればシンプルで効率が良いのか、ゴールに辿り着きやすくするための使いやすさを設計するのがデザインですが、それだけではありません。 目の前にある問題を解決するだけではなく、いかにポジティブな感情を引き出すのかもデザインの大きな課題です。ポジティブな感情を引き出すためのデザインをするという意味合いから UX という言葉が使われることがあります。「気持ちのよい」「爽快な」といったポジティブな言葉をつかってデザインを評価することがありますが、これもデザインが問題解決だけではないという表れなのでしょう。デザインを通して、ちょっとポジティ
11/08(木)、「Enterprise User eXperience Design - ユーザー中心設計の実践 -」に参加してきました。 #devlove - ミッションたぶんPossible
はじめに 先週11/08(木)は、東京：有楽町は株式会社ぐるなびで開催された「Enterprise User eXperience Design - ユーザー中心設計の実践 -」に参加してきました。参加理由は、単に「UX」というキーワードに釣られただけ、という安直なものだったんですけどねｗ。 以下、記録したメモも掲載していますが、あまりの情報量でメモ仕切れなかった部分が多いので、メモはあまりアテにしないで下さい。オレ個人としては感想をメインに書いていきます。 OPトーク 始めての人 →1/3 くらい DevLOVE ってなんですか？→@jun116代役(無茶振り)で説明 開発を楽しむ、開発を推進する DevLOVE2012宣伝 UXがテーマ UX初めて聞いた→0人 結構調べてる方→ちょいちょい 現場でUXデザインやってる人5人 DevLoveでUXは2ー3回目 →やろうと思ったら知見が足り
フォームを改めて考えなおしてみるエントリーフォーム最適化のまとめ（EFO） | バシャログ。
世間が彼を見捨てても、私はキムタクの月9を見続けます。 どうもこんばんは Latin です。 今回はエントリーフォームの最適化についてです。 フォームって、ウェブサイトをローンチした後は、メンテナンスが全然されていない･･･って事は結構多いのではないしょうか？ 仕様が思いの外複雑であったり、分析・改善に費やす時間がなかったりと、理由は様々だと思うのですが、今回は最低限把握しておくべき項目をまとめてみました。 フォームの初期実装時やリニューアルなどに少しでもご参考になればと思います。 【入力サポート】 選択項目は、デフォルト値に配慮する 例えばですが、都道府県のプルダウン選択なら、メインターゲット層の多い都道府県にするというヤツです。「東京都」をデフォルトにしているところを良く見かけますよね。 必須アイコン「必須」の表記で目立つ色で配置する 「※」や「*」は不親切だし、伝わりづらいようです。
YouTube動画を家中のディスプレイで再生できたら
YouTubeビデオを、ブラウザからリビングのテレビやタブレットに飛ばせたら。HTML5のPlayコマンドをテレビに送信して再生する方法を紹介します どこでもディスプレイ YouTubeビデオを、ブラウザからリビングのテレビやタブレットに飛ばす。そんなことができたらワクワクしますよね！ でも、これははるか先の話ではありません。最新のHTML5関連技術では、そんなワクワクができるようになってきています。ブラウザから、テレビやカメラなどの色んなデバイスが操作できるようになる。そんな時代がすぐそこまで来ているのです。今回の記事では、そんなワクワクする最新Web技術を紹介します。 ビューワとしてのマルチデバイス HTML5の特徴として、よくマルチデバイスでのサービス提供の容易性が取り上げられます。典型的なパターンは、あるWebサービスをスマートフォンやタブレット、PCなどのマルチデバイスでブラウジ
PHPの画像処理ライブラリ「DmImage」を公開しました - demouth::blog
PHPで画像処理といえば GD ImageMagick 辺りを使うのが一般的でしょうか。軽いノリで小さいアプリを実装する時はGDをが向いてると思います。 でもGDってなかなかクセがありませんか？何が違うのか分からない様な似た名前の関数があったり、半透明画像を扱う際は必ず呼ばないといけない関数があったり、テキストの描画が面倒、色の指定が面倒、など。 その辺のややこしい処理をラップして、よく使う機能を実装したライブラリ「DmImage」を作りました。 このライブラリを使うと色々出来ますが、 画像リサイズ ファイル出力 DataSchemeURI変換 ActionScriptやCanvasAPIの様な図形描画、色指定 Instagram風の画像加工 フォントのバンドルによる綺麗なフォント描画 辺りが特徴になるかと思っています。 では、早速使い方の説明です。 使い方 使い方1 〜 画像の表示 サイ
検索スパマーと低品質コンテンツが氾濫する理由 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
SEO Bookから久々にアーロン・ウォール自らが執筆した記事。最近のGoogleとSEO、コンテンツに関係に関する彼ならではの1考察を。 — SEO Japan SEO by the Seaを運営する友人のビルが、あるグーグルの特許（日本語）を発掘した。この特許を読んだ後、その内容に驚く人もいれば、疑いが確信に変わる人もいるだろう。 この特許は「ランキングのドキュメント」と呼ばれている。ウェブマスターがページ、もしくはページへ向かうリンクを変更すると、このシステムはこの変更にすぐに反応する可能性があるようだ。より正確に表現すると、このシステムは予想外の方法でランキングを変更することがある。 文書の1つ目のランクおよび2つ目の文書を決定するシステム。この2つ目の文書は1つ目の文書とは異なる。また、このシステムは、1つ目のランクから2つ目のランクに移行する際に発生する移行期間中、文書に関連す
ニュース - 成功しなかったアップル製品たち：ギャラリー（WIRED.jp）：ITpro
アップル基準からすると、「iPad mini」への需要は「若干弱い」ようだが、それでも発売後の週末の売り上げは素晴らしいものだった。アップルでは「ヒットでない」とされる製品でさえ、他社基準からするとヒット製品になるかのように見える。また、アップルが出すものすべてが成功が約束されているかのように見える。 しかし、同社の歴史を少し振り返ってみれば、失敗や間違いはすぐ見つかる。現行の製品でさえ、素晴らしく見えるのに顧客の人気をつかめないというものが複数ある。あるいは、あまりにも失敗しそうなので、アップル以外の会社は市場に出さないだろうというような製品も多い。 以下、アップルが少々コースを外れてしまったという製品を紹介していこう。 iPodソックス（上の写真） アップルの直営店に並んだ最高に奇妙なアップル製品といえば、「iPod Socks」だ。フリーサイズの保温カバーは、さまざまな色がそろった小
Stairway Hover Nav
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
Sencha Touchの本を書きました - きしだのHatena
JavaScriptリッチクライアントフレームワークのSencha Touch解説本を書きました。 Sencha Touchではじめるモバイルアプリ開発―無料で使える「HTML5」&「JavaScript」開発フレームワーク (I・O BOOKS) 作者: きしだなおき出版社/メーカー: 工学社発売日: 2012/11メディア: 単行本購入: 1人 クリック: 24回この商品を含むブログ (7件) を見る 表紙になぜかコーヒーカップとJavaって書いてあるのは、ぼくの管轄外です・・・。あと、キャプチャ画面、もすこしいい感じのを使ってもらうことはできなかったのか・・・。ただ、実物の色合いはもうすこし落ち着いています。 Amazonでは15日発売だけど、公式サイトによると19日発売、らしいです。どっちが正しいかは、まだ聞いてません・・・ ともあれ、目次はこちらから。 ���Ҿ�����Senc
コンピュータ科学の博士課程にきて初めて分かったこと4つ
学部生のころ研究について想像していたことと、実際に修士を修了して博士課程にきて分かった現実の間にけっこうギャップがあったので、この感覚の差を忘れないうちに書いてみます。なお、僕の専門はコンピュータ科学のなかでもユーザインタフェース・Human-Computer Interaction と呼ばれる分野です。他の分野だとまた事情が違うと思うので、その点ご承知おきください。 研究には時間がかかる フルペーパーを書くのは大変 新規性は大きさよりコントラストが大事 研究生活は自律心がないとつらい 研究には時間がかかる 学部生のころは、研究プロジェクト一つ終わらせるのに 1 年以上かかるなんてそんなバカな！と思っていました。実際は成果としてまとめるのに 2 年かかったものもありました。 学部生のころの想像として、アイデアを考えて実装するのに 1-2 ヶ月で、それを論文にして投稿したら終わり！3 ヶ月あ
配信しない有料メルマガは成り立つのか？ - Hagex-day info
■まったく届かないメールマガジン Webサービス学芸会でお馴染みの「Liverty」の代表者である、家入一真氏。彼は「生け贄スタイルの理論と実践」という有料メールマガジンを月額735円で発行しているが、10月は1度も発行せずに課金だけ行われたようだ。読者の中には怒り心頭の人もいるわけで、以下のリンクで被害者の人がいろいろと報告しており、大変興味深い。 ・週刊（だったはずの）有料メルマガが一ヶ月間配信されなかった件（Film Goes with Net） 上記のエントリーから引用すると… 現在、４つの有料メルマガを購読してます。ビジスパさんから１つ、ブロマガさんから１つ、夜間飛行さんから２つ。 全て週刊のメルマガです。でも先週（11/4~11/10）は１本しか届きませんでした。それに対する告知も何もなし。 特にそのうちの１つは、１０月には配信が０でした。でも課金されてました。夜間飛行で購読し
ゆーすけべー日記
以前出版社の方から「本を書かないか？」というお話をいただいて早2年以上。 紆余曲折ありましたが、来る11月20日（火）に本を発売することになりました！ 本の名前はズバリ「Webサービスのつくり方」です。 Amazonでは既に予約可能な状態になっています。 どんな本なのか？を特徴と共に紹介しましょう。 1. Webサービスをつくるプロセスを網羅的に 僕は今まで大小合わせてWebサービスを何個もつくってきました。 「つぶして」しまって今では見れないものが多く申し訳ない点もありますが、 サービスをつくることは非常に楽しいことです。 僕の専門分野はおそらく「Webアプリケーションエンジニア」ではありますが、 特に小粒なサービスの場合においては企画をつくったり、プロモーションしたり とWebサービスをつくって運用する全ての行程＝プロセスを一人で踏んでいくことになります。 こうした網羅的なノウハウが一
猪子さん、マッキンゼーは嫌いですか？(上)
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ロボットもデザイン・3Dプリントできるアプリ：オートデスク「123D Design」
http://www.cmmntr.com/t/55677efaaa89f5bdd9e28f2462068639
Loading...
http://japan.internet.com/busnews/20121114/2.html
HTML、CSS、JSでiPhoneアプリのプロトタイプが作れる「Ratchet」:phpspot開発日誌
WordPressのガラケー変換プラグイン・Ktai Styleでthe_content()内の要素をスタイリングしてみる - かちびと.net
Responsive Cat