成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
80年代のAppleに学ぶUIの部品化とガイドライン ― ＠IT
インタラクションデザインパターン（1） 80年代のAppleに学ぶUIの部品化とガイドライン ソシオメディア 上野 学 2007/2/7 インタラクションデザインパターンのプロローグとして、その原則や秩序の歴史を見てみよう。20年前のAppleはどのように質の高いアプリケーション開発を目指していたか デザインが優れていれば、道具はより楽しいものになり、利用者はより生産的になるはずです。道具のデザインというものは大昔から私たち人間が取り組んできたことですが、近年急激にデジタルデバイスが多様化したことによって、インタラクティブな道具をデザインするための方法論は技術の進歩に追い付くことができなくなっています。利便性を高めるはずの新技術が使い方を複雑化する要因となり、利用者の混乱は増すばかりです。 最近私は携帯電話を買い替えたのですが、同じメーカーの3年前の機種と比べて、著しく使い勝手が悪くなって
第5回 デザインのセンス，持ってますか？
この連載は，ウェブ系エンジニア向け，ということで書いていますので，読んでいる皆さんも，仕事でウェブサイトの構築に携わってる方が多いと思います。そんな皆さんへ突然質問なのですが，皆さんは自分の「ウェブページをデザインするセンス」についてどう感じていますか？ デザインのセンスといっても，ここで言っているのは絵を描くのがうまいとかいうことではなくて，見やすくて使いやすい画面をデザインするセンスのことです。例えば情報や広告，リンクやボタンなどをどう配置するのか，どういう文言を使うのか，配色はどうか，といったことが含まれるでしょう。 なんで改めてそんなことを聞くのかといえば，そもそも筆者がそうしたセンスをぜんぜん持ち合わせていないからなのです。エンジニアと呼ばれる職種の人の中には，筆者と同じように感じている人も多いんじゃないかな，と思っています。 われわれエンジニアは，こうしたデザインセンスの部分は
UIのデザイン - 妄想科學倶樂部
ブックマークコメントの反応とか見てると勘違いされている方がちらほら。MacのUIデザインのうち遊びの部分にばかり注目が行っているような気がする。 確かに、ウィンドウが吸い込まれるエフェクトとかドロップシャドウとか、見た目のインパクトがあるから取り上げられ易いのだけれど、それはまったく本質ではない。 キーボード操作 MacのUIデザインの基本は、キーボードショートカットの共通化だ。Apple自身が各アプリケーションで共通の操作系を明確に定め、またそれ以外についても共通点の多い操作が定型化している。Command+Oで開き、Wで閉じ、Qで終了。Sで保存、Aで全体選択、Iで情報表示(プロパティ)、Pで印刷、Zで取り消し。X、C、Vでカット/コピー/ペースト(切り取り/コピー/貼り付け)。どのアプリケーションでも共通の操作だ。GUIの伝道師故にマウスでの操作が印象深いが、実はAppleは当初からマ
法務だけど理系女子の綴るblog: なぜ、日本人はUIにお金を払わないの？
michys.com is coming soon This domain is managed at
Webdog - Uw Online Speurneus
Als je op zoek bent naar een betrouwbare partner voor je koeltransportbehoeften, kijk dan niet verder dan Petit Forestier. Met… Hallo, Willem hier! Welkom op mijn blog: Webdog! Ik heet Willem en heb dit blog vernoemd naar mijn hond Bram. Nou ja, niet vernoemd, maar toch wel een beetje opgedragen aan hem. Vandaar de woordspeling. Behalve mijn hond zijn andere belangrijke dingen in mijn leven: mijn
第26回 どこにメニューをおくべきか，どこが画面の一等地か：ITpro
Webサイトのデザインの中で，ここ2年で大きく変わりつつある「常識」があります。それは，「メニュー（索引）」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で，それでも最良のユーザビリティを提供しようとするなら，どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー（視線との交差）のどちらがベスト？ まだモニター画面の大きさが小さかった時代（1995年前後），情報へアクセスしやすくする「メニュー」の位置は，ほとんど誰が考えても左側にあり，議論もされなかったように記憶しています。確実に画面の中に入り，ユーザーも基本的に左端にさえ注意を向けていれば，大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年，メニューが左側にあると本当に操作性が良いのかという議論を聞くようになり，大手のWebサイトでも
「OK」と「キャンセル」、どちらが有効か ― ＠IT
ユーザビリティのヒント（最終回） 「OK」と「キャンセル」、どちらが有効か 「情報表現の最適化」 ソシオメディア 上野 学 2006/10/20 デスクトップのメモ帳を新規に開いて、メモを書き、ウィンドウを閉じようとすると、「変更を保存しますか？」というメッセージダイアログが表示されます。ユーザーにしてみれば、「新しいメモをいま書いたところなのに、なぜ『変更』なんだ？」と思うでしょう（本文から） 英語や、日本語の横書きでは、情報は大きく上から下に、左から右に展開していきます。ユーザーは画面（ウィンドウ内）の左上から右下に向かって意識を推移させて、そこで表現されている情報を取得していきます。 実際にはユーザーは、まず画面中央付近に視線をやり、そして全体をざっと見渡してから、重要と思われる個所に注目していくようです。ひとたび内容を読もうとか、入力フィールドを埋めていこうと決めたら、当然、上から
第14回 プロジェクトの継続と，ステップアップに向けて
本連載は，今回でひとまず終了である。最後に，プロジェクトを重ねるなかで生じる課題をリストアップしておく。それらは，顧客との間の問題や，メンバー間の問題というよりも，個々のメンバーの中に発生する疑問や課題だ。それらが乗り越えられる可能性を示して，コラボレーターたちへのエールにかえようと思う。 万全ではない，ユニバーサル化 「Web2.0」や「Web標準化」が叫ばれ，Webページの構造と表現を分離する傾向が強まっている。また，アクセシビリティの観点から，「バリアフリー」よりも万人にやさしい「ユニバーサル化」が広まってきている。 例えばalt属性やaccesskey属性などを付けたり，表組みレイアウトを減らすことは望ましい。しかし，対象とするエンドユーザー層によっては，それだけでは済まないことがある。すると，「ユニバーサル化」に対する疑問がわき上がってしまうことがある。だが，対応策を考える必要は
ユーザビリティって単にユーザーインターフェイスの問題ではないよね: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 上記の２つのエントリーにも何人かの方からはてなでブックマークしてもらったんですが、そのタグに[インターフェース]だとか、[UserInterface]だとかいうタグがあるんですよね。もしかしたら、Webユーザビリティって単にユーザーインターフェイスの問題として捉えられてるのかな？なんて思ったんです。Jesse James Garrettの5 Planes Modelだったり、ISO9241-11によるユーザビリティの定義に含まれる有効さ、効率性、満足度といった評価ポイントなどについても書いたので、Webユーザビリティ＝ユーザーインターフェイスの問題ではないことはわかっていると思いますが、もしかしたら、まだ、Webユーザビリティがユーザーインターフェイスだけの問題だと考えてい
仮説:「無断リンク禁止」はブラウザのUIが根源か? - Milkmeta
……さて、「無断リンク禁止」や「ディープリンク禁止」といった一連の議論では完全に無視されているけれど、どうもこの問題の本質はブラウザのユーザーインターフェースにあるような気がします。 ここから先の文章は全て裄乃由紀野が考えた仮説であり、これを他のWebサイト運営者やソフトウェア開発者に押し付けるつもりは全くありません。正直自分でもよく分かっていませんし、勢いで書いたようなものですから。仮説というのはどのみちトンデモを含む手法ですので、信頼性はご自身で判断してください。 大体、リンクはTOPページに貼るのが基本だと思います。 お気に入りとブックマークの登録も。 なぜなら、TOP以外からの訪問は裏口から合い鍵を使ってコッソリ入ってきたのと同じようなものだからです。 ブログページ単体へのリンクは迷惑行為です たとえばこの様な文章があったとする。これに対する反応としては大概「広く公開されているペー
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.yasuhisa.com/could/entries/001116.php
Windows ユーザー エクスペリエンス ガイドライン
なつみかん＠はてな - ユーザビリティ関連記事 まとめ
Yahoo Developer Network
http://www.yasuhisa.com/could/entries/001055.php
ユーザー視点のウェブデザインガイド コーナーの記事一覧 | Web担当者Forum
