UIの改悪がUXを改善させる場合 - A Successful Failure
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている（次の写真は当該エントリからの引用）。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
Retinaディスプレイの感動が「iPhone＞iPad＞＞Mac」な理由から「Retina時代のMac選択」を考えてみた - もとまか日記
先日、以下の２つを書いた。 新しいMacBook Airを購入せざるを得なくなった１３の理由実際にMacBook Pro Retinaディスプレイモデルを触ってみて「しまった！」と感じた３つのこと この中で、非常に不思議だったのが以下だった。 Retina的感動の度合いは「iPhone＞iPad＞＞Mac」な印象 Retinaディスプレイと言っても色々あるわけですが、どの端末も綺麗なのは確かなのに、こういう印象になるのは何故？？ てことで、以下はその辺の疑問を考察してみたメモ。 Retinaディスプレイとは 今更ですが、まずはRetinaディスプレイについておさらい。 速報：WWDC 2010 スティーブ・ジョブズ 基調講演 - Engadget JapaneseRetinaと呼ぶ理由は、人間の網膜が認識できる上限 300 ppiを超えた326ppiだから。 ただし、反論もある。 iPho
手を使わずに簡単にドアを開けっ放しに固定できるドアストッパー「Anchor」
部屋の換気をしようとドアを開けたものの、窓を開けた時に入ってきた風でドアがしまってしまい、再びドアを開けに走るはめになる……というドア対ヒトの終わりなき戦いが繰り広げられることがしばしばありますが、その戦いに終止符を打つことになるのがドアストッパー「Anchor」です。クリップ式のため道具を使わずに簡単に取り付けることが可能、手を使うことなく足のみでドアを固定することができ、床やドアを傷つける心配もないAnchorは以下から。 quirky - Anchor Door Stopper http://www.quirky.com/products/225-Anchor-Door-Stopper Anchorはゴム製なので、ドアや床を傷つけることなく使えます。大きさは幅25ミリ×高さ154ミリ×奥行き45ミリです。色は赤とグレーの二色展開。 まずAnchorをドアの下に取り付けます。中に鋼鉄製
写真が語るUXとUIの違い - Nothing ventured, nothing gained.
Windows XPのXPがeXPerienceだったことを覚えている人がどのくらいいるかわからないが、正直、最初にユーザーエクスペリエンスと聞いたときに、どのように日本に定着させようかと悩んだ。略語を開くことなどあまり無いので、製品名などは大して心配はしなかったのだが、確か何かの設定画面かにも、Experienceというタブ名か何かがあり、どのように訳すか頭を痛めたように記憶する。 それから数年、すっかりUX、すなわちユーザーエクスペリエンスという言葉が定着したように思う。それでも、今でもUXとUIを混同する場面に出くわすことがある。 すでに様々なところで説明はされているが、敢えて、ここでもUXとUIの違いを説明しよう。 UX（ユーザーエクスペリエンス）は、製品やサービスに対して、ユーザーがどのように感じ、そして反応するかのことである。実は、UXは2010年にISO 9241-210とい
高齢者とパソコン - リツエアクベバ
義妹から電話。舅がずっと使ってた日本語ワープロが壊れたそうだ。パソコンを買おうと思うが、欲しいのはワープロ機能のみだと言う。プリンタも欲しい。10万くらい出そうと思うが、使いこなせるだろうかとの話。ワード画面を見せるためにノートＰＣを持って即訪問。 舅が長いこと使ってたワープロは、キーボードの操作キーがわかりやすい。操作キーの位置も覚えて使ってきたと思う。しかしすでに日本語ワープロの時代は終わってる。店にいけばパソコンしか売ってない。パソコンにワープロの機能はあるが、ワープロで存在したキーボード上での操作を示した日本語表示は消えるし、初めて覚えるマウスの扱いもある。そうした変化に対しての心理的ハードルは高いだろう。でもそこを超えてしまえば充分いけるだろうと思った。思ったんだけれど。 でも…。ノートＰＣを抱えて行ったわたしが（そうか…）、と思ったこと。舅は高齢者なんだ。世の中ではシニアのパソ
スマートフォンを充電するために生まれたドロイドくん「Andru」
Androidのマスコットともいえる「ドロイドくん(仮)」の形をしたUSB接続のスマートフォン充電器「Andru」がなかなかナイスなデザインになっています。 Andru - Android Robot USB Cell Phone Charger http://www.powerbygen.com/USB-Phone-Charger_p_8.html こんな感じのパッケージ これが「Andru」 台と1.2メートルの長さのUSBケーブルが付属し、表面はソフトマット仕上げ。 頭の上にUSBの穴 大きさはこれぐらい。高さは2.5インチ（6.35センチ）。 実際にコンセントに差し込むと目が青く光ります。あと、腕も動きます。 なお、価格は1つ25ドル（約2000円）となっています。
デザインが優れている人には愛情と思いやりがあるという話｜資料やメールも全てがデザイン
Word資料など、10年前にはよく作っていた時に、先輩から教わった話。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君」から会話がスタートした。 は？なんで文章なのにデザイン関係あるの？ デザインはレイアウト、見た目、イラストと言ったものだけではない 最近、Webデザイナーの初心者さんからの質問で 「デザインのセンスはやっぱりデザインの基礎から学ばなければいけませんよね。綺麗なWebデザインを作るためにはレイアウトとか配色とか比率とか、あと絵ももっと勉強を・・・」 これを聞いた時、どこかに違和感を覚えた。 うーん？ しばらくして思い出した。そういえば昔先輩に教わった覚えがあるなと。 当時私は新聞の折込広告などの作成を行なっていました。その時の企画提案書を先輩に確認してもらった時の事。 「デザインの仕事しているのに、文章がとてつもなくわかりにくいね君。デザインとは相手を思い
無料かつ商用可で約2万枚のハイレベルな写真を提供する「Luc Viatour」
無料で使えるネット上にある写真は「そこそこ」のレベルのものがほとんどで使い物にならないと思っている人の認識を変えさせるほどの威力を誇っているのがこのフォトグラファー「Luc Viatour」氏の公式サイトです。 なんとサイト上にある写真の全てがCreative Commonsライセンス（CC BY-SA 3.0）で提供されており、営利目的での利用、すなわち商用利用も可能となっています。 Luc Viatour http://www.lucnix.be/ 各画像の上にある以下のアイコンをクリックすると別ウインドウが開き、フルサイズの画像のダウンロードが可能となります なお、以下が約2万枚ある画像の一例です。 ◆01：Flaque d'eau au Champ de Mars ◆02：Cnidaria_Luc_Viatour ◆03：2h_Namur_13.jpg ◆04：LV1_5170 ◆
シルエットを使うデザインのアイディアが非常に秀逸な生活雑貨いろいろ
「機能とデザイン性の両立を目指しつつも遊び心を忘れない」という視点でどれもこれも作られており、見たときに感じる印象によって何に使うのか、どう使うのかが説明書不要で大体分かるようになっています。 倒れかけの本を支えようとするブックエンド（本立て）「Falling Bookend」 ボックスティッシュの上でくつろぐ「In Treatment」 ワインから逃げる「Wine For Your Life - Wine Holder」 ウェイターのキッチンタオルハンガー「A kitchen towel hanger - a wine waiter」 赤色ナプキン専用ホルダー「Red napkin holder」 つまようじをくわえる犬「Toothpick dog」 トカゲハンガー「Gecko rack」 ロウソク置き「Candle Warmer」 小銭入れ「Spare Change」 セクシーな名刺ホ
作業効率を上げるのにぴったりなシンプルでセンスの良い壁紙45種類
単純に自分の好きな画像を壁紙にしていると、デスクトップへ「ごみ箱」やショートカット、もしくはフォルダやファイルなどを置いた時にゴチャゴチャとしてしまって利便性が落ち、さらには好きな画像自体も見栄えが悪くなってしまうという状況に陥りがちです。やはり作業効率を求めるならデスクトップにアイコンを置いた時でも作業の邪魔にならないようなシンプルな壁紙がベターではないでしょうか。 ここでは、そんな作業効率を上げるのにちょうどいいシンプルな壁紙を45種類集めています。集中力を必要とする趣味や仕事のためのPCへ使用すれば成果が上がるかもしれないので、試しに使ってみてはどうでしょう。 シンプルな壁紙の詳細は以下から。45 Sweet and Simple Minimalistic Wallpapers for your Desktop | [Re]Encoded.com 01 02 03 04 05 06
TechCrunch | Startup and Technology News
Attention, tech enthusiasts and startup supporters! The final countdown is here: Today is the last day to cast your vote for the TechCrunch Disrupt 2024 Audience Choice program. Voting closes… Meredith Whittaker has had it with the “frat house” contingent of the tech industry. I sat down with the CEO of Signal at VivaTech in Paris to go over the wide range of serious, grown-up issues society is fa
フォトレポート：自動車の未来を垣間見る--2008年パリモーターショーのコンセプトカー
モーターショーの楽しみのひとつはコンセプトカーであり、自動車メーカーは来場者の反応を確かめるために研究モデルを披露する。2008年パリモーターショーでは、小型で環境に優しいシティーカーから高性能なスーパーカーまで、ありとあらゆるコンセプトカーを見ることができた。コンセプトカーの一部はデザイナーの漠然としたアイデアにすぎないが、すでに量産が予定されているものもある。それでは、自動車の未来を見てみよう。 「Hypnos」はCitroenが設計した環境に優しいクロスオーバー車だ。Hypnosでは、フロントの2000ccディーゼルエンジンとリアアクスルの電気モーターで構成されるハイブリッドシステムである、Citroenの「HYmotion4」が使われている。このシステムにより、電力だけで2マイル（約3.2km）走行できる。燃費は1ガロン当たり52マイル（1リットル当たり約22.1km）だ。 提供：
iPhoneからのサイトアクセスに不満の調査結果--望まれるサイトの改善
Appleの「iPhone」は、モバイルデバイス上でのウェブブラウジングに革命をもたらしたものの、米Yahooを始めとする特定のサイトを閲覧する時のユーザーエクスペリエンスに目を向けると、依然として不満を感じているiPhoneユーザーも少なくないようだ。 モバイルエクスペリエンスの改善に役立つテストツールを、企業向けに提供しているKeynote Systemsは、米国時間10月9日にリリースされた調査の中で、特定のサイトを訪れた時のiPhoneユーザーの満足度が低く、広告のクリックスルー率もわずかであると判明したことを明らかにした。この調査結果は、多くのモバイルウェブサイトのユーザビリティーに、引き続き改善が必要であることを示唆している。また、広告主も、もっとモバイルウェブに合った提供へとシフトしていかねばならないことが示されている。 Keynote Systemsは、ウェブサーフィンに適
【レポート】ソフトウェアとハードウェアの融合 - SFC安村研究室の『時間展』 (1) インタラクションデザインをインタラクションする | パソコン | マイコミジャーナル
インタラクションデザインをインタラクションする 慶応義塾大学湘南藤沢キャンパスに研究室を構える安村通晃教授率いる安村研究室では、『記憶する住宅』の筆者と共同開催した2005年の『家展』以降、さまざまな企業や研究室と共同あるいは単独で『電車展』(2006)、『カフェ展』(2007)、『おしゃれ展』(2008)と、年1回以上のハイペースで、インタフェースデザインの展示会を開催してきた。 インタフェースデザインとか、ユーザーとのインタラクションまでを再デザインするインタラクションデザインというジャンルでは、生活そのものを見つめて再デザインすることが重要である。安村研究室はその成果を活発な頻度で世に問い、展示会として表現して展示会でもインタラクションして研究活動を活発に進めている。これは、従来の研究室に閉じこもったスタイルとはずいぶん異なる。 インタラクションデザインは、つねにユーザーと密接につな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Low-Poly [Isometrics]
長文日記
年に1度だけ開かれるエスカレーターの総本山に行ってきた
http://www.razooma.net/
僕が教わったデザインの教授は、7つのwhyに答えられない者はグラフィックデザイナーではないと常々口にしていました。何故ならデザインの基本要素は7つ存在していて、そのそれぞれに対してBecauseを考えるのは基本中の基本であるとされているからです。 下記が、デザインにおける7つのBasic Elements（基本要素）です： Line（線） Color （色） Shape （形） Space （空間） Form（フォーム） Value （明度） Texture（質感）
