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
はぁ、またか、とFlashがダメだなと思う一瞬
先に補足を追記します： 僕のスタンスをはっきりしておかないとFlashという単語などの想定しないところで思考がひっかかる人が出てきそうなので書いておくと、 ・これから以下に書くようなFlashを作っていた人でもあります。 ・FlashやAdobe(Macromedia)プロダクトが大好きです。 ・現状の環境で素晴らしいUIを実現するにはFlashとJavaScript(Ajax）の適材適所での利用は不可欠だと思っています。 以上のことを踏まえた上で読んでいただけるとありがたいです。 こんな記事を見つけた。 次世代画像クルージング技術「ImageCruiser」、楽天市場で実験開始 :: SEM R 色検索とか地図検索とか作っていろいろ思うところが多い者としては、行く末が気になります。 予想を裏切って欲しいという意味で、成果があがることを期待しつつ。 が、どうしても気になっていて、これ画面ね
マイクロソフトのUX戦略：優れたユーザー体験とはなにか - builder by ZDNet Japan
9月29日に開催したbuilder tech day「User Interface ＆ beyond」では、基調講演に続いてマイクロソフトの鈴木祐巳氏によるセッションが行われた。 マイクロソフト デベロッパー＆プラットフォーム統括本部 デベロッパービジネス本部 NextWeb推進部 部長である鈴木氏のテーマは「マイクロソフトのUX戦略」。OS、アプリケーション、ウェブにおけるUX（ユーザーエクスペリエンス：ユーザー体験）のケーススタディと、同社が提供するクライアント技術「WPF」「SilverLight」の紹介を通し、「優れたUX」について考えてみたい。 まずユーザーエクスペリエンスを考えるにあたっての指標として、UXとは「利用者が何かの体験を『楽しく』『面白く』『心地よく』行える点を”提供価値”として考えるコンセプト」という定義を挙げた。 そこから考えられる「優れたUX」とは、機能と楽し
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
効果的なウェブサイトに対する意識のギャップ
「効果的なウェブサイトって？」というのは単純な質問ではあるものの、視点や役割によって意見が違いそうです。この抽象的な質問に関してレポートにまとめている文書を見つけました。オンラインラーニングやウェブ上のクリエイティビティの推進のために様々な活動をしている NPO 団体 IDEA が Factors that improve online experience というレポートをまとめています。NPO, ウェブサイト制作会社, 利用者の３つのブループに分けて「効果的なウェブサイトの要素は何か」という質問に応えてもらったそうです。詳しい調査結果と解説が書かれた PDF も同ページでダウンロードすることが出来ます。 作る側と利用者とのギャップというのは未だにあるみたいですね。今回の調査で大きく分けて 8 つの特徴が見つかったみたいなので以下にまとめておきます。自分も改めて意識しなければならないなと
ユーザビリティ再考
ユーザビリティは誰の問題？ Web制作の現場で「ユーザビリティ」という言葉が注目され始めたのは2000年ごろからでしょうか。それ以来、Webデザインの専門誌では頻繁に取り上げられ、今ではWebサイトを評価する際の大きな指標の1つとなった感があります。しかし、その一方で、システム開発の現場では、ユーザビリティの概念はあまり浸透していない印象があります。 もちろん、多くのエンジニアが自分の開発するシステムに対して「どうすれば使いやすくなるだろうか」と日々考えています。しかし、「ユーザビリティ」という概念を自分の中でしっかり整理できているエンジニアは、まだまだ少ないように思います。また「ユーザビリティはデザイナーが考える問題だ」として、エンジニアがあまり積極的でないケースも見受けられます。 これは決して好ましい状況ではありません。なぜなら、高いユーザビリティを実現するには、デザインやコーディング
カラメルのユーザー登録フォームの離脱率を調べてみた
入力フォームの離脱率90%は当たり前って、どんなサイトだよ。 最近、入力フォーム系のソリューションが出てきたのを見かけて、まぁそれはいいんだけど、どうにも最近の入力フォーム云々に関する空気感がなんとなく気になってたんだけど、入力フォームをありようと離脱率9割をベースに考えるのは違うと思っている。 そりゃ使い勝手の問題はあるだろうけど、誰かの何かの思惑のために、その数字だけが独り歩きしてるようにしか見えない。 そんな理由としては、 ・そもそも商品性がなかったり、その他のビジネス問題を入力フォームのせいにしてる可能性。 ・入力フォームまでの動線は適切なのか。そもそも興味ない人が訪れる設計になってたらパーセンテージ低いの当たり前。 ・何かの謎の理由の言い訳に使われている。 あたりが考えられる。 ふと思い立って、自分が管理してるカラメルのユーザー登録フォームの離脱率を調べてみた。絶対値やビジネス都
UX を構成する要素と測定方法
ユーザーエクスペリエンス (UX) という言葉は、体験という意味も含まれていることもあり、曖昧で測定し難いもののように捉えがちです。作る私たちがよく使う言葉ですし、今やセールストークとして使われている場合もあるかもしれませんが、「じゃ、実際どうやって効果を報告するの？」ということになると、難しい課題です。しかし、主観的な感想を述べることだけが UX の測定方法ではありません。UX はウェブサイトやアプリケーションを構成するひとつの独立した要素ではなく、以下の 6 つの要素の集合体といって良いでしょう。 コンピュータとのインタラクション 情報構造 (IA) インタラクションデザイン ユーザーインターフェイスデザイン ユーザビリティ ビジュアルデザイン 上記に挙げた要素の中には、既に解析や分析がされているものもあると思います。つまり、今まで使ってきたツールやメソッドを採用し、それらを複合するこ
効果倍増！ アクセス解析から見直す「企業情報」のあり方 | 基本編
一般的な「企業情報」コンテンツは これが最終型なのだろうか？「企業情報」は、ウェブではごく一般的なコンテンツだが、実際のサイトの姿となると幅が広い。 会社概要沿革組織事業所一覧（交通アクセス）などが標準的なコンテンツだが、業種や取引先、企業規模によっては、次のような情報まで掲載しているサイトも少なくない。 社長の挨拶ニュースリリースCM情報／イベント情報採用情報投資家情報社会／環境活動（CSR）調達情報これらの外国語版いずれにしても、根幹をなす会社概要や沿革については、多くのサイトが堅い印象に仕上げているようだ。 また、米国のサイトの企業情報と比較してみると、日本の企業情報に少ないものに「mission（使命）」がある。日本では「社長ご挨拶」が代わりの役割を果たしているのかもしれない。「沿革」にあたる「history」も長い文章になっていることが結構多く、英語が不得意な人にはくたびれるサイ
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
ゆゆしき人間中心設計者: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 うーむ。やられた。まさにこの通り。この問題はきちんと考えないといけない。 そもそも言語や文字や画像というものは、その社会のその出来事の連続と変転の、その風土のなかで示された「興」と、そこに属している民族や部族の「体」が対応したものとが、一種の“抜き型”になって発生し、確立してきたものだった。 （中略） これがＩＴデジタル社会に変じたときに、さて、どういうことを感じるべきかといえば、そこに身体を感じるより、むしろ人工的サイバー感覚の極致をこそ感じたほうが、つまりはレプリカントになったと思ったほうがずっともっともらしいのだ。それをむりやりユーザーフレンドリーで、環境にやさしいコンピュータ・ネットワークがありうるなどと思うのは、本末転倒というより、事実誤認もはなはだしい。 僕が人
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか？ 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の
[体験レポート]やってみましたペルソナ作り――これがウェブサイト向けペルソナの作り方だ | Web担当者Forum
Web担編集部では、今回、Web担当者Forumのサイト向けに実際にペルソナを作成してみたので、その様子をレポート形式でお届けする（ペルソナについて詳しくは「ウェブサイト向けペルソナを理解して、思いこみのユーザー像と決別しよう」を参照）。 結論からいうと、ペルソナ作りはWeb担当者にとって非常に役立つものであり、編集部のスタッフは、今回のペルソナ作りによって新しい発見と良い刺激を得ることができた。また、ペルソナ作成はしっかりとした方法論のもとに行う必要があり、経験のある人の助けを借りることは必須だということもわかった。 使えないペルソナで失敗した経験実はWeb担編集部では、最初にメディアの中心としてのウェブサイトWeb担当者Forumをスタートした2006年7月の時点で、一度ペルソナを作成していた。「台東区にある玩具などのメーカーに勤める三島啓介さん（32才）」というペルソナだ。しかし、そ
![[体験レポート]やってみましたペルソナ作り――これがウェブサイト向けペルソナの作り方だ | Web担当者Forum](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ab74e15948c807ebbb39ce141223cec7464b905/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2008%2Fpersona_design%2Fpersona_icon.jpg%3Fitok%3DiOf_wBp2){kind=icon}
第10回 トップページのFlashをググっと使いやすくする3つのポイントと心がけ | ユーザー視点のウェブデザインガイド
第10回 トップページのFlashをググっと使いやすくする 3つのポイントと心がけ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） アニメーションムービーであったり、動的なバナーであったり、インターフェイスそのものであったり、Flashの活用方法もさまざまだ。ところが、このFlashが曲者である。数々のユーザービリティテストやアイトラッキング調査の結果から、Flashの使い方を一歩間違えると、途端にユーザーが使えない代物になってしまったり、見向きもされなか
タグの役割を考えた見せ方 : could
IAopenwebdesignタグ タグの役割を考えた見せ方 この記事は「カテゴリとタグを上手に使い分ける」の続きにあたります。 カテゴリに関して迷っている方は少なくないみたいですね。前回、提案したブログエントリーをタイプ別に分類する提案をしましたが、それに対して様々な意見や感想が出ているので、ここで共有しておこうと思います。 lilacさん(カテゴリは) ふつうにいらないんじゃね？みたいな。明確に必要、という答えが出せないんですよね・・・ 他の方も書いていらっしゃいましたが、機能が提供されているからといって使わなければならないというわけではないと思います。無理にいろいろ使おうとするとかえって複雑化してしまうので、そういった場合は思い切って省くことも重要です。これはデザインするときには重要な考え方のひとつでしょう。 今回のようにカテゴリをタイプと見なして使うのは自分のサイトにはフィットして
ユーザーの動き。｜CSS HappyLife
ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 2008年2月14日の22：47頃に追記 ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。 Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した ロゴクリック＝トップページに戻るという認識は殆ど無い。 トップページに戻る場合は、ブラウザの「戻る」ボタン。 サイドバーのバナーは、認知すらされない傾向が強い。 そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。 リストのマークとかのマーク部分をクリックしよーとする人が居る。 それにより、クリックできないと諦めるケースも。 プルダウン（ドロップダウン）型メニューは、近くのボタンを押
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
