タグ

webとUsabilityに関するhypyukaのブックマーク (17)

  • モバイルサイトのナビゲーションメニューは画面下に置くべき

    2014年2月19日 スマートフォン, ユーザビリティ スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に記事にしてみます。 ↑私が10年以上利用している会計ソフト! よく見かけるWebサイトのナビゲーションメニュー 人気Webサイトギャラリー「The Best Designs」に掲載されている多くのWebサイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが当に使いやすい

    モバイルサイトのナビゲーションメニューは画面下に置くべき
  • ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ

    ビジネスにおけるユーザーインターフェイス(UI) や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。 Webサイトやアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と表現される ”使いやすさ” の大切さが注目を浴びている。 そして、その使い易さを生み出す最初の入り口がインターフェイスである。 インターフェイスとは、ヒトとデバイスとの円滑なコミニュケーションを達成するための媒介役であり、操作性や使い易さを印象づける点ではソフトやデバイスの成功を最も左右する、唯一無二の存在である。 今さら聞けないUI(ユーザーインターフェース) の基 最終的なインターフェイスの仕事は “ユーザーゴール + ビジネスゴールの達成”であり、どんなに良いプロダクトを作っても正しい方向にユーザーを導き、ビジネスとし

    ユーザビリティを向上させる25のデザインの基本概念 デザイン会社 ビートラックス: ブログ
  • Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した

    ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません(「やっちゃダメなこと」もしています)ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に

    Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
  • http://e0166nt.com/blog-entry-889.html

    http://e0166nt.com/blog-entry-889.html
  • シニア層のためのWebサイトユーザビリティ

    2013年3月23日 ユーザビリティ 以前「笑っていいとも!」の山口智充さんのコーナーを見ていて、ちょっと驚いた事があります。20代~60代の女性の必需品をランキングしたもので、40, 50代女性では5位圏外だった「パソコン」が60代で3位にランクイン。シニア層のインターネット利用率は年々高まってきているのはニュース等で読んでいましたが、これを見てなんだか実感しました。という事で今回はシニア層のWebサイト設計について考えてみたいと思います! ↑私が10年以上利用している会計ソフト! 上記「笑っていいとも!」の件で興味を持った私は、シニア層のインターネット利用方法なんぞを調べていたところ、丁度私の母親が「インターネットで買い物がしたい」と言ってきました。彼女は海外に住む私と連絡をとるためにメールやSkype等を使う事ができるので、ある程度インターネットについて理解しているのだと思っていまし

    シニア層のためのWebサイトユーザビリティ
  • プログラマのためのUXチートシート — ありえるえりあ

    はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ

  • http://e0166nt.com/blog-entry-831.html

    http://e0166nt.com/blog-entry-831.html
  • ウェブユーザビリティ向上を支援するWebsite Usability Info

    ウェブをはじめとするデジタルコンテンツの、ユーザビリティ、アクセシビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。 Accessible & Usable では、ウェブサイトやアプリケーションのアクセシビリティ向上を支援させていただきたく、お仕事のご依頼、ご相談を承っております。詳しくは「お仕事のご依頼・ご相談」をご覧ください。 † 新着記事 † The WebAIM Million (100万のホームページに対するアクセシビリティ自動検証) : 2024年の調査 公開日 : 2024年4月11日 カテゴリー : アクセシビリティ 米国の非営利団体 WebAIM が実施した、「The WebAIM Million」という調査があります。メジャーどころの100万ウェブサイトを採り上げ、各サイトの

    ウェブユーザビリティ向上を支援するWebsite Usability Info
  • 今、トップクリエイターが注目するWebのトピック 第3回「ユーザビリティ VS 楽天メソッド」 - MdN Design Interactive

    2010年8月3日 TEXT:内山光司(GT INC./(suit)men entertainment クリエイティブディレクター) 毎回Webやグラフィックのクリエイティブの最前線で活躍しているトップクリエイターが、いまWeb制作の世界で話題になっていること、注目していることなどを取り上げて語ります。 今回のクリエイターはGT INC./(suit)men entertainmentのクリエイティブディレクター、内山光司氏。「ユーザビリティ VS 楽天メソッド」について語ります。 確か春ごろだったと思います。Twitter上である話題を目にしました。それは楽天市場で人気の商品のページデザインは「ユーザビリティ」とか「ブランディング」っていう視点でいかがなものか、という話です。 話題となったのはこのサイト。 「どこまでスクロールすりゃ注文できるんかい!」と、思わず突っ込みたくなる気持ちもわ

  • Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ

    暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基的なところだけ

    Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ
  • そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ

    こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウなどがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログでは「モバイルデザインアーカイブ」さん、「case:MobileDesign!」さん、では日々、こちらで勉強させていただいております。 モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 著者:株式会社ゆめみ 販売元:インプレスジャパン 発売日:2008-12-25 おすすめ度: クチコミを見る モバイルデザインアーカイブ。―携帯Webコレクション 著者:モバイルデザインアーカイブ 販売元:春日出版 発売日:2009-08 おすすめ度: クチコミを見る ケータイサイトのレイアウト 企業・キャンペーン・サービ

    そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 : LINE Corporation ディレクターブログ
  • 顧客企業×法人向けサイト―ユーザーに合わせた問題を解決するための法則 | ビジネス目的別企業Webサイト成功の法則

    前回までは消費者向けWebサイト(サポート、マーケティング、ロイヤリティ向上)についてお話をしてきました。今回からはBtoB、つまり法人向けのWebサイトについて考えていきます。法人向けのビジネスを行っている企業の多くは、Webサイトで何かを購入してもらうわけではない場合がほとんどでしょう。消費者向けWebサイトに比べて、成果や存在意義を明確にできていないのが法人向けWebサイトといえます。そこで、「基コンテンツ」「営業連携」「サポート」の3回に分けて、法人向けWebサイトの検討をしたいと思います。第1回となる今回は、基コンテンツとして商品・サービスやソリューション情報の考え方・見せ方についてお話します。 法人向けサイトのユーザーは誰かつい数年前まで、インターネットユーザー=パソコンやメカ好きな技術嗜好の人というイメージが強かったこともあり、法人向けのWebサイトもどちらかというとエン

    顧客企業×法人向けサイト―ユーザーに合わせた問題を解決するための法則 | ビジネス目的別企業Webサイト成功の法則
  • 実践!Webユーザビリティ研究室: 最終回:現場におけるユーザビリティの活かし方

    Webサイトのユーザビリティを、実例を基にわかりやすく紹介する「実践! Webユーザビリティ研究室」。最終回の今回は、ユーザビリティの考え方を現場で生かす際のポイントについて考察します。 ● サイトの構築・運営にユーザビリティの思想を取り入れるには Webサイトにおけるユーザビリティの考え方とその実践例についてこれまで計12回にわたりお送りしてきました。こうしたユーザビリティの思想をサイトの構築・運営に活かしていくためには、何に気をつけていくべきか、最終回を迎えるにあたり、この点をすこし考えてみたいと思います。 筆者自身がユーザビリティのコンサルタントであるという立場から、第三者の視点で既存サイトを評価するというスタンスで連載は執筆してきました。しかし、現実的にはすべての評価を第三者であるコンサルタントに委託するのではなく、サイトを構築する側、運営する側が、ユーザビリティについての基

  • http://japan.internet.com/wmnews/20090707/8.html?rss

  • ウェブデザインのクオリティをアップする7つのポイント | コリス

    ウェブデザインのクオリティをアップする7つのポイントをFunction Web Design & Developmentから紹介します。 How to Spot Quality within Web Design: Examples & Tips 以下、その意訳です。 1. Spacing スペースは、デザインされたエレメントの間に使用される巧妙なテクニックです。素晴らしいイメージを配置することも大切ですが、そのエレメントにどのようにスペースを与えるか充分に考慮する必要があります。 充分なスペース

  • DESIGN IT!

    News(一覧) 2010年10月 1日 10/13(水)に東京・麹町でトークセッションイベント「DESIGN IT! Talk 」を開催します。テーマは「UXとは何か ~プロジェクトを通して考えるユーザーエクスペリエンス(UX)」。講演者は株式会社エクサ 安藤氏、産業技術総合研究所 江渡氏。参加申し込み受付中です。 2009年11月17日 DESIGN IT! Conference 2009 いよいよ明日開催、当日受付あり。「皆さんと一緒に考えることができるような、チャレンジングな内容を準備中。日の方々との刺激的な議論を期待しています」(昨夜来日した海外スピーカー、Donal Mountain氏とBraden Kowitz のコメントより) 2009年10月16日 「DESIGN IT! magazine」vol.3 発売記念イベントを10月19日(月)19時から青山ブックセンター(六

  • @IT:Webアプリケーションのユーザーインターフェイス[1]-1

    Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス(特にGUI)デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが

  • 1