デジタル庁デザインシステムβ版

2024/05/30 660 users インタラクション アクセシビリティ UIコンポーネント 実装

デジタル庁デザインシステムは、スタイリングの考え方を提供するデザイン言語、情報の視覚表現とインタラクションを具現化するUIコンポーネント、ユーザビリティとアクセシビリティを踏まえた設計や実装のためのガイドラインから構成されるデザインアセットです。 デジタル庁のミッションである「誰一人取り残されない、... 続きを読む

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

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

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

アプリで「ログインしっぱなし」はどのように実現されているか？ - Qiita

2019/07/11 672 users Qiita Authentication アプリ ツイート

このツイートを見て、「アプリで再ログインを頻繁要求されるってユーザビリティ良くないな。」と思ったのですが、普段裏側の仕組みは意識していなかったりテックリードの方に任せきりだったりしていたので、これを気に調べてみました。 そもそもスマホアプリ の時代、もはやauthenticationですらないと思うのよね。（何... 続きを読む

2015年総まとめ、jQueryのプラグインとスクリプト100選 | コリス

2015/12/17 501 users jQuery コリス SVG スクリプト アニメーション

毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ | Web担当者Forum

2013/10/15 594 users Label 安田英久 安田 Web担 法則

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ ««某航空会社の神サポート対応にみた、「例外的な顧客対応がファンを作る」法則 連載編集長ブログ―安田英久 お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ 安田... 続きを読む

優れたユーザビリティを実現する25の基本概念 [ITL]

2013/04/05 538 users ITL 基本概念

最近ビジネスに於けるユーザーインターフェース(UI)や、ユーザーエクスペリエンス(UX)の重要性が頻繁に語られる事が多い。Webサイトや Mobileアプリから始まり、自動販売機、券売機、車のダッシュボート、テレビ、トイレ、エレベーターのボタン配置に至るまで、”ユーザビリティー”と 表現される、”使い易さ”の大切さが注目を浴びている。そして、その使い易さを生み出す最初の入り口がインターフェイスであ... 続きを読む

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

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

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

ウェブサイトのユーザビリティに関する最高の秘訣20か条 | SEO Japan

2012/08/14 508 users リーダビリティ ドジョウ ウェブサイト SEO Japan

昨日、ウェブサイトのリーダビリティに関する記事を配信しましたが、意外と好評でした。ということで、2匹目のドジョウを狙って今回はユーザビリティについての記事を紹介したいと思います m(__)m ウェブデザイナーにもSEO担当者にも、基本ながら一読の価値ある内容。 — SEO Japan ユーザビリティは、ウェブサイトにとってものすごく大切なことだ。訪問者が素早く簡単に楽しくウェブサイトにアクセスして... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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