ちょっと前からあるが、やっぱりこれから大事になりそうなのでご紹介。 Android Patternsでは、AndroidのUIに関するデザインパターンを集めているようだ。 データをどう見せるべきか、入力フォームをどう作るべきか、通知はどうあるべきか、などなどが画面とともに紹介されている。 比較的自由度の高いAndroidであるが、ユーザーを迷わせないためにもこうしたパターンを抑えておきたいところだ。 今年はAndroid開発!という方は覗いてみてはいかがだろう。
ちょっと前からFacebookについて感じていたことを脳科学者の茂木さんがいみじくも語ってくれていた。ブクマのコメントでもそれに賛同する意見が多数寄せられているので、合わせてリンクを貼っておく。 茂木健一郎 クオリア日記: Facebookの謎 そのブクマ おそらく話のポイントはココだとおもう。茂木さんのブログを引用する 日本でFacebookが伸びない理由を、日本のウェブの匿名文化と結びつけて論じる人もいる。しかし、私には、それが本質だとは思えない。 Facebookのインターフェイスが、まず私にはよくわからない。一時期のウィンドウズに対して抱いていた違和感と同じように、「ごみごみした」「整理されてない」印象を受ける。 前半はまさに同意見だ。匿名/実名は実はそれほど大した問題ではない。Facebookをしばらくやっていればわかるが、実名主義を徹底して主張しているのは、つまり際限のない匿名
はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ
こたつにみかんはじめました。nonakaです。 週に1度は通販で買い物してます。そんな中、ログインする画面をいろいろ見たので、ファッション通販サイトのログイン画面を集めました! ファッション通販サイトの場合、ログイン画面に「新規会員登録」への誘導があるのがほとんどです。今回は、2つのパターンにわけてご紹介します。 「ログイン画面」エリア、「新規登録」エリアが上下にあるパターン セレクトショップ:BEYES ログイン画面、新規登録が上下にあるパターン。入力フォームが大きめで入力しやすい。新規会員登録のボタンは色を変えて目立たせてます。 無印良品 ログイン画面、新規登録が上下にあるパターン。フォームとボタンの横幅がそろっていて見やすいですね。 ユニクロ ログイン画面、新規登録が上下にあるパターン。入力フォームが大きくて見やすいです。ログインと会員登録の分けかたも見やすいですね。 子供服:goo
安藤日記 安藤日記:デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン #川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at
Twitterは米国時間9月14日、Twitter.comの刷新を発表した。同社は、より簡単で、より早く、さらにリッチなユーザー経験を提供するという。 デザインが一新されて画面が2ペインになったほか、写真やビデオなどの外部コンテンツをTwitter上で埋め込み可能になりメディア機能が強化されている。また、関連コンテンツやミニプロフィールの表示方法も新しくなっている。 同社は、これらの変更をプレビューとして数週間にわたり対象ユーザー範囲を拡大しながら公開するとしている。対象ユーザーは、プレビュー期間中において新旧の両バージョンのTwitterを利用することができると説明している。 新しいデザインでは、左側にタイムラインが表示され、@関連、リツイート、検索、リストなども展開することが可能になっている、右側では最近フォローしたユーザー、最近フォローされたユーザー、お気に入り、トレンドなどが表示さ
暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
あなたのWebを入力しやすくするjQueryプラグイン10選:CSSの書き方も分かるjQueryプラグイン実践活用法(終)(1/5 ページ) jQueryと、そのプラグインの使い方を、UI効果(エフェクト)のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス/ラジオボタン、ドロップダウンリスト、テキストボックス/テキストエリア、フォームのカテゴリ別に分類して紹介します。
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス&PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
前の記事 Twitterから「自分の新聞」を生成するiPadアプリ 「情報過多の時代」の鍵は「キュレーション」 2010年5月17日 メディア コメント: トラックバック (0) フィードメディア Eliot Van Buskirk ドイツにあるGermanisches Nationalmuseum/画像はWikimedia Forrester Research社のアナリストSarah Rotman Epps氏は、Arstechnicaの記事等において、iPadは「キュレーティッド・コンピューティング」の時代の幕開けを告げるものだと評して話題になった。しかし、「キュレーションの時代」は、「キュレーティッド・コンピューティング」よりずっと前から始まっている。 [「キュレーティッド・コンピューティング」とは、機能が絞られているが、使いやすい機器のことを指す。キュレーションとはもともと、博物館や
realtimeweb.jp 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青(水色に近い)を採用していました。 Bingよりも、明るいというかすこし緑に近い感じの色がベースになっていますね。 ちょっと比べてみました。 (※Live Searchは画像検索からキャプチャを取っています) こう見ると確かに色はかなり変化しています。 CNETの記事によると、マイクロソフトはBingを作る過程でかなりの数の色をテストしたようです。 Microsoftは最終的に「Bing」となるものを設計していたとき、膨大な数の色を検証し、
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたw High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ?システムエンジニアの管轄じゃないの?と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
■ オンラインプレゼンツール「Prezi」を使ってみたけど、これはすごいかも知れない 少し前に話題になっていたけど使うチャンスがなかったオンラインプレゼンツール「Prezi」、社内でLTをする機会があったので使ってみた。いやぁ、これは相当面白いね。 サイトにあるデモを見ればどういう感じかわかると思うけど、ぱっと見ただけではトランジションが風変わりな普通のプレゼンソフトに見える。でもこれ、既存のプレゼンツールからすると、パラダイムがまるで違う。Preziの評価で「スタイリッシュなプレゼンが簡単に作れる」みたいな言い方が多いけど、ぜんぜん違うよコレは。このアイデアは単にカッコイイとかそういうレベルじゃない。 よく会社の会議なんかで、A3 1枚にExcelシート上に描かれた図表をばばーんと印刷して、それを説明するなんて場面があるけど*1、「右上のこれが××なんですが、左下にある……そう、それは○
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く