タグ「ユーザビリティ」

タグユーザビリティ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 107件)

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

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

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

少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG

2024/05/18 102 users 独断 TAKLOG 登壇偏見 CSSテクニック

少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法... 続きを読む

2024年版 HTMLで作るフォームバリデーション - ICS MEDIA

2024/04/19 257 users フォームバリデーションバリデーションエラー要件 HTML

すべてのフォームが要件を満たしている場合のみ、送信できます。フォームバリデーションのデザイン上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があり... 続きを読む

「UIの良さ」ってのはユーザビリティだけじゃないんだよ〜UNDERTALEのUI｜Yamashita Angelica

2023/09/20 244 users Undertale アンダーテールインディーゲームゲーム

この記事には、ゲーム「UNDERTALE」のネタバレが含まれます。ネタバレによってゲーム体験を致命的に損なう可能性が高い作品です。今後プレイする予定のある方は、ぜひプレイ後にお読みください。 UNDERTALE（アンダーテール）とは、「知る人ぞ知る」と言うにしてはあまりにも有名になりすぎたインディーゲームです。201... 続きを読む

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

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

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

サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable

2021/10/14 125 users ユーザーインターフェースインタラクションウェブユーザー

公開日 : 2021年10月14日カテゴリー : ユーザビリティ / アクセシビリティ / ユーザーインターフェース (UI) / ユーザーエクスペリエンス (UX) ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化するインタラクションがあります。たとえ... 続きを読む

【フロントエンド初心者向け】ユーザビリティを上げるちょいテク

2021/06/30 212 users チョイテク

フロントエンドの開発が初めての人が意外と抜けがちな観点をまとめてみました。初めにざっくりと概要を話すと「デザイナーが作るデザインでは表現しづらいもの」をまとめたものになります。デザイナーが作るデザインは静的なものなので(たまにがっつりプロトタイプを作ったりもありますが)、いわゆる"状態"を表現する... 続きを読む

UXにおけるビジュアルデザインの5つの原則 – U-Site

2020/12/17 230 users U-Site ゲシュタルト階層原則スケール

スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断... 続きを読む

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

2020/01/22 489 users Qiita Authentication アプリツイート

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

早め早めの脆弱性対策！開発チームでできるアプリとサーバのセキュリティ診断と要件定義の作り方 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2019/11/12 160 users エンジニアHub サーバ要件定義若手Webエンジニア松本

こんにちは、松本（@ym405nm）です。みなさんは業務やコミュニティ、趣味などでWebサイト作ってますか？ SEO対策、ユーザビリティ、レスポンジブル、オートスケールなどなど、Webサイトを1つ作るだけでもさまざまな技術や考え方が必要であり、非常に奥深いものであるということは、このエンジニアHubの記事の多さが物語... 続きを読む

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

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

CSS3だけで表現！コピペで使えるマイクロインタラクション作りました - ICS MEDIA

2017/03/13 163 users マイクロインタラクション ICS MEDIA コピペアラー

マイクロインタラクションは、ボタンのタップやポップアップの表示、フォーム入力時のアテンションなど、ユーザーの行動やトリガーによって起こるアクションです。単なるアニメーションではなく、ユーザビリティを向上させ、またユーザーに楽しい体験を与えることでWebサイトやサービスの利用を手助けします。例えばFacebookやTwitterの「いいね」ボタンや、タイムラインの更新、新しい通知がある場合のアラー... 続きを読む

よくわかるダメUI/UX画像コレクション - Design

2016/09/13 247 users DESIGN マゾヒストギネス認定ビジョン MS Word

1. よくわかるダメUI/UX ﬂaddict 2. 仕様上はすごいギネス認定の多機能ナイフ 3. 単体テストも機能テストも合格、ユーザーテストはしてない  マゾヒストのためのコーヒポット 4. ユーザビリティって言ってみただけ  車椅子ユーザーのための階段 5. 全部を目立たせたい  MS WORDの全ツールバーを表示した状態 6. チームメンバー間でビジョンが食い違ったルネ・マグリット作「... 続きを読む

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

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

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

ユーザビリティを高める7つの基本テクニック | freshtrax | btrax スタッフブログ

2015/03/04 112 users btrax freshtrax ユーザービリティ購買意欲

デバイスがパソコンからモバイルへ、そしてウェブからアプリの時代へ移り変わっていくとしても、ユーザビリティとは常に変わらず求められるものである。そしてユーザービリティはそのサービスが提供する価値に大きな影響を持っている。例えば、ECサイトを考えてみるとユーザビリティが直接購買意欲につながるわけではないが、商品購入までの過程をスムーズにおこなうことができたら、ロイヤリティーの高い顧客を増やすことが出来... 続きを読む

スマホサイトのEFO（フォーム最適化）で爆発的成果を出すための５原則 | LPO研究所

2014/08/18 146 users コンバージョン鎌田 EFO 昨今 LPO研究所所長

LPO研究所所長の鎌田です。スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。下記の事例をご覧ください。 ... 続きを読む

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

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

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

UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 | Web担当者Forum

2014/05/28 205 users Web担安田英久 Web担当者Forum アドバイスプロ

Web担トップ « 編集記事一覧 « UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 UXのプロは、Web担のサイトをどう診断し、どう改善提案を作ったか安田英久（Web担編集長） 5/28(水) 9:00 ツイート解説／ノウハウ | ユーザビリティ／ペルソナ／I... 続きを読む

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... 続きを読む

危険！Webユーザビリティ３つの間違い・落とし穴

2014/04/15 449 users 落とし穴ボタ概念成果認識

ユーザビリティは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。【事例】１つのボタ... 続きを読む

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

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

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

Animation & UI - YI

2014/04/10 334 users コックピットグラフィックコンピュータディスプレイ視点

2014-04-09 Animation & UI ロボットアニメを見ていると、コックピットやコンピュータのディスプレイ等、デザインされているモニターグラフィックスが気になってくる。単純にかっこいい悪いという視点もあるし、私は特にグラフィックの勉強をした訳ではなかったので知らなかったのだが、ヤコブ・ニールセン博士のユーザビリティの五原則などに則って見る視点もあるようだ。　ロボットアニメのUIについ... 続きを読む

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

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

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

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

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

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

(1 - 25 / 107件)

次の25件 »