Webアクセシビリティことはじめ【おすすめ資料5選】｜akane
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜ざっくり知ろう」からご覧ください。 ※今回は、デジタル庁等の引用元にならって「障害」の表記を使用します。 ※noteの内容に誤りがございましたら、お手数ですがコメントやSNS等でご指摘いただけると幸いです。 はじめにまずは、Webアクセシビリティに関する基礎知識の整理からスタートします。最近よく耳にする「合理的配慮」のことも振り返ります。 WebアクセシビリティとはWebアクセシビリティとは、文字通りWebサービスにおけるアクセシビリティのことです。 アクセシビリティは「アク
非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色
値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。｜アプリマーケティング研究所
値段の「¥マーク」を小さくしたら購入率が大きく改善された。機能は「体験」で成果が激変する。10周年の「メルカリ」に聞く新機能の開発の裏側。3つの成功施策。 10周年を迎えた「メルカリ」さんを取材しました。 株式会社メルカリ Product Manager 塚本 佳実さん、UX Design Manager 宮本 麻子さん「メルカリ」について教えてください。塚本： 「メルカリ」は、国内最大手のフリマアプリです。2023年の7月にサービス開始からちょうど10周年を迎えました。 直近のアクティブユーザー（MAU）は2,200万人以上に、四半期のGMV（流通金額）は2,500億円以上に到達しています。 累計だと30億品以上が出品されていて、販売の速度でいうと「1秒間に7.9個の商品が売れている」というデータもあります。 この10年間でのトレンドの変化としては、取引されている「ブランド」にも変化が出
参考にしたいデザインが秀逸な404エラーページ11選！
「404エラーページ」とは、Webサーバーの中に指定されたURLに対応するデータが無い場合に、ページデータの代わりに「404 Not Found」というメッセージを返すWebページのことを指します。「404」はエラーの番号であり、http・https通信において発生するエラーの404番という意味です。主に、以下のようなケースで表示されます。 ブックマークとして登録していたWebページがリニューアルなどでなくなった Webページにあるリンク先がリニューアルなどでなくなった URLのタイプミスで正しくWebページが表示されていない Webページにあるリンクの記述が間違っていて正しくWebページが表示されていない pdfや過去のカタログなどに記載したWebページがリニューアルなどでなくなった MAツールなどで設定していたナーチャリング メール内のリンクがリニューアルなどでなくなった 今回ご紹介す
スマホサイト WEBデザイン集 AGT smartphone design gallery
スマホ向けWEBサイトデザイン集 AGT smartphone design galleryは、クオリティの高い、スマートフォン対応Webサイトを集めたギャラリーサイトです。
スマートフォンサイトのデザインリンク集 sps collection
sps collectionは技術的・デザイン性に優れたスマートフォンサイトを掲載しているデザインリンク集です。スマートフォンからも閲覧可能です。
SANKOU! sp | スマホ向けWebデザインギャラリー･参考サイト集
コーポレートサイト ブランドサイト ECサイト･オンラインショップ キャンペーン･特設･プロモーションサイト ポータルサイト･メディア･情報サイト プラットフォーム･コミュニティサイト 採用サイト･採用ページ ポートフォリオサイト スタイリッシュ ユニーク 遊び心がある･作り込まれている イラストを使用 3D表現･3Dイラストを使用 シズル感･訴求力のある写真･動画使用 写真少なめ･写真以外のビジュアル表現 さりげない動き･動きなし やや動きあり ダイナミック･印象的･細やかな動き 日本語メイン ノーコードツール｢STUDIO｣で制作 PC版もスマホ特化･モバイルファースト Web･IT･AI･デジタル･テクノロジー･通信関連 サービス･アプリ･ツール 病院･クリニック･歯医者･医療 学校･教育･幼稚園･保育園･スクール 金融･投資･保険･士業 カフェ･飲食店･食品製造 料理･食べ物･飲み
「孔明の罠」のようなドア、押すのが怖いエレベーターのボタン…… デザイナーが選んだ「バッドデザイン賞」候補が衝撃すぎる
ブログ「酔いどれデザイン日誌」管理人で、デザイナーのおりさん（@ori_io）が公開した「バッドデザイン賞を勝手にノミネートしてみた-2017年度版-」というエントリが衝撃的すぎると話題になっています。あくまで個人が選んだものであり、「ジョークコンテンツとしてお楽しみください」との断り書きはありますが、公開されている写真はどれもまさに「バッドデザイン」としか言いようのない、すさまじいものでした。 ここでいう「バッドデザイン」とは、「かっこ悪い」「ダサい」などの主観的な評価ではありません。「誤操作や誤認を誘発する」「精神的な不快感を誘発する」といった基準で、使い方を理解しにくく、ときには危険を招きそうな6つの公共物が選ばれています。 「（グッドデザイン賞のように）良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影響を落とす」との考えから「勝手にアワード化
エモーショナルUIデザイン｜kana
はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコンポーネントなどを組み合わせれば、きれいなUIが誰でも簡単に作れる時代になりました。そんな中で個人的に大切にしてきた価値観として、「ユーザーの気持ちを考えて、その気持ちに寄り添った情緒的なUIをデザインする」ということがあります。今回、この記事を書いているのは、その意味や意図を言語化して再利用可能なものにしたいと思ったことがきっかけです。考えながら書いているため、何度かのシリーズになるかもしれません。また、このテーマについて様々な方と対話ができたらいいなとも思っていますので、興味を
配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1
管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その
中身は同じなのに…売り上げが去年の5倍になったクリームソーダの話「料理における『視覚』の重要性がわかる」「デザインの勝利」
オダツトム @odatsutomu ちなみに現在の看板メニューであるブリュレのパフェですが、右は発売直後のデザイン。 今見るとヒドイんですが当時は「良いのができたぜぇ〜」とか思いながら撮影してました。その後線の平行感、イチゴの高さ、赤と白の割合の調整など試行錯誤。 pic.twitter.com/bQbHUNBkCK 2019-09-05 16:41:05
デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer
色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーのセンスがなくても、デザイン的に合った組み合わせが分かります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
お探しのページは見つかりませんでした。 | ヤマト運輸
https://www.ana.co.jp/404/
Web Design Clip [WEBデザインのクリップ・リンク集]![Web Design Clip [WEBデザインのクリップ・リンク集]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5f481647ac1eb2cd87c65cb220881cb5c1c55bf/height=288;version=1;width=512/http%3A%2F%2Fwebdesignclip.com%2Fimg%2Fogp.png)
https://developer.apple.com/jp/design/human-interface-guidelines/
ベテラン技術者「IPhoneは技術的に新しい所はないのに…」→実は最先端技術が駆使されていたが、認識されなかった
【デザインの敗北？】「これを看板に採用した者に呪いあれ！」エレベーターのピクトグラムが紛らわしくて人生終わりかけた
ソシオメディア | UIデザインパターン
