Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！

2010/12/07 1968 users iPhone ロードバイク web スマートフォン 構築時

かかえているサイトを急にスマートフォン対応して！ なんて時に困らない様に、スマートフォン特有のデザインやユーザビリティ等、構築時に抑えておきたいサイト・記事を集めました。 半分位自分用メモですが、何かの役に立てば幸いです。 スマートフォン最適化デザイン 国内のスマートフォン向けに最適化されたサイトをまとめているサイトをまとめました。 iPhoneサイトデザイン集のiPhoneデザインアーカイブ　公... 続きを読む

ソシオメディア | UIデザインパターン

2007/05/28 1721 users ソシオメディア ベストプラクティス UI設計 ノウハウ 向上

ソシオメディアでは、これまでのUI設計・評価・標準化サービスの経験に基づき、様々なUIデザインのベストプラクティスをパターン化しています。各種アプリケーションのUI設計効率とユーザビリティの向上に役立つノウハウとして、その一部を公開していきます。 続きを読む

Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net

2011/08/09 1249 users ユーザービリティ ケースバイケース 復習 レイアウト net

ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計... 続きを読む

40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum

2008/03/17 1155 users 最低限 Web担当者Forum ホームページ診断 40項目

40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編　2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環... 続きを読む

なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密 - GIGAZINE

2013/03/07 1131 users 至上命題 GIGAZINE http ユーザー メニュー

日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.... 続きを読む

ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく

2007/01/20 1101 users ヤコブ・ニールセン trans NPO法人 コーディング グル

ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。 続きを読む

ユーザビリティの原則と現場で使えるユーザビリティテストの方法*ホームページを作る人のネタ帳

2011/06/03 1024 users ユーザビリティテスト 観点 原則 構造 ネタ帳

今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行って... 続きを読む

ちょっとした工夫で大違い！Webサイトのユーザビリティtips - NAVER まとめ

2012/07/16 954 users NAVER 配置 工夫 表記 デザイン

ちょっとした表記・配置の違いで大きな違いが出てしまうのがデザインの難しいところ。Webサイトのユーザビリティのtips的なまとめです。 更新日: 2012年07月16日RSS 続きを読む

そこそこユーザビリティの高いフォームを作った - Liner Note

2014/01/19 942 users Liner Note jQuery GitHub フォーム

去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む

テキストリンク色の変更で、70億円（！）を稼ぎだすことに成功したマイクロソフト - Feel Like A Fallinstar

2010/03/18 927 users マイクロソフト Bing 水色 変更 狭義

ユーザビリティの中でも特に狭義の「テキストリンク色」を変えただけで、恐るべきビジネスインパクトが現れたという事例です。 実際に成果の変化が起こったのは、マイクロソフトが鋭意売り出し中の検索エンジン「Bing」です。 テキストリンクを、入念にテストし、8000万ドルの売り上げ増 マイクロソフトは従来、「Live Search」という形でもう少し明るい青（水色に近い）を採用していました。   Bing... 続きを読む

サイトやアプリのユーザビリティを向上させる35のポイント | sogitani.baigie.blog

2014/04/15 893 users 要点 デバイス エンジニア 原論 非デザイナー

デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる要点をまと... 続きを読む

ECサイトを作るときに参考にしたサイト - NAVER まとめ

2011/11/13 886 users NAVER コンバージョン マーケティング ECサイト 用語

＊マーケティング(追客・集客に関するところ) ＊デザイン ＊ユーザビリティ ＊コンバージョン ＊気になった用語 新しい参考サイトがあれば随時追加していきます。 また、他に参考になるサイトを知ってるよって方、コメントにて募集中です。 続きを読む

多くのユーザーは一度に1本しかジュースを買わない ― ＠IT

2006/06/01 838 users 一度 ジュース ユーザー 多く 1本

ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア　上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」と... 続きを読む

スマートフォンサイトに適したユーザビリティとは？【リサーチ】 （1/5）：MarkeZine（マーケジン）

2011/11/15 825 users MarkeZine インタラクションデザイン マーケジン

IMJモバイルでは、「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を実施した。調査期間は2011年9月14日～9月15日、有効回答数は412名となった。 調査結果概要　スマートフォンの普及に伴い、インタラクション性が高いサイトが求められています。スマートフォンサイトを構築する際の効果的な表現方法としてJavaScriptの活用がありますが、実際にJavaScriptを使った... 続きを読む

「紙っぽいデザイン」の特徴を盗め！イベントポスターから学ぶ、紙っぽいデザインの特徴。 | Quoitworks blog

2014/08/11 805 users Quoitworks blog イベントポスター 特徴 視線

webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のよ... 続きを読む

テキスト周りで使えるCSSの小技いろいろ | Webクリエイターボックス

2014/02/04 799 users CSS Webクリエイターボックス テキスト周り 目次 小技

モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 テキスト周りで使えるCSSの小技　目次 テキストを選択する時の色を変更 蛍光ペンで線を引いた... 続きを読む

スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict

2014/02/03 760 users フェイス プロモ fladdict グロースハック 上流

いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発体制に比べ劇的にUIやUXを改善できるためである。 アプリケーションのコンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価... 続きを読む

モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | Web担当者Forum

2010/03/08 746 users Web担当者Forum 最終回 モバイルサイト おさらい 前半

2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント 公式サイトに関する... 続きを読む

無料パフォーマンステスト | 負荷テスト

2014/02/15 734 users 負荷テスト サーバ 応答速度 直帰率 性能測定

これまで、負荷テストの実行には専門知識と実行環境の準備に多くのコストが必要でした。社会からWebサービスの性能に関する不具合をゼロにするために、簡単、無料、圧倒的な負荷テストサービスを提供します。 ユーザビリティ サーバの応答速度は常に変化し、利用者の直帰率に大きく影響を与えます。サーバの応答速度を可視化し、日々計測することで、すみやかに問題個所を発見できます。 性能測定 サーバの性能不足により、... 続きを読む

WEBプログラマの私が開発現場で学んだSEOを一挙公開！ - 文系プログラマによるTIPSブログ

2014/05/23 730 users 文系プログラマ SEO Webプログラマ TIPSブログ 施策

2014-05-22 WEBプログラマの私が開発現場で学んだSEOを一挙公開！ SEO 誰もが悩むSEOですが、私が沢山のWEBサイトを開発してきた中で、これさえ対応すればSEOは問題無いよ！というものをまとめたので、公開してみようと思います。SEOは Search Engine Optimize の略で、言葉通り検索エンジンに対する最適化です。決してユーザビリティの向上等、ユーザへの施策では無い... 続きを読む

WordPress高速化｜１秒前半で表示する誰でもできる簡単な方法

2014/05/01 726 users WordPress高速化 方法 pag デフォルト SEO

WordPress の数少ない欠点の一つは、サイトの表示速度が遅くなりがちになってしまうということだ。 そして、サイトの表示速度はユーザビリティだけでなく、SEOにとっても重要だ。 そこで、このページでは、WordPressの初心者でも簡単にできることだけで、表示速度を大きく高める方法をご紹介する。 弊社でテストサイトを作り、デフォルトの状態と、全ての設定完了後の表示速度を、Googleの Pag... 続きを読む

Web2.0ナビ: 会員登録フォームを構築するポイント

2008/08/26 722 users 会員登録フォーム ポイント Web2.0ナビ コマースサイト

ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点... 続きを読む

【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 (1) ドラッグ&ドロップでカラム幅を変更可能 | エンタープライズ | マイコミジャーナル

2008/06/25 705 users jQuery Ext JS 各種フレームワーク Yahoo

Webアプリケーションの操作性を向上させるために、いまや欠かすことのできないJavaScript。Prototype.jsやjQueryといった各種フレームワークを使用して、ユーザビリティを高めている開発者も少なくないだろう。 ここ数年の間でYahoo! UI LibraryやExt JS、Dojo Toolkitといった、開発のしやすさや・操作性の向上はもちろんのこと、綺麗なデザインも兼ね備えて... 続きを読む

エンジニア兼SF作家がGPT-4執筆支援を実戦投入できないか実験してわかったこと｜Anno Takahiro｜note

2023/04/07 698 users 実戦 Anno Takahiro｜note GPT4 実験

今のGPT4は実践投入レベルの使い方もあれば、そうでない使い方もあると思っている。今回のポストでは、私がやった執筆支援の実験を8つほど紹介し、物書き目線から3段階評価した。○は作品制作にすでに実戦投入している利用方法。△は自分が実作に活用はしていないものの、ユーザビリティが良くなれば使いたいと思えるもの... 続きを読む

ウェブページの高速化のために読んでおきたいサイトのまとめ｜Webpark

2011/06/21 692 users ウェブページ まとめ｜Webpark 高速化 スピード 事例

ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、... 続きを読む