タグ

Usabilityに関するshirotorabyakkoのブックマーク (149)

  • 写真共有・保存サービス 30days Album™

    なくしたくない思い出。 全部、 お預かりします。オンラインアルバム + フォトストレージサービス・30days Album™

    写真共有・保存サービス 30days Album™
  • Bad Usability — collected by Netlife Research

    Seems to me a lot of time could have been saved all around by just displaying the blue link. This site is hosted by BlueHost. You can get BlueHost for $2.75 per month by using a coupon from Justhemes.

  • Re:ユーザーの動き。

    ちょっと前に書いた、ユーザーの動き。ですが、アレはただの自分専用メモだったので、自分だったらこーするかもって事と言葉足らずだった部分の補足エントリーです。 いわゆる、ユーザビリティテストっていうのに参加してきました。 目の前でターゲット層に比較的近いユーザがサイトを見ている様子を見るのは滅多にない経験だったので、非常に有用な一日でした。 年齢は、20代前後くらいで、普段から当たり前のようにネットやってる人は殆ど居なく、時々調べ事に使う程度くらいの方々が大半っていう状況での結果です。 だから、ターゲット層によっては、この結果はあんまり役に立たないかも知れないし、見事なまでに合致してる場合は、それなりに使える情報かもわかりませんね。 ロゴクリック=トップページに戻るという認識は殆ど無い。 だから、リンクは張りませんって結論にはならないので、対策としてはやっぱりグローバルナビゲーションやロゴの近

    Re:ユーザーの動き。
  • サイトのリニューアルに"市民ペルソナ"を活用、市民へのアンケートで7割の回答者から好評を得る

    横浜市がホームページのリニューアルに当たり、架空の顧客像「ペルソナ」を活用しながらデザインを改善することで、市民から好評を得ることに成功した。 同市は2008年1月、ホームページをリニューアルした。見直したのは60ページほどで、13万ページある同市のサイトのごく一部だが、トップページなど重要なページを中心に取り組んだ。市民の反応は上々で、2008年3月に市民モニター800人に感想をアンケートしたところ、「とても良くなった」と「良くなった」という回答が全体の7割を占めた。 このリニューアルの成功を陰で支えたのが、3人の"市民ペルソナ"だった。ペルソナとは架空の顧客像のこと。通常、企業が自社のサービスや商品を開発、改善する際に使うマーケティング手法だ。ユーザーがどんな期待を抱いているのかなどを綿密に定量的・定性的に調べて、架空の人物像であるペルソナを作り写真や文章で表現する。今回の場合、消費者

    サイトのリニューアルに"市民ペルソナ"を活用、市民へのアンケートで7割の回答者から好評を得る
  • HCD-Net 人間中心設計推進機構

    人間中心設計(HCD)専門家制度は、人間中心設計推進機構(HCD-Net)が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー

    HCD-Net 人間中心設計推進機構
  • 10 JavaScript Effects to Boost Your Website’s Fanciness Factor

    President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There comes a point in time where we w

    10 JavaScript Effects to Boost Your Website’s Fanciness Factor
  • 40分でできるホームページ診断 ~最低限クリアしたい40項目のチェックシート | Web担当者Forum

    40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート[訪問者目線編 2008年版] SEO? ユーザビリティの向上? それ以前にしなきゃいけない「サイト作りの基のキ」を、あなたのサイトではちゃんとできているだろうか? 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか? TEXT:編集部 協力:株式会社 環 ウェブサイト作りの基のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ?」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、

    40分でできるホームページ診断 ~最低限クリアしたい40項目のチェックシート | Web担当者Forum
  • ユーザーの動き。|CSS HappyLife

    ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 2008年2月14日の22:47頃に追記 ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。 Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した ロゴクリック=トップページに戻るという認識は殆ど無い。 トップページに戻る場合は、ブラウザの「戻る」ボタン。 サイドバーのバナーは、認知すらされない傾向が強い。 そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。 リストのマークとかのマーク部分をクリックしよーとする人が居る。 それにより、クリックできないと諦めるケースも。 プルダウン(ドロップダウン)型メニューは、近くのボタンを押

    ユーザーの動き。|CSS HappyLife
  • 日本の視覚障害者用ウェブ利用ソフトの機能調査

    最新バージョンを調査するために,以下を対象とした.ホームページ・リーダーに関しては,調査期間中(2005年7月~2005年10月)に新しいバージョンが発売されたため,バージョン3.02と3.04の両方を調査した. IBM ホームページ・リーダー 3.02 IBM ホームページ・リーダー 3.04 (2006年2月,SP3適用済みのバージョンで再テスト) PC-Talker XP Version 1.14 95 Reader Version 6.0 JAWS for Windows Professional Version 6.2 日語版 目次に戻る 4. ユーザエージェント毎の調査結果 ユーザエージェント毎の調査結果を,各テスターの調査報告を基に以下にまとめる.各テスターが調査した詳細な結果は資料(資料B,C,D,E)を参照されたい.また,UAAGワーキンググループの調査結果と比較するた

    shirotorabyakko
    shirotorabyakko 2008/02/12
    2006年3月6日版 ol要素の番号の読み上げ ページ内リンクへのジャンプ 見出し要素を利用したページ内ナビゲーション を PC-Talker及び95ReaderはMSAAに依存するため機能を装備しない
  • 視覚障害者のパソコン・インターネット・携帯電話利用状況調査2007

    視覚障害者のパソコン・インターネット・携帯電話利用状況調査2007 [English] ■ 調査の概要 背景と目的 前回(2002年)の調査より5年が経ち,視覚障害者のICT(情報通信技術)利用状況にも様々な変化が生じています。とりわけ,インターネットの利用が一般的になったことと,視覚障害者にも使いやすい携帯電話が普及したことが挙げられます。そこで最新の利用状況を捉えるため,2007年5月から6月にかけて,視覚障害者のパソコン・インターネット・携帯電話の利用状況を調査しました。 調査結果をWebサイトなどで公表することで,視覚障害者支援技術のニーズを研究者・開発者らに伝え,最終的に視覚障害者の福祉に役立たせます。 方法 調査票への任意回答方式で調べました。回答者の募集方法は,視覚障害関連メーリングリストへの案内,視覚障害者用施設への調査票(点字版・拡大印刷版)の配備,視覚障害者向け新聞・放

  • [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス

    以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記: 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ(IE8, Fx2.5, Chrome2)を更新しました。 2009年2月23日 ver.3.0.6をリ

    [JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
  • 富士通ウェブ・アクセシビリティ2指針 : 富士通

    富士通株式会社では、身体に障害のある方や高齢者も含む様々な方が当社のインターネットホームページを利用し易くなるようにアクセシビリティに配慮したホームページの制作を行っております。この指針は、ホームページ制作側が配慮すべきアクセシビリティの観点を当社が策定したものです。他企業や団体などにおいても広く利用していただければ幸いです。 富士通ウェブ・アクセシビリティ指針 第2.01版 富士通ウェブ・アクセシビリティ指針は2004年6月に第2.0版として改訂し、JIS X 8341-3との親和性を図りました。しかしながら、近年、制作者におけるJIS X 8341-3の詳細部の解釈の変化等が生じてきました。 富士通として、よりJIS X 8341-3との親和性を図るために、この度富士通ウェブ・アクセシビリティ指針を第2.01版として改訂いたしました。 富士通ウェブ・アクセシビリティ指針 第2.01版

  • 富士通キッズ 夢をかたちに : 富士通

    掲載終了のお知らせ ご利用いただきありがとうございます。誠に申し訳ございませんが、ページは掲載を終了致しました。 富士通キッズ 夢をかたちに

  • かな棒くん Web 【紹介】

    ■「かな棒くんWeb」は自治体・企業のホームページによみがなを表示 する機能をASPで提供します。 ホームページに読みがなを表示することにより、サイトを閲覧する外国人やお子様など、日語を読むことが苦手な利用者に対し、アクセシビリティを確保することを支援します。 WEBのアクセシビリティに関しては、総務省から「インターネットにおけるアクセシブルなウェブコンテンツの作成方法に関する指針」や財団法人日規格協会から日工業規格(JIS X8341-3)「高齢者・障害者等配慮設計指針方法に関する指針」が発表されるなど、格的な対応が求められるようになってきており、特に公共性の高いWEBサイトについて高齢者や障害者、外国人への配慮に基づいたバリアフリー・アクセシビリティ向上の施策が肝要となります。 「かな棒くんWeb]はバナーを貼るだけでよみがな変換を行う機能をASPとして提供する国

    shirotorabyakko
    shirotorabyakko 2007/11/23
    ホームページによみがなを表示する機能をASPで提供
  • 実践アクセシブルHTML - フォームは送信してもらえばこそ

    こんなフォームはイヤだ! フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使いにくいフォームというのがあります。

  • 第10回 UIデザインの基礎知識:シンプルで使いやすいビジュアル

    利用者の操作を把握した後,画面のビジュアル・デザインに着手する。 ビジュアル・デザインにおいても,シンプルであることは重要なポイントである。「よく切れるナイフ」がシンプルで美しい機能美を備えているように,「使いやすいシステム」もまた,シンプルで美しいビジュアルを伴っているものだ。派手な見た目や奇をてらった演出はいらない。必要十分な画面要素を人間の認知心理に基づいて論理的に配置すれば,十分に使いやすいビジュアル・デザインを作り出せる。 要素を絞って目立たせる 図1は,ビジュアル・デザインを見直し,使い勝手を改善した例である。この画面はどちらも,デジタル・カメラの写真データからカレンダーを作るという電子商取引システムのトップ画面である。改善前より改善後の画面の方が,「オリジナルのカレンダーを作ろう」という提案メッセージが伝わってこないだろうか。 主な改善点は,表示要素を大幅に絞り込んだことであ

    第10回 UIデザインの基礎知識:シンプルで使いやすいビジュアル
    shirotorabyakko
    shirotorabyakko 2007/11/03
    表示要素を大幅に絞り込んだことである。それに伴い,画面で使用する色数を減らして画面全体のコントラストを調節.左から右へ,上から下へ目を媒体とした,日本人にすり込まれた認知パターン
  • 第9回 UIデザインの基礎知識:操作の流れに気を配ったインタラクション

    使い勝手は,ユーザー・インタフェース(UI)の「デザイン」によって大きく変わる。一般にデザインという場合,画面上の要素について色や配置を決めていく「ビジュアル・デザイン」だけを想像しがちだ。出来上がったシステムに対し,「使い勝手の良いデザインを作ってほしい」と依頼するようなエンジニアは,たいていビジュアル・デザインに目が向いている。 実際はビジュアル・デザインだけでなく,利用者とシステムの対話方式を決める「インタラクション・デザイン」がある。画面遷移などを含むもので,ビジュアル・デザインよりも先に決める必要がある。インタラクション・デザイン抜きにビジュアル・デザインで帳尻を合わそうとしても限界がある。 UI設計に携わるエンジニアは,インタラクション・デザインとビジュアル・デザインの両方の基礎知識を持つ必要がある。システムによってはプロのデザイナーがプロジェクトに参加することもあるはずだ。デ

    第9回 UIデザインの基礎知識:操作の流れに気を配ったインタラクション
    shirotorabyakko
    shirotorabyakko 2007/11/03
    利用者が心の中に構築している情報や動作の構造(これを「メンタル・モデル」と言う)と素直にマッチする
  • リゾレーヌ サプリを口コミだけで判断してはダメ?バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します!

    リゾレーヌ サプリを口コミだけで判断してはダメ?バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します!
  • Sim Daltonism

    From the perspective of a color blind person, some colors are impossible to distinguish. Sim Daltonism lets you visualize colors as they are perceived with various types of color blindness. Use the camera on your iOS device, or use the Mac app to filter a region of the screen. Sim Daltonism is open source. Take a look and contribute code if you like.

    Sim Daltonism
  • 【IT Japan 2007】「デザインに凝ったウェブサイトほど予約率は低かった」,星野リゾート社長が講演:ITpro

    「我々はついつい旅館やホテルのウェブサイトを格好良くしよう、きれいにしようと思ってしまうが、それが必ずしも予約率向上にはつながっていなかった」 リゾート施設運営を手掛ける星野リゾート(長野県軽井沢町)の星野佳路社長は7月9日、東京都千代田区のホテルニューオータニで開催中の「IT Japan 2007」で講演し、こう語った。講演の題名は「収益向上を狙うネット・マーケティング戦略 『科学的仕組み作り』で顧客数を拡大」というものだ。 星野リゾートは、拠地である軽井沢の温泉旅館「星のや」をはじめとして、大型スキーリゾートから小規模温泉旅館まで12施設の運営を手掛ける。星野社長は、前近代的な日の旅館・ホテル経営の世界に、顧客満足度調査やシックスシグマによる業務改善など科学的手法を持ち込み、不振に陥ったリゾート施設の再生を実現してきた。 最近、力を入れているのが、ウェブサイトを経由した予約獲得だと

    【IT Japan 2007】「デザインに凝ったウェブサイトほど予約率は低かった」,星野リゾート社長が講演:ITpro
    shirotorabyakko
    shirotorabyakko 2007/07/11
    ビービット「視線追跡」という手法を活用。「写真が抽象的ではなく、何を写しているかすぐに分かるようになっている」「アクセスマップを分かりやすく表示している」などの項目を含む。