ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
「誰のためのデザイン？」は開発者よりむしろユーザが読むべき良書な件 - もとまか日記Ｚ
最近この本の存在を知り購入してみました。実はかなり有名な本らしく、今更感ありまくりですが・・・ 誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)作者: ドナルド・A.ノーマン,D.A.ノーマン,野島久雄出版社/メーカー: 新曜社発売日: 1990/02メディア: 単行本購入: 19人 クリック: 502回この商品を含むブログ (248件) を見る 以前書いた以下の記事のブコメで知りました。 スマホアプリの「使いやすさ」とは何か、を考えてみた 最近のはてブコメントは残念なのが多々見受けられ、非常にガッカリしてますが、たまには役に立つこともありますね。 さて、この本が発売されたのは1990年、実に20年以上前のため、内容的には古臭く感じる部分も多々あります。何しろ、1990年と言えばWindows3.0の時代。当然ですが、インターネットはまだ普及していません。私もその頃は
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
再利用 vs. 最適化されたデザイン
印刷物とオンライン、あるいは、デスクトップとモバイルのような分化したメディア間でのコンテンツやデザインの再利用は、費用はかからないが品質を低下させる。上質なUXに必要なのは、プラットフォームとの緊密な統合である。 Repurposing vs. Optimized Design by Jakob Nielsen on May 21, 2012 日本語版2012年6月12日公開 ユーザーエクスペリエンス戦略には2つの対立する流派がある： 再利用派： 可能な限りデザイン数を減らして、できれば1つだけにし、同じ素材を可能な限り多くのプラットフォームで再利用する。 プラットフォーム最適化派： メインプラットフォームごとに異なるユーザーインタフェースをデザインし、ユーザーエクスペリエンスのレイヤーを可能な限り強固に統合する。 再利用はコスト面で非常に優れている。作業のほとんどを1度きりで終わらせるも
スマホUI考3 ～ ジェスチャ入力について | fladdict
スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ
大型2画面タブレット「Kno」、価格は899ドル
米新興企業Knoは11月8日、教育用の大型2画面タブレット「Kno」を899ドルで発売すると明らかにした。限定的に予約を受け付けており、年内に出荷する予定だ。 Knoは14.1インチのタッチスクリーンを2つ搭載したタブレット。899ドルで16Gバイト版と32Gバイト版を販売する。1画面のモデルもあり、こちらは599ドルだ（16Gバイト版、32Gバイト版とも）。同デバイス向けに電子教科書を販売するストアも開設した。紙の教科書と比べて30～50％安価という。
カラー・コントラスト・アナライザー 日本語版 ― インフォアクシア
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル
14年ぶりの全面刷新 マーケティング基盤に進化する「資生堂ウェブサイト」
資生堂は2009年12月にWebサイトを刷新した。これまで細かな改良を重ねてきたが、サイトの再構築を含む大幅なてこ入れは実に14年ぶりという。刷新のポイントは、情報の整理と「マーケティングプラットフォーム」への進化だ。 資生堂は2009年12月、「資生堂ウェブサイト」を14年ぶりに全面刷新した。1995年の立ち上げからリニューアルを重ねてきたが、今回を「フルモデルチェンジ」と位置付け、サイトのコンセプトや構造、コンテンツを全面的に見直した。 サイトの改善を指揮した経営企画部 コミュニケーション企画室 参事の五十嵐一栄氏は、これまでの資生堂ウェブサイトを「経営に結び付くサイトではなかった」と振り返る。刷新のコンセプトは「（資生堂ウェブサイトを）マーケティングのプラットフォームにする」こと。資生堂の試みから、利用者のニーズと商品の売り上げ増を両立させるヒントを探る。 情報の羅列からの脱却 資生
仕事の効率を改善することができるすごい壁紙 - GIGAZINE
通常、パソコンの壁紙は自分の好みのものを選んだりするのですが、この壁紙を違うものにすることで仕事の効率を改善し、作業スピードをアップすることが可能になるとのこと。一体どういう壁紙なのでしょうか？ 壁紙のダウンロードと使い方は以下から。 1440×1024（明るい版） 1024×768（明るい版） 1440×1024（ちょっとダーク版） 1024×768（ちょっとダーク版） 実際に壁紙にするとこうなります。 これを以下のようにして使います。 方眼紙：仕事用のフォルダやファイルを置く アルミニウムのプレート：個人のプロジェクト用 木製の机：未分類の仕事など 付せん紙：緊急の用件 実際に使うとこんな感じ。 つまり、自分の好みに応じて分類するルールを作れば、かなり効果的に仕事を効率を改善できるというわけです。確かにかなり使いやすいのでオススメです。
認知科学ワークショプ「認知科学とデザイン」【その仕事、蠍は留守です】
認知科学ワークショプ「認知科学とデザイン」 こんにちは、多摩美コンプレックスのHitoyamです。多摩美とかなんかカッコよくない？ 日本ウェブ協会が主催する認知科学ワークショプ「認知科学とデザイン」に参加してきました。講師は多摩美術大学の吉橋昭夫先生が担当されました。 認知科学についての講義 前半は認知科学についての講義を座学で行いました。 参考図書はドナルド・A.ノーマンの『誰のためのデザイン？―認知科学者のデザイン原論 (新曜社認知科学選書)』。その他のノーマンの著作として『エモーショナル・デザイン―微笑を誘うモノたちのために』も紹介されました。ここは両方あわせて読んでおきたいですよね。もちろん両方とも持ってますっ。 キーワード 可視性：やるべきこと、やったこと、やった結果 対応づけ 概念モデル、メンタルモデル：人間が実世界で何かがどのように作用するかを思考する際のプロセス アフォーダ
第36回 手品とインタフェース | WIRED VISION
第36回 手品とインタフェース 2009年10月14日 （これまでの増井俊之の「界面潮流」はこちら） 奇術や手品は人間の錯覚や勘違いを最大限に利用したエンターテインメントです。人間は錯覚や勘違いの固まりですから、突然何かが変化しても気付かなかったり/慣れたものを見逃すことが多かったり/手品の達人は観客の目前でも易々とイリュージョンを見せることができ、観客はそれを見て驚き楽しむことができます。人間の知覚能力や認識能力がたいしたものではないという事実は多くの場合は不利だと思われますが、そのおかげで未熟な技術でも実用的に使えて都合が良いこともあります。テレビや映画は1秒間に30枚以下しか画面を表示していないにもかかわらず、動画がなめらかに動くように見えるのは人間の知覚能力が低いおかげといえるでしょう。 勘違いをしやすいという点は、逆に考えるとイリュージョンを見る能力があるという長所だと考えること
モトローラのソーシャルなAndroid携帯｢Cliq（DEXT）｣徹底紹介！ グーグルの反応は？（動画＆写真）
モトローラのソーシャルなAndroid携帯｢Cliq（DEXT）｣徹底紹介！ グーグルの反応は？（動画＆写真）2009.09.16 20:00 コンピュータが携帯になったのがiPhoneなら、今月発表になったモトローラ初のAndroid携帯｢Motorola Cliq（米国外はMoto DEXT）｣は、通信端末という原点にかえった携帯です。 Androidといえば、HTCの｢G1｣、｢G2｣、もっと格好いい｢Hero｣が先行していますけど、ソニエリの｢Rachael｣ではUIの洗練度が話題になりました。 そしてこのCliq。 起死回生を図るモトローラが打ち出す、Androidを使ったSNS中心のアプローチ。例えば、Twitter、Facebookなどソーシャルアプリと連絡先は全部トップ画面に一本化され、もはやアプリの起動すら必要ないんです。グーグルもこれには関心を示しており、今後ほかのメー
富豪的プログラミング
ちょっと貧しいGUI ユーザインタフェースのプログラムといえばすっかり グラフィカルユーザインタフェース(GUI)があたりまえになりました。 ところが最近の計算機はメモリもディスクも大量に装備しているし CPUパワーも従来とは比べものにならないのに、 意外と貧乏臭いインタフェースが生き残っているようです。 よく見られる以下のようなインタフェースはちょっと貧しい と思われます。 ウィンドウ枠のドラッグ マウスでウィンドウを動かそうとするとき、 ウィンドウの枠だけマウスに追随し、中身はドラッグ終了後に 再描画されるというシステムがあります。 画面描画が遅かった時代はこういう工夫も仕方がなかったかもしれませんが、 今でもこういうインタフェースを使っているのは貧しいでしょう。 排他的論理和で枠を書いたりもとに戻したりしていれば貧しさ度アップです。 でも調べてみたら同僚のほとんどが 枠だけドラッグの
ユーザサポートでめちゃくちゃ感謝された経験について話す - はてなポイント３万を使い切るまで死なない日記
もう１５年前にぐらいになるが、僕の仕事のやりかた、ユーザにたいしてどうやって向き合っていけばいいかについての信念を決定づけたある事件について語ってみようと思う。ほぼ懺悔にも近い。 ぼくが企画したモデムがバカ売れした。無名のブランドだったのにもかかわらず発売した瞬間に、秋葉原のショップで１番の人気モデルになった。理由は他者のモデムが無骨な段ボール箱にはいっていて、いかにもコンピュータの部品っぽかったのに、ぼくのモデムはカラフルな化粧箱をつけて、とても初心者が使いやすそうに見えたからだ。実際、簡単そうにみえる化粧箱をつくるのに何回もつくりなおして半年以上もかかった力作だった。 当時windows95が登場してインターネットが話題にのぼりはじめたあたりで、いままでマニアのパソコン通信ぐらいしか用途がなかったモデムをインターネットという単語に引き寄せられた大量の初心者が買い始めた時期で、とにかく簡
使い易いユーザーインタフェースとは何かを勉強しています。そこで、質問です。使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてくださ.. - 人力検索はてな
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。
Expired
Expired：掲載期限切れです この記事は，産経デジタルとの契約の掲載期限（6ヶ月間）を過ぎましたので本サーバから削除しました。 このページは20秒後にNews トップページに自動的に切り替わります。
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
OKボタンの位置はどこが適切?
特別企画：最新タッチパネル式デジカメを試す キヤノン、ソニー、ニコン、富士フイルム、GEをまとめてチェック
長文日記