Modeless and Modal | Just another Modeless Design site
Recent Posts Afterword Manifesto of the Modelessist Party Counterpart User-Side Spatial Recent Commentsotktko on Syntax名無しのゲーマー on FPS vs RPG中内淑文 on Afterwordueno on Afterwordくぼた on AfterwordArchives January 2010 December 2009 November 2009 October 2009 September 2009 Categories Uncategorized Meta Log in Entries RSS Comments RSS WordPress.org
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
ニコニコ動画の検索仕様変更と枠について思ったこと - longlow’s diary
ニコニコ動画が6/1にニコニコ動画・ニコニコ静画・ニコニコ生放送の検索ページをリニューアルしました。その中でニコニコ動画の検索ページが以下のように変更となりました ニコニコ検索仕様変更事件とは (ニコニコケンサクシヨウヘンコウジケンとは) - ニコニコ大百科 ・ 検索時の動画一覧表示が、従来の2列、4列の表示選択制から、強制的に1列表示に変更。罫線や枠が激減した。 ・ 「投稿日が古い順」「再生数が少ない順」「コメントが古い順」「コメントが多い/少ない順」「マイリストが少ない順」でのソートが廃止された。 ・ ニコニ広告のコメントが動画サムネイル上に表示されるようになった。 ・ キーワード検索のページ下部に表示されていたニコニコ静画の検索結果表示が廃止されている。 ・ 投稿から23時間以内の動画には、「○時間前」の表示がつくようになった。 ・ デフォルトのソート順が「投稿が新しい順」から「コメ
ウェブデザインにおけるネガティブスペースの活用ガイド
ネガティブスペースを巧みにつかったウェブサイトの紹介をはじめ、ウェブページのレイアウトでどのように分析し改善するのか、効果的に活用するガイドをSix Revisionsから紹介します。 Negative Space in Webpage Layouts: A Guide 下記は、各ポイントを意訳したものです。 はじめに ネガティブスペースとは ネガティブスペースの重要性 ネガティブスペースを実例から学ぶ まずはデザインの単純化から ネガティブスペースを分析、そして改善 ネガティブスペースの活用例 おわりに はじめに ネガティブスペースは多くの場合、ミニマリズムのようにシンプルを美とした特定のデザインだけのものであると誤解されています。本来ネガティブスペースというものは、あらゆるデザインにおいて注意を払い、そして慎重に組み立てて使用すべきものです。 ここではネガティブスペースが何であるか、そ
「iPadは使いにくい」：米のUI専門家が批判 | WIRED VISION
前の記事 ネットは「偏った意見」を強化するか：研究結果 「米国初の洋上風力発電」：反対運動で難航 次の記事 「iPadは使いにくい」：米のUI専門家が批判 2010年5月13日 IT コメント： トラックバック (0) フィードIT Brian X. Chen 『iPad』はインターフェースの勝利と称されている。しかし、あるユーザビリティーの専門家はこのほどiPadについて、インターフェースに一貫性がなく明確でないという批判を発表した。インターフェースに標準が設定されていないため、それぞれのアプリが違ったように動くのだという。 一部からは「ユーザビリティーの王様」とも呼ばれるJakob Nielsen博士は今週、『iPad』の使いやすさを評価する93ページのレポートを発表した。このレポートは、34種類のアプリとウェブサイトをテストした7人のユーザーからのフィードバックを基に作成されている。
mixi のユーザーインターフェースガイドライン作成に協力［株式会社ミクシィ様］
日本最大の SNS「mixi」を運営している株式会社ミクシィ様ではユーザーインターフェースを重要なものと位置づけて改善活動を始めていらっしゃいます。その活動の第一歩として、現状の mixi（PC版）のUIカタログとしてのガイドライン作成をソシオメディアが協力いたしました。 今回インタビューさせていただきましたのは株式会社ミクシィ 開発部 デザイングループ 馬場沙織様、河野崇史様のお二人です。 デザイングループでは mixi のユーザーインターフェースの管理・設計、そして実際のデザインを担当されており、馬場様と河野様は今回のUIガイドラインのプロジェクトの中核を担われました。 株式会社ミクシィ 開発部 デザイングループ 馬場沙織様 株式会社ミクシィ 開発部 デザイングループ 河野崇史様 聞き手：ソシオメディア 上野 学 ソシオメディアはUIの重要性をアピールしていますので、日本最大の SNS
キッチン・システムキッチン | TOYO KITCHEN STYLE | トーヨーキッチンスタイル
ABOUT US 「住む」をエンターテインメント キッチンは調理をするだけのものではなく、 生活を豊かにする場所であってほしい。 私たちはキッチンを中心に 住宅すべてのインテリアまでご提案します。
nanapi [ナナピ] に学ぶナビゲーション設計 〜カテゴリとタグの見せ方〜｜withComputer
数年前に「日本語でケアナビ」プロジェクトに加わったことをきっかけに、「カテゴリとタグというナビゲーション要素をどう扱うか」は僕の問題意識のひとつになっています。で、１月ちょっと前に公開され話題になったライフレシピ提供サイト nanapi [ナナピ] のナビゲーションは、この問題に対するひとつの解を示しているように思いました。せっかくなので考えたことを以下まとめてみます。 カテゴリという（階層構造も含む）分類の仕方は、サイト利用者の多くがスムーズに理解できる一般的な概念といえるのですが、タグという概念の認知度はまだまだ「Webに詳しい人は知っている」の域を出ていないのではないかと思います。タグという属性のラベルを使い、複数のタグを使って「AかつB」という条件でモノを絞り込んでいく手法は、とても便利で面白いものです。でも知らない人にとっては、タグを用いたナビゲーションは難しいものに映るのが現状
![nanapi [ナナピ] に学ぶナビゲーション設計 〜カテゴリとタグの見せ方〜｜withComputer](https://cdn-ak-scissors.b.st-hatena.com/image/square/6bfac3b933cc6d724ac32a64f3bcd1b289ae1176/height=288;version=1;width=512/http%3A%2F%2Fwithcomputer.jp%2Fthemes%2Fwc%2Fimages%2Ffacebook%2Fogp200.png)
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
「システム視点」で機能を作っていませんか？ (ユーザビリティ実践メモ)
不動産情報サイトや転職情報サイトなど、多くの情報を掲載しているサイトでは、ユーザが複数の条件を指定して検索する、という機能が非常に重要になっています。 そのサイトで紹介している各情報の属性は、 個人、法人のいずれも募集している 個人だけ募集している 法人だけ募集している の三通りがあります。 それを反映して、サイトでの検索条件指定画面では、次のような項目となっています。 さて、この検索機能をユーザの視点から見てみましょう。 この情報検索サイトのターゲットユーザは、大きく個人ユーザか法人ユーザのどちらかです。 例えば個人ユーザであれば、「個人を募集している情報を見たい」というニーズを持っているわけです。 それでは、個人ユーザが上記のプルダウンを見たときには、何を選べばいいのでしょうか？ 「個人・法人」？ それとも「個人」？ 弊社で実施したユーザ行動観察調査では、ユーザが「自分は個人だから」と
ニッコールレンズ ポジショニングマップ - 製品情報 | ニコンイメージング
このサイトをご覧いただくには、「Adobe Flash Player」の最新版と JavaScriptの設定が有効であることが必要です。Flash Player をお持ちでない方は、ダウンロードしてご利用ください。
トップページは誰のもの？ 現代流の動線に合わせたトップページ再評価法 | Web担当者Forum
今回はトップページの位置づけについて調整しよう。 これまで何度も考察してきたとおり、実際にアクセス解析を行うと、最初にトップページを訪れるユーザーは、今やわずか25％程度しかない。言い方を変えると、トップページを入り口とする来訪者は25％程度なのだ。 そういった状況を理解せずに、これまでのようなトップページ偏重の考え方のままサイトを運営していては、機会損失の原因ともなってしまう。 解析結果の「1番上」だからこそ 気づきにくいトップページの盲点アクセス解析で「アクセスの多いページ」「入り口になることが多いページ」を調べると、解析結果リストの1番上には、たいてい「トップページ」が出てくる。いろいろな動向はあるが、いまだにトップページは非常に重要なページであることに変わりはない。これまで、「訪問者はトップページからやってくるから、そこからどう誘導するかが大切」とよく言われてきた。“見せたいページ
ゲシュタルト心理学 - Wikipedia
ゲシュタルト心理学（ゲシュタルトしんりがく、Gestalt Psychology）とは、心理学の一学派。形態心理学ともいう[1]。一つの図形のように個々の要素の総和以上のまとまりのある形態をゲシュタルトという[1]。精神や意識をゲシュタルトとしてみる立場から考察する心理学[1]。人間の精神を、部分や要素の集合ではなく、全体性や構造に重点を置いて捉える。この全体性を持ったまとまりのある構造をドイツ語でゲシュタルト(Gestalt ：形態)と呼ぶ。 ゲシュタルト心理学は、ヴントを中心とした要素主義・構成主義の心理学に対する反論として、20世紀初頭にドイツにて提起された経緯を持つ。精神分析学や行動主義心理学に比べると、元々の心理学に近いと言える。特にユダヤ系の学者が多かった事などもあって、ナチスが台頭してきた時代に、同学派の主要な心理学者の大部分がアメリカに亡命した（例外的にヴォルフガング・ケー
Bridge Word
This shop will be powered by Are you the store owner? Log in here
「売る」のではなく「買う経験」を与える - ＠IT
野村総合研究所 技術調査室 田中 達雄 2009/7/1 ユーザーインターフェイス技術、分析・管理系技術、開発手法の3つの融合が実現する、新しい潮流を解説する モノがあふれる時代、多くの商品やサービスがコモディティ化し、その機能や性能だけでは差別化が困難になっている。そんな中、顧客の感情面に訴求する「顧客経験価値（Customer Experience）」というアプローチが北米中心に注目を浴びている。 米国大手調査会社が2007年夏に発表したレポートによると、調査対象となった北米銀行約200社の半数以上がChief Customer Experience Officer（CCEO）を設置し、顧客経験価値に対して組織的に取り組み始めたと発表している。金融業界の商品やサービスは特にコモディティ化しやすく、顧客経験価値に対する期待や注目の高さをうかがわせるものだ。 顧客経験価値をもう少し具体的に
情報アーキテクチャの間違い・トップ10
ウェブサイトは、その構造とナビゲーションシステムとが互いに支え合っていなければならない。検索システムとも結びついていなければならない。サブサイトに至るまで一体化していなければならない。複雑で、一貫性が無く、選択肢が隠れていて、UIが扱いにくければ、ユーザーは必要なものを見つけられない。 Top-10 Information Architecture (IA) Mistakes by Jakob Nielsen on May 11, 2009 ウェブサイトで思いどおりの操作がまったくできない原因の大半は、情報アーキテクチャの出来の悪さにある。これは、ウェブユーザビリティにからむ他の問題点に比べてなかなか改善しにくい。その理由を解き明かすため、腫れた親指のようにずっと前から目についていた間違いを10個洗い出してみた。これを全部合わせれば、ウェブサイトは毎年何十億ドルも無駄にしていることになる。
第2回 ワイヤーフレームと設計ツール | gihyo.jp
前回、「IA One Sheeters」をご紹介しましたが、もちろんそれらを指してすべてが「IAタスクである」とは言い切れません。ただ少なからずIAというロール（役割）において関係してくるタスクであることは間違いないと思います。 そこで今回は、そのサンプルにもあった「ワイヤーフレーム」についてのツールを紹介します。 そもそも画面のレイアウトおよび原稿の整理という意味では、いろいろなツールが関係してきます。Web制作の現場においてはWebデザイナーやWebディレクターというロールが関わり、タスクベースにするとどのロールがそのタスクを遂行するのかが混乱しがちです。この連載ではWebデザイナーを対象として、ツールの使い方やぶつかる課題にフォーカスをあててみたいと思います。 ワイヤーフレームについて ワイヤー（線形状）でフレーム（枠）にしていくことから名前がついたと思われますが、もともとはCG（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
30 Fresh Web UI, Mobile UI and Wireframe Kits
IA Wiki
IA Wiki