ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
シニア層のためのWebサイトユーザビリティ
2013年3月23日 ユーザビリティ 以前「笑っていいとも！」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代～60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います！ ↑私が10年以上利用している会計ソフト！ 上記「笑っていいとも！」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし
メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな
NERV極秘資料 - 電力使用状況 先日、東京電力の電力使用状況をエヴァンゲリオン風デザインで表示するWebサイトを作ったものが、あちこちで反響を頂きました。 ねとらぼ：「NERV専用監視装置」で東電の電力状況をチェック エヴァ風サイト登場 - ITmedia NEWS NERVの一員になったつもりで節電！ エヴァ風電力使用状況メーター | ギズモード・ジャパン Twitterでは16000以上ツイート頂けたようです。 http://topsy.com/kanmisikou.net/lab/power/ こちらの、はてなブックマーク週間ランキングでもIT・コンピュータカテゴリ2位を頂きました。ありがとうございます。 http://b.hatena.ne.jp/ranking/weekly/20110321/it これだけの反響を頂きましたし、せっかくなのでWebアプリを作る工程を解説します
jQueryでスクロールしても上に固定されるメニュー｜Webpark
よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー（このブログは非表示にしてます）みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =
jQueryで作るヘルプページ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/basetop2.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery-Help</title> <link href="./jquery.ehelp.css" type="tex
2010年総まとめ：押さえておきたい国内・海外のウェブデザイン集
今年も残すところ、あとわずか。 2010年、国内・海外のウェブデザインで印象に残ったものを紹介します。
フリーの(X)HTML/CSSテンプレート５０:phpspot開発日誌
50 Free CSS/(X)HTML Templates - Noupe Design Blog フリーの(X)HTML/CSSテンプレートが沢山まとまったエントリが沢山ありましたのでご紹介。 先日も似たようなものを紹介しましたが、本日も便利そうなエントリを発見しました。 HTML5 and CSS3 Ornare iPhone App StudioClick Darkness MYportfolio 全部見る こんなものをフリーで提供してくれる方々の仕事している姿を想像すると涙が出そうになります。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 ほんとにフリー？というクオリティのXHTML/CSSテンプレート２０ クールなデザイン満載のXHTML/CSSテンプレート４０種 フリーのCSS/HTMLテンプレートいろいろ2010
デザイン思考上級に向けて：インタラクションデザインを身につけよう
Sat, Aug 14 前書き： デザイン思考とインタラクションデザインを身につけるということについて書いてみました。デザイン思考の授業を終えて、本格的にリアルプロジェクトに挑戦しているKMDの学生を想定していますが、同じようなことに興味がある人にも参考になればと思います。 14:33 インタラクションデザインについて：インタラクションデザインとは何か、という議論を少ししてみたい。デザイン思考でデザインの専門家と開発（つまりはエンジニアリング）の専門家がコラボレーションをしてインタラクションデザインを行う。だが勘違いしてはいけないことがある。 14:34 デザイナーとエンジニアはインタラクションデザインにおいてすることはない。ここを胆に命じる必要がある。インタラクションデザインのフレームワークが出来上がった後はデザイナーもエンジニアもたっぷりとすることがある。だがそれまではデザインとか
非デザイナーのためのデザイン基本テクニック その１ | 07design.blog
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
デザインのサイズ合わせのお供に·Pixus MOONGIFT
PixusはAdobe AIR製のオープンソース・ソフトウェア。Photoshopを使ってWebサイトやアプリケーションのデザインを行っている時、きちんと適切なサイズに収まるかスケールを合わせたい時がある。キャンバスのサイズを合わせておく手もあるが、そうするとちまちましたデザインになってしまうだろう。 デザインの確認に さらに今はPC向けのみならず、iPhoneやiPad、PSPなど筐体の種類も増えており表示画面サイズも個々に異なるようになっている。各筐体で適切に表示されるデザインを作成するために使ってみたいのがPixusだ。 PixusはAdobe AIR製のソフトウェアで、起動すると枠が表示される。サイズは1024×768、800×600などのPC向けの他、320×480のiPhone向け（水平表示板もある）、PSPサイズもある。さらにIE、Safari、Chrome、iPhoneなど
危険なデザイン……わかりますか? | ず's
実は白黒の境目に添って段差があります。私はここで2回コケました。 デザインするなら、段差と交差する形で直線を引いて、直線がカクカクに折れることで、段差の存在を明示すべきだと思った。 ちなみに本日のTEDxRyukyu会場の近所です。こけてるのは俺だけかなあ… 追記: 下記のdevelさんの写真の「スロープになってる側」と比較してみてください。上からみたらさっぱり違いがわからないと思う。 リンク 微妙な段差(develさん。同じ場所の写真と動画を撮影されています）誰のためのデザイン？ (ドナルド・A. ノーマン著)アフォーダンス-新しい認知の理論 (佐々木正人著)使いやすさ日記277. つまずく階段473. 雰囲気と安全のバランス加減。～動物園内の階段～
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
