並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 1136件

新着順 人気順

アクセシビリティの検索結果1 - 40 件 / 1136件

アクセシビリティに関するエントリは1136件あります。 デザインdesignwebデザイン などが関連タグです。 人気エントリには 『VOICEVOX | 無料のテキスト読み上げ・歌声合成ソフトウェア』などがあります。
  • VOICEVOX | 無料のテキスト読み上げ・歌声合成ソフトウェア

    オープンソースVOICEVOX は OSS(オープンソース・ソフトウェア)版 VOICEVOX をもとに構築されています。 製品版と OSS 版の違いやモジュール構成は VOICEVOX の全体構成 をご参照ください。 ソフトウェア部分は Electron + Vue 、音声合成エンジン部分は Python + FastAPI です。 追加したい・改善したい機能があれば、ぜひ開発にご参加ください。

    • なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita

      なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。

        なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
      • 2020年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ

        こんにちは。コネクト支援チームの@tignyaxです。 みなさま、夏はどう過ごされたでしょうか? 私は、夏が好きなのに今年は夏らしいことが出来なくて寂しいなぁとなっています。。。 さて、今年2020年もエンジニア新人研修を行いましたので、その紹介と講義資料を公開いたします。 2020年のエンジニア新人研修について 基本的には2019年と同じ形*1での実施となりました。 最初の1週間で必修講義をしたあと、新人の皆さんには2週間ずつ3チームを体験してもらいました。 チーム体験のコンセプトは、新人に「興味のあるチームで実際に業務を体験し、配属希望を決める参考になった。」と言ってもらうことです。 各チーム体験では座学や研修を中心にするのではなく、業務体験が中心です。 チーム体験を通して、配属先を検討する材料にしたり、いろんなチーム/人/業務を知ってもらえる機会となります。 必修講義 誰に: 開発/

          2020年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ
        • デジタル庁のサイトやばすぎるwww - Qiita

          はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか?今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ?最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ!」官公庁のサイトですよ?官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ

            デジタル庁のサイトやばすぎるwww - Qiita
          • テクニカルライティングの基本 2023年版

            テクニカルライティングの基本を学べます。業務マニュアル、報告書、仕様書、技術解説書などのドキュメントを書く機会がある方向け。 サイボウズの2023年度 新入社員向け研修の資料です。 Twitter:https://twitter.com/naoh_nak 2022年版(初版):https://speakerdeck.com/naohiro_nakata/technicalwriting

              テクニカルライティングの基本 2023年版
            • デザインが苦手な人へ。デザインの四大原則を押さえれば格段にクオリティ上がるよ→素人が作るチラシや仕様書などにも有益

              カトウヒカル@2/9書籍発売予約受付中! @design_hikaru [デザインが苦手なあなたへ] デザインの四大原則で、あなたの制作物はもっ〜と良くなる。 ➀近接 → 仲間ごとにグルーピング ➁整列 → 透明な線に揃える ➂強弱 → メリハリを付ける ➃反復 → 見やすい統一感 デザインで迷子になったら四大原則を思い出して、基本に立ち戻ろう!! pic.twitter.com/VMQbAVdeiT 2020-01-06 12:52:29

                デザインが苦手な人へ。デザインの四大原則を押さえれば格段にクオリティ上がるよ→素人が作るチラシや仕様書などにも有益
              • これだけは押さえよう!住所フォームの作り方 - ケンオールブログ

                まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース(住所フォーム)は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能(郵便番号による住所補完)は、住所フォームの改善方法として最も効

                  これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
                • ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy|ウェジー

                  ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの「ローソンセレクト」を「L basic(エル ベーシック)」「L marche(エル マルシェ)」の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも「前のデザインの方がわかりやすかった」という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、「非常

                    ローソンPB新パッケージの「わかりにくすぎる」という問題 ユニバーサルデザインの専門家に訊く - wezzy|ウェジー
                  • デザインは、見た目じゃない | NHK | ビジネス特集

                    “シリコンバレーを作った人物の1人”と称され、故スティーブ・ジョブズ氏が頼りにした人物がいる。 レジス・マッケンナ氏。 半導体関連の企業で働いたあと、70年代にみずからのマーケティング会社を設立した、マーケティングのプロだ。 あるときマッケンナ氏は、うわさを聞きつけたジョブズ氏から電話でコンタクトを受け、ジョブズ氏、そしてエンジニアのスティーブ・ウォズニアック氏との打ち合わせにのぞんだ。 相談は「アップルII」(1977年発売)というコンピューターのマーケティングについて。 ジョブズ氏らは、製品についての記事を雑誌に載せる方針を明かした。 マッケンナ氏は、その内容があまりに専門的で、一般の消費者には受け入れられないと感じ、「市場を広げたいなら、自分と同じようなタイプの人たちに発信するのではだめだ。記事は書き直すべきだ」と助言した。 ところが2人はその意見を気に入らず、部屋を出ていってしまっ

                      デザインは、見た目じゃない | NHK | ビジネス特集
                    • 「SEOに強いHTMLの書き方」についての個人的な見解

                      「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ(要キーワード) 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の

                        「SEOに強いHTMLの書き方」についての個人的な見解
                      • 多摩ニュータウンの200年を歩く

                        多摩ニュータウンができて50年以上。総面積約3000ha、計画人口34万人という日本最大のニュータウン計画だったがゆえに、「第四の山の手」から「陸の孤島」「オールドタウン」まで、よくも悪くも世間の注目を浴び続けてきた街だ。 現代の東京に住んでいると当たり前の存在になっているが、「巨大な実験都市」とも言われるように、実は日本史上でも二度とあらわれない、貴重な場所なのかもしれない。 建造物は50年たつと文化財の仲間入りできるというけれど、一方で多摩ニュータウンは生きた街である。東京都は2040年代を見据えた都市計画を立てているらしい。 多摩ニュータウンの過去から未来へ。 これを機に、ニュータウン以前の多摩丘陵の面影、多摩ニュータウン黎明期、バブル~平成の多摩ニュータウン、そして未来の多摩ニュータウンについて…四世代にわけて、実際に歩いてみたい。 多摩ニュータウンのなにがすごいのか 1971年、

                          多摩ニュータウンの200年を歩く
                        • この記事の元の本編は削除しました。|樫田光 | Hikaru Kashida|note

                          これは何かGoogleの Material Design Guideline - Data Visualization  がとても良くまとまっていたので、自分なりに和訳・編集してまとめたものです。 ※ 注意事項 こちらはあくまで、もとのドキュメントを参考に筆者が和訳・編集したものになります。原文の完全な和訳ではなく、抜粋の範囲や、英=>和の際の意訳を筆者が恣意的に行っています。 筆者の意訳・編集による曲解や元のドキュメントでのオリジナルの文意が気になる方は原文を読むことを強くおすすめします。 和訳の公開の可否についてはGoogle社に直接問い合わせています。1 / 原理原則(Principles) データの可視化は、複雑で内容の多い情報をグラフィカルな形式で表現するコミュニケーション手段である。 可視化の結果、データを比較しストーリーを伝えることが容易になり、データの利用者の意思決定の助け

                            この記事の元の本編は削除しました。|樫田光 | Hikaru Kashida|note
                          • 素人が作ったチラシを、プロのデザイナーが作るとこうなる→デザイナーのすごさや、視覚効果の重要性がよくわかる例です

                            丸山 恭右 / TSUYOSHI 連載中 @maruccckey 漫画家。サイコミにて連載中。 『TSUYOSHI 誰も勝てない、アイツには』 (最新18巻 発売中) ◇Youtube:onl.tw/rE7r5Qs ◇Mail:rickey.mk03@gmail.com cycomi.com/title/96

                              素人が作ったチラシを、プロのデザイナーが作るとこうなる→デザイナーのすごさや、視覚効果の重要性がよくわかる例です
                            • 【特集】 Windowsキーを使わないなんてとんでもない!知っておきたいWindowsキーでできる便利なこと7選

                                【特集】 Windowsキーを使わないなんてとんでもない!知っておきたいWindowsキーでできる便利なこと7選
                              • 「コピペできるようになったら神→対応しました」Google、驚異のリアルタイム文字変換の進化

                                Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you. 「コピペできるようになったら神→対応しました」Google、驚異のリアルタイム文字変換の進化2月にβ版がリリースされたGoogle製の音声文字変換(Live Transcribe)アプリ。もともと聴覚障害者のために作られたアクセシビリティ機能だが、精度の高さから文字起こしとしても使えるのではないかと話題だ。来日中のプロダクトマネージャー、ブライアン・ケムラー氏に話を聞いた。

                                  「コピペできるようになったら神→対応しました」Google、驚異のリアルタイム文字変換の進化
                                • 新・えきねっとは誰のためのシステムなのか?|長沢めい

                                  結論から書くと、ちょっと思い当たらない。というおはなし。 そもそも「えきねっと」とはJR東日本の予約サイト。今週末にリニューアルを実施しました。 切符オタクの界隈では「あの切符が発行できない」「売ってはいけないはずの切符が検索結果に出てくる」などなど、いろいろな反応があったようですが、一般の方からすると「鉄道オタクがなんか騒いでいるなぁ」っていう感じかもしれません。私も個々論的なところはあまり興味がないから、そこについては書きません。 じゃあ、ここで何を書くかというと、UIの話をします。鉄道に限らず、いろいろなシステムにも言える話かな、と思ったので。 きっぷを買うまでの道のりが大変先述のプレスリリースには色々と変更点が書かれているんですが、1番目に書かれているのが「列車のお申し込みの操作方法が変わります」という点。 「えきねっと」トップページからダイレクトに、「乗車駅」「降車駅」や「日時」

                                    新・えきねっとは誰のためのシステムなのか?|長沢めい
                                  • 『女性がスカートを履くとは限らないのでは?』に対するピクトグラムをデザインする側の反論「記号には紋切型の表現が必要」

                                    株式会社石井マーク @ishiimark_sign 所謂ピクトグラムと呼ばれる図記号サインもシルエットを重視したデフォルメの典型にございまして、人の性別あるいは役割・状況を表す際にも悪く言えば「紋切型」の表現を必要とします。 それで良い筈です。 人であろうと「見かけで区別し判断する」が記号の目的であり、それ以上の役目はないからです。 pic.twitter.com/sRnxzIsYtY 2020-07-11 13:43:53 株式会社石井マーク @ishiimark_sign 「①女性はスカートを穿いていると限らないのでは?」 「②妊産婦のお腹がこれ位大きいと限らないのでは?」 というお叱りに対しては、早い話「はい、確かにそうですけどソレが何か?」なのですよ。 面白い事にそうした人は、③人間が2本の足で立てるとは限らないという点にも気付く事もありません。 pic.twitter.com/o

                                      『女性がスカートを履くとは限らないのでは?』に対するピクトグラムをデザインする側の反論「記号には紋切型の表現が必要」
                                    • 「紙に印刷すると間違いに気づく理由」に根拠はない - izumino’s note

                                      「紙」に印刷すると間違いに気づく理由(リコー経済社会研究所)「反射光」と「透過光」の性質の違い。反射光で文字を読む際には、人間の脳は「分析モード」に切り替わる。画面から発せられる透過光を見る際、脳は「パターン認識モード」になるhttps://t.co/Bmfx0Tcr5q— 500drachmas (@500drachmas) 2020年9月15日 これは先月拡散されていた「リコー経済社会研究所」による記事だが、大事なことを先に言うならこの内容に科学的な根拠は何もない。 記事の中身をしっかり読めば、前世紀に行われた研究(つまりCRTディスプレイが液晶へ移行せず、Retinaディスプレイの端末も当然登場していない時代のもの)に対して最新研究のアップデートをしていないし、そもそも「脳科学者」の研究ではないことも分かるはずだ。 話題になっているこれ、本文を読んでもマクルーハンがそう言っています以

                                        「紙に印刷すると間違いに気づく理由」に根拠はない - izumino’s note
                                      • 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ

                                        最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo

                                          【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
                                        • 駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetter

                                          リンク レイルラボ(RailLab) JR東、みどりの窓口7割廃止 「話せる指定席券売機」導入拡大 | RailLab ニュース [配信:2021/05/11 15:41]JR東日本は2021年5月11日(火)、2025年までに管内のみどりの窓口を現在の7割程度まで削減すると発表しました。また... 388

                                            駅のタッチパネル券売機で、一般の人が躓くところはどこにあるのかという疑問に対して様々な意見 - Togetter
                                          • 管理画面のUIデザインにおける20の改善ポイント | knowledge / baigie

                                            私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その

                                            • 問い合わせ率が3年間で半分になった

                                              カンムは現在、Visaプリペイドカードの「バンドルカード」と手元の資産形成に活用できるクレカの「Pool」の2つの事業をやっています。今回はバンドルカードのお話です。 2022年末に過去の問い合わせ率を集計したところ、一番多かった時期と比べると問い合わせ率が半分になってました。(問い合わせ率 = 問い合わせ数 / 稼働会員数) 良きタイミングなので頑張ってきたことを振り返ってみます。

                                                問い合わせ率が3年間で半分になった
                                              • UIのお作法。28個の「〇〇できそう感」をまとめました。|maiokamoto

                                                UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 1、進めそう感 2、戻れそう感 3、進めそう&戻れそう感 4、開きそう感(ドロップダウン) 5、開きそう感(アコーディオン) 6、開きそう感(モーダル1) 7、開きそう感(モーダル2) 8、カレンダーが開きそう感 9、メニューが開きそう感(ハンバーガー) 10、検索できそう感 11、入力できそう感 12、検索できそう + 入力できそう感 13、パスワード入力できそう感 14、パスワード感(強め) 15、間違えた感(エラー) 16、合ってる感(OK) 17、電話かかる感

                                                  UIのお作法。28個の「〇〇できそう感」をまとめました。|maiokamoto
                                                • 2022年におけるフロントエンド開発のベースライン

                                                  LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは4Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは!LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変

                                                    2022年におけるフロントエンド開発のベースライン
                                                  • 2022年のモダンCSS改

                                                    7/27(水)開催の「TechFeed Experts Night#1 〜 Web標準 / CSS / Webアクセシビリティを語ろう」で発表した内容です https://techfeed.io/events/techfeed-experts-night-20220727 スライド内のリンクがクリックできるPDF版はこちら https://drive.google.com/file/d/1fc98v082exdGcCuxS73wEN_Qe2COvdTW/view?usp=sharing 各デモURL ■ 上下左右中央揃え https://codepen.io/tonkotsuboy/pen/qBbpYzj ■ スムーススクロール https://codepen.io/tonkotsuboy/pen/NWyNMOo ■ すりガラス https://codepen.io/tonkotsuboy

                                                      2022年のモダンCSS改
                                                    • ローソンのプライベートブランドのデザインに賛否両論

                                                      LAWSON(ローソン)のプライベートブランド商品のデザインに賛否両論があったのでまとめました。デザイナーの意見、一般消費者の意見、若い子の意見、色々ありますね。個人的には店頭でSNSとかやらない年配の方に意見を聞きたい。かわいいから買いたい?分かりづらいから買わない?みんなはどう思う?

                                                        ローソンのプライベートブランドのデザインに賛否両論
                                                      • 【山田祥平のRe:config.sys】 今こそすべての日本国民に問うIMEのオンとオフ

                                                          【山田祥平のRe:config.sys】 今こそすべての日本国民に問うIMEのオンとオフ
                                                        • 「これ考えたバカなんとかしろ」同じ物を2つ買ったつもりが…ローソン新デザインの味違いカレーを掴まされてたお話

                                                          エリー号 @super_ery @ilovedx3 一応、辛さを示す「炎」のアイコンが増えてるので、表現しようとする努力は見えます しかし、全体のアイコン数を統一させるために、人参とじゃがいもが減ってます。なので、アイコン≠商品特性にです。 結局、デザイン性>>>商品特性 になって分かりづらく訴求力の低い残念な子になってますね 2020-05-31 08:03:59

                                                            「これ考えたバカなんとかしろ」同じ物を2つ買ったつもりが…ローソン新デザインの味違いカレーを掴まされてたお話
                                                          • JRと東京メトロの運休告知のデザイン、何故あれだけわかりやすさに差が出てしまったのか?その考察がおもしろい!

                                                            猫村ゐき (Nekomura Wiki) @lll_anna_lll JRと銀座線、ぼくは銀座線の運休しか記憶になかったわけだけど、デザインの差では。 どちらが移動中の社畜どもに「運休します」という情報を一瞬で理解させる可能性が高いか。 人間は自分に関係なさそうな情報は、詳細を読まない。 pic.twitter.com/bJ86OtiDCI 2019-11-16 16:26:49

                                                              JRと東京メトロの運休告知のデザイン、何故あれだけわかりやすさに差が出てしまったのか?その考察がおもしろい!
                                                            • 生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情

                                                              covid19-twitter-research_01.md 生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情 更新履歴 2020-05-13 追記 継続して観測していて、対応が行われたアカウントの記録などを残している https://twitter.com/bulkneets/status/1259419102851903490 FAQとして「機械が人間の都合に合わせろ」に対する反論を取り急ぎ置いておく 走り書きで書いた https://twitter.com/bulkneets/status/1260524434256879617 https://twitter.com/voqn/status/1259515760986095617 記事下部に、フィードバックなどを追記した。 はじめに この文章は mala (twitter: @bul

                                                                生活と意見: ソーシャルディスタンスなどと称してユーザー名や文章にスペースを挟む行為についての苦情
                                                              • Sign-in form best practices  |  Articles  |  web.dev

                                                                Sign-in form best practices Stay organized with collections Save and categorize content based on your preferences. Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use. If users ever need to log in to your site, then good sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress.

                                                                • Setting「設定です」 Configuration「設定です」 Preference「設定です」/Options、Flags、Properties「俺が、俺達が設定だっ!」【やじうまの杜】

                                                                    Setting「設定です」 Configuration「設定です」 Preference「設定です」/Options、Flags、Properties「俺が、俺達が設定だっ!」【やじうまの杜】
                                                                  • 【接種券は届いたかい!?】予診票間違いあるある

                                                                    着々とワクチンの接種券が届き始めたようですが、現場の方が予診票あるある・接種券あるあるを書き出してくださいました! 基本的に、同封の書類は熟読しましょう……。

                                                                      【接種券は届いたかい!?】予診票間違いあるある
                                                                    • ブサイクなUIデザインを劇的に改善するための10のチェックリスト|Taiki IKEDA|note

                                                                      お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪い例を探すのに苦労しましたが、MoneyF●rwardさんが題材として非常に優秀でした。左右の余白は14~20ptの間で揃えるのが定石です(迷ったら16ptにしておこう)。どうしても左右の余白を持て余してしまうという場合は右の改善例のように中央揃えに逃げるのも手です。 フォントの大きさは正しいか fontサイズはまず、「読ませるテキストの大きさ」を決めてから、それを基準に組み立てていきます。読ませる文字、webでいう<p>タグは14~16ptに設定し、その文字とのバランスを見て<head>

                                                                        ブサイクなUIデザインを劇的に改善するための10のチェックリスト|Taiki IKEDA|note
                                                                      • 「車いすが健常者・二足歩行が障害者」の世界が体験できるレストランに行ってきた もう理不尽すぎて泣きたい

                                                                        もしも二足歩行者がマイノリティーだったら――そんな車いすユーザーが多数になった社会を疑似体験できるレストランに行ってきました。自分の足で歩ける人は、このレストランに入店した途端に障害者として扱われます。筆者はあまりにも胸苦しくて、途中で泣きたくなりました。どんな体験だったのか、レポートしていきましょう。 バリアフルレストランへようこそ! まず、入店前に「車いすユーザーが暮らしやすい環境とは?」を考え、記入するよう促されます。あとで役に立つので、みなさんもここでいくつか考えてみてください。筆者は「段差がない」「商品棚が低い」……などなどを紙に記入しました。 「車いすユーザーが暮らしやすい環境とは?」をみんなも考えてみよう そして、レストランに入店します。レストランのオーナーを務めるのは車いすYouTuberの寺田ユースケさん。「いらっしゃいませー」と出迎えてくれます。ところが入口が低い。二足

                                                                          「車いすが健常者・二足歩行が障害者」の世界が体験できるレストランに行ってきた もう理不尽すぎて泣きたい
                                                                        • 「デザイナーいないんですか?」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている

                                                                          enden @enden_nix これまでも牛丼1杯と半熟玉子頼むだけで16回のボタン操作が必要だったりして異常だったけど流石にこれは無いと思う、個人経営のラーメン屋さんがなんとか導入したとかならまだしも大手全国チェーンの最新型機ですよ???? 2023-04-25 18:04:36

                                                                            「デザイナーいないんですか?」松屋の食券機のUIがどんどん悪化してきたがここに来て『極み』に到着した感が出ている
                                                                          • 3大イラッとくる入力フォーム

                                                                            ペースト出来ないID/パスワード欄 4つに分割されてるクレジットカード番号入力欄 入力した後で記号は使えませんとか言ってくるパスワード欄 あと一つは?

                                                                              3大イラッとくる入力フォーム
                                                                            • なぜ、ハイパーリンクは青色なのか?

                                                                              Mozillaブログより。 エリーゼ・ブランチャード インターネットは私たちの生活のあらゆる場面に浸透していますが、デジタルの世界では当たり前のように使われているものがあります。それは、多くのリンク、特にハイパーリンクが青色であることに気づいたことがありますか? 同僚が何気なく「なぜ、リンクが青いのか」と聞かれた時、私は戸惑いました。2001年からウェブサイトを制作しているユーザ・エクスペリエンス・デザイナーの和tがしは、常にリンクを青くしてきました。私は青の特定の色調を提唱してきました。しかし、「なぜリンクが青なのか」と疑問に思ったことはありません。それはただの事実でした。草は緑で、ハイパーリンクは青です。文化的に、私たちはリンクを青色に関連付けているため、2016年にGoogleがリンクを黒に変更したときには、かなりの混乱が生じました。 しかし今、私は「なぜ、リンクが青なのか」と言う疑

                                                                                なぜ、ハイパーリンクは青色なのか?
                                                                              • ローソンPBデザインがあんな風になったのは、デザインした佐藤オオキさんの自宅を見て納得

                                                                                リンク Webマガジン「AXIS」 nendo、ローソンのプライベートブランド商品の ロゴデザインとパッケージデザインを担当 | Webマガジン「AXIS」 | デザインのWebメディア 佐藤オオキが率いるデザインオフィス nendoは、ローソンのプライベートブランド商品のロゴデザインとパッケージデザインを手がけた。これと合わせて、ローソンの新型コロナウイルス対策のキャンペーンビジュアルも公開した。多くの国内コンビニチェーンには… 6 users 256 リンク Wikipedia 佐藤オオキ 佐藤 オオキ(さとう おおき、1977年12月24日 - )は、日本のデザイナー、建築家である。デザインオフィス 「nendo」(ネンド)代表。 父親の仕事の関係により、カナダのトロントで生まれる。東京学芸大学附属大泉中学校、早稲田大学高等学院を経て、2000年早稲田大学理工学部建築学科を首席卒業。

                                                                                  ローソンPBデザインがあんな風になったのは、デザインした佐藤オオキさんの自宅を見て納得
                                                                                • 業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較

                                                                                  でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… 2021-10-05 18:00:54 Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu… 2021-10-05 15:57:32

                                                                                    業務系システムは『イケてるフラットデザイン』だと使いにくい?現場が本当に必要だった物との比較

                                                                                  新着記事