ソシオメディア | OOUI – オブジェクトベースのUIモデリング
最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog
悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode （以下TOM）ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI （User Interface）。 User Interface（ユーザーインターフェイス）とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の見せ方、マウスのクリックや指のタッチに反応したときの動き、画面全体のレイアウトなど、さまざまな構成要素がかかわってきます。 それら一つひとつの性格や特徴を考慮し、しっかりと設計しておかなければ、使いやすいWebサービスを作ることはできません。今回は、WebサービスのUIを考える際に知っていると役立つ知識のなかから、基礎的な５つの要素を紹介していきます。 正しい文章構造について 人の感情を動かす色に
iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog
iOS 7でデザインがフラットになったが、二次元になると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。 白背景に青文字は手を抜いたデザインに見えるし、日時の選択も、拡大鏡で工夫されているが文字だけでは操作しにくい。特に日本語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。 そこで今回は、Dribbbleにアップされているフラットデザインのアイデアを集めた。 Alarm Clock (wip) by Rick Waalders Experiment with Metro UI by Yura Yarokhovich Musix app by Scardi Shek Analytics by Rovane Durso iOS 7 animation [.ae giveaway] by Fabio Basil
UIデザインガイドラインのまとめ - everything might happen tomorrow - yhassy - builder by ZDNet Japan
デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction Guidelines Windows UX チームが公開し
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか？ 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の
不気味の谷現象とアプリ・デザイン - huixingの日記
ロボット工学の森政弘氏による仮説である不気味の谷現象とはロボットの姿や動作が人間に近づくにつれて好感が増していくが、ある時点までくると、ロボットに対する人間の感情は嫌悪感や不気味感をいだくようになる。その後ロボットが人間と限りなく区別がつかないようになると、人間の感情は再び好感に変わっていくというもの。bill higginsはブログでこの不気味の谷現象を引いて、アプリケーションも周囲の環境に合わせて、windowsアプリケーションはwindowsらしく、macアプリケーションはmacらしく、webアプリケーションはwebらしくふるまうべきだとしている。マイクロソフトのアクティブ・デスクトップはデスクトップ上でアプリをwebのように操作するものだったがユーザーの期待する操作と違っていたためユーザーをとまどわせた。JAVAもwindowsやmacやlinuxをまねていたが、あくまでJAVA
第42回 押して頂く「ボタン」への工夫と愛情
個人的には，「特効薬」的な情報というものに余り興味がないのですが，Webサイトをデザインするうえで，定常的に考えていることを一覧表にしておくことには興味があります。特効薬に興味がないのは，そんな「美味い話」がある訳はないと思うからで，一覧表に興味があるのは，疲れているときなど，自分の体調が万全でないときにでも，できうる限りの検討を重ねたいからです。一覧表になっていれば，体力のあるなしにかかわらず，とりあえず上から順番に試していく，という行為が可能になります。今回は，「ボタン」について，思うところをまとめてみます。ご参考になれば幸いです。 OS標準の差異：Windows(Win)とMacintosh(Mac) 「submit(サーバーへのデータ送信)」が必要になる画面設計をする場合，よく議論されるのが，「Win型かMac型か」という問題です。次画面に進むボタンの位置が，両OSの標準では異なる
Mobile：「ThumbSense」はタッチパッドに革命を起こす？
Mobile：NEWS 2002年12月17日 00:30 AM 更新 「ThumbSense」はタッチパッドに革命を起こす？（1/3） タッチパッドはキーボードの熟練者には扱いにくい。パッド操作時に手をホームポジションから外さざるえないからだ。そこでタッチパッドの左右のボタンをキーボードのホームポジションキーで代用できるようにしたのが、ソニー・暦本純一氏の「ThumbSense」だ 「入力」のセッションでは、すぐに実用になる小意気なソフトの研究発表が行われた。ソニーCSLインタラクションラボラトリー室長の暦本純一氏による「ThumbSense」である。 ソニーコンピュータサイエンス研究所（CSL）インタラクションラボラトリー室長の暦本純一氏。ユーザーインタフェース研究の第一人者である 「ThumbSense」は、タッチパッドの左右のボタンをキーボードのホームポジションのキーで兼用するため
NTTコムウェア、高齢者宅を“さりげなく”見守るシステムを開発
NTTコムウェアは2月6日、MITメディアラボの石井裕教授が提唱するTangible（触れて知覚しうる）ユーザーインターフェースを応用し、離れて暮らす一人暮らしの高齢者宅などを光の色の変化や音などでさりげなく見守るシステム「Tangibleリモートケア」を開発したと発表した。 Tangibleリモートケアは、高齢者宅の居室に複数設置された人感センサーで人物の位置や状況を自動認識し、どの部屋にいるのかといった情報や、入浴時間が長いなどの危険と想定される情報を、離れて暮らす家族宅へ「オーブ」や「アンビエンスボード」などのTangibleメディアを用いて伝えるシステム。 オーブでは光の色の変化を用いて、アンビエンスボードではポインターが指し示す位置で情報を伝える。オーブ2つを用いたシステムの場合、一方のオーブは高齢者がどの部屋に居るかを（例えば、青はリビング、黄はダイニング、緑は風呂など）、もう
ハイクオリティサイトのワイヤーフレーム分析 (1) 他サイトのワイヤーフレームから学べること
ワイヤーフレームとは「ページの大まかな見取り図」のことであり、この部分にはこのコンテンツ、というページ構成を示したものである。Web制作の案件では、比較的上流の工程でワイヤーフレームづくりを行い、その後にビジュアルデザインやインタフェース制作、(X)HTML+CSSページへの落とし込みの作業に入る。 コンテンツそれぞれをどこに配置するかという判断、いわゆる「情報アーキテクチャ」は、限られたスペースを有効活用するのに重要なだけでなく、ユーザービリティ(使いやすさ)やファインダビリティ(発見しやすさ)にも大きく関わってくる。ユーザー中心デザイン(User-Centered Design: UCD)という言葉を借りなくとも、Webサイトはユーザーに使ってもらってはじめて意味があるのであって、運営者とユーザー双方の満足が、車の両輪のようにサイトを動かし、発展させるのである。 特にトップページのワイ
テッド・ネルソン「いまのコンピュータは私の理想から程遠い」
特集 すぐ書ける、すぐ伝わる「超スピード文章術」大全 伝わる文章、バカの文章 文章力が上がる！ センス不要！ 永久保存版◎0秒で伝わる文章術「6つの大原則」 知らないと頭が悪く見える！ プロが誌上添削！ 今すぐ直したい「悪文」15の法則 目次詳細へ プレジデントストアへ 予約購読 2024年1月15日(月) 環境フォト・コンテスト / プレジデント「第30回 環境フォト・コンテスト2024」入賞作品を発表！ 2023年1月13日(金) プレジデント / 環境フォト・コンテスト「第29回 環境フォト・コンテスト2023」入賞作品を発表！ 2022年1月14日(金) 環境フォト・コンテスト / プレジデント「第28回 環境フォト・コンテスト2022」入賞作品を発表！ 2021年2月8日(月) プレジデント読者のみなさまへお知らせ 2021年2月8日 2021年1月8日(金) 環境フォト・コンテ
第4回 トラブルは水際で防げ〜入力時のチェックとエラー処理 ― ＠IT
今年は暖冬といわれているが冬は冬。すでにはんてんを引っ張り出して仕事をしているのだが、寒いのが冬の仕事なんだからそれもしかたがない。南半球は暖かいだろうなあ、と数年前に訪れたニュージーランドに思いをはせたりしている。ニュージーランドといえば、人間より羊の数の方が多い国、ラグビーのオール・ブラックスや、マオリ族のハカという踊りに由来する彼らのパフォーマンス、最近ではワインの産地というイメージのある国だ。 さすがに農業の国だけあって、国内の農産物を保護するため、検疫の厳しい国としても有名で、食品の持ち込みに関してはかなりうるさい。小心者の私は、飛行機の中で食べていたお菓子を到着前にあわてて胃袋の中へ放り込んだという記憶がある。それでも、税関の職員に2度も呼び止められ、食品や植物の種などを所持していないかチェックされた（聞くところによると、インスタントの味噌汁なども豆が入っているのでダメらしい）
第2回 サイトの「ツール度」を考えれば「使いやすさ」が見えてくる
日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に！ 春割キャンペーン実施中！ ＞＞詳しくは
ある元UNIX少年の独白
正直に白状しよう。記者はWindows歴が10年以上と長いが，まだまだWindowsを己の身体の一部であるかのようにスムーズに操作できるまでには熟達していないということを。マウスを用いたファイルのドラッグ&ドロップは苦手だし，フォルダの中から所望のファイルを目視で見つけるスピードも，自慢ではないが遅い。場合によっては，作業の内容にもよるが，わざわざ別のUNIX機にファイル群を移して作業するケースもある。 もちろん，Windowsは世界中で何十億人ものユーザーが利用しているOSであり，その成熟度は極めて高い。他のOSと比べてみても，GUI（Graphical User Interface）の操作感覚やGUI部品の完成度を含めたデザインは，一歩先を行っていると言ってよい。OSとして最大のユーザー数を誇るWindowsのGUIには，その上で稼働している個々のアプリケーション・ソフトウエアを含めて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
入力フォームは「1000×550px」で作る！ 1画面に収めて直帰率を減らす／15か条の3 | 勝手にEFO分析-エントリーフォーム改善
ソシオメディア | UIデザインパターン
IBM Developer
IBM Developer
void GraphicWizardsLair( void ); //