デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま

「あったらいいな」が集まった、日本で一番性教育に特化した無料イラスト素材集サイト。避妊具・性感染症・生理・LGBTQ＋・産婦人科・赤ちゃんなどのイラストを取り揃えています。一部医療監修済。

YouTube でお気に入りの動画や音楽を楽しみ、オリジナルのコンテンツをアップロードして友だちや家族、世界中の人たちと共有しましょう。

Recommended by grape SHOP By - grape編集部 公開：2021-08-31 更新：2023-11-10 キッチングッズプレゼント桜梅猫

みなさんはUXをはじめとする、デザイン業界で利用される用語の定義を誰かに説明した経験はありますでしょうか？ 特にUXという用語は、さまざまな文脈で利用され、定義が曖昧になりやすいために説明が難しいかと思います。本記事では、UI、UX、UXデザイン、人間中心設計、デザイン思考、ユーザビリティという用語を説明します。 用語の定義が曖昧なまま、プロジェクトを進めてしまうと、メンバー間で認識の齟齬が発生する恐れがあります。お互いの期待値が擦り合っていない状態で進むことで、のちにトラブルになる場合も少なくありません。Goodpatchではクライアントワークを行っているため、用語の使い方は意識的に気をつけています。 私は、定義があいまいな用語は、少なくともチーム内、プロジェクト内、企業内では定義をはっきりさせておくことが重要だと考えています。UXなどは色々な解釈ができるため、プロジェクトごとに検討、定

アップロードしたその場で自動データチェック、お待たせしません！ プレビューも表示されるので仕上がりも安心です。

現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS

This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

今回は、Web制作の現場でも使えるようなユーザビリティテストの方法をご紹介します。 アクセス解析を使ったものではなく、あくまでもサイトの構造の問題点を洗い出す方法です。 そのため、それにいたる細かい基本部分についてもかなり大胆に触れてます。 試験をする前に、どのような観点からサイトを見て行く必要があるのかと言うユーザビリティの原則から、試験方法、試験の結果からの問題解決にむけて、私がこれまで行ってきている仕事の一部をご紹介します。 Webユーザビリティについて：目次 書き出したらとまらなくなりましたが、これでも結構情報削りすぎたかなぁというのはあります。 私の仕事について方法を学べばユーザビリティテストは出来る最大の原則はユーザーに考えさせない事たった一人でも試験をするほうが100倍ましになるユーザーの視点を理解する箇所法則1「長いテキストを最初からよし見ようとは思わない」法則2「長たらし

はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として

デザインには、工業デザイン、グラフィックデザイン、服飾デザイン、 建築デザイン、照明デザインなど、様々な分野があります。 それらすべてのデザインは、物事の本質をしっかりと見出し、 そこに工夫を加えることで、さらなる使いやすさ、美しさ、 心地良さを実現することを目的としています。 つまりデザインとは、人とモノ、人と人との関係を「より良くつなげる」ための 観察・思索・知恵・行動のプロセスです。 デザインあは、私たちの身の回りに当たり前に存在しているモノ・コトを こうした「デザイン」の視点から徹底的に見つめ直し、斬新な映像手法と音楽で表現。 こどもたちにデザインの面白さを伝え、 デザイン的な視点と感性を育む一歩となることをめざしています。 2012年　プリ・ジュネス テーマ賞 2012年　ピーボディ―賞 2015年　日本賞 幼児部門最優秀賞 2017年　アメリカ国際ビデオ・フィルム祭 幼児部門ゴ

Webディレクター/デザイナーtakasyiのウェブログ。日々の出来事や関心ごと・映画・写真・フットボール・Mac・Webデザインなどを中心に日本の片隅から細々と絶賛配信中。

アニメ『魔法少女まどか☆マギカ』などを手がけたシナリオライターの虚淵玄（うろぶち・げん）氏は2012年1月29日、ニコニコ生放送「小池一夫のニコニコキャラクター塾！」に出演し、『まどか☆マギカ』におけるストーリーの発想法について語った。 「小池一夫のニコニコキャラクター塾！」は、作家で漫画原作者の小池一夫氏が、漫画家やクリエイターをゲストに迎え、新時代のキャラクター発想論を考えようという番組。 小池氏がかねてから称賛し、「虜になった」という『まどか☆マギカ』。小池氏は、漫画制作では初めにキャラクターを作り込むことを信条としているが、虚淵氏によれば、『まどか☆マギカ』はキャラクターよりむしろ、ストーリーを重視して作ったものだという。 その傾向が顕著に表れているのは、ストーリー序盤の展開。小池氏は、漫画では「最初の7ページでキャラクターが立っていないと読者が離れてしまう」と考えるそうだが、『ま