デジタル庁のサイトやばすぎるwww - Qiita
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ！」官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない！」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。Read less
サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : ユーザビリティ / アクセシビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入
破壊的なアクションをどうデザインすべきか
赤いボタンは、通常のコールトゥアクション（CTA）に使用すべきではありません。ユーザーはそれを警告と捉えてしまうからです。赤いボタンは破壊的アクションのためだけに使用しましょう。警告をあまり感じさせない寒色系のボタンは、通常のCTAに適しています。 赤いボタンは、ほとんどのユーザーに警告を伝えますが、中には深刻に捉えないユーザーもいます。視覚的な合図を追加することにより、すべてのユーザーに対して、その警告をさらに強いものにすることができます。これは特に、色の違いが見えにくい色覚異常や視覚障害のあるユーザーに有効です。 警告信号をより強力にするために、確認画面に破壊的アクションを表すアイコンを表示しましょう。 たとえば、ユーザーが見慣れている削除のアイコンはごみ箱のアイコンです。このアイコンを目にしたとき、ユーザーは現在行っているアクションを削除と関連付けるのです。 画面上部に赤いストライプ
Color Designer - Simple Color Palette Generator
From Inspiration to Creation: Ignite Your Design Journey with Color Designer Welcome to the most comprehensive color tools platform. Unleash your creativity using color wheel, devise harmonious palettes with the color scheme builder, and create depth with the gradient options. It's a designer's playground. Enjoy exploring!
路線図をゼロから作り直してデザインを学ぶ授業 :: デイリーポータルZ
1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。（動画インタビュー） 前の記事：ビジネスホテルのこだわり大全〜実践編〜 ＞ 個人サイト 右脳TV 路線図で「コミュニケーションデザイン」を学ぶ というわけで千葉大学にやってきた。正確には千葉大学工学部。最寄りはJR西千葉駅である。 門の前で待っていたら歩道をテレビクルーが通り過ぎていった。『月曜からよふかし』の総武線ロケだろうか。 「コミュニケーションデザインⅣ」講義を担当する大森正樹さん。大学教授ではなく、鉄道会社JR西日本の方である。なぜ鉄道会社JRの人が大学で？というのは後ほど。 ひとくちに「デザイン」と言ってもいろいろある。 図形とか模様とかに限らず、建築も衣服もWebも工業製品もみんなデザインだ。「私もサザエさん、あなた
日本の家電の「絶望的な使いづらさ」について | CoardWare Blog
※記事本文やコメント欄は長文ばかりのため、パソコンやタブレットなどの大きいディスプレイで読まれることをオススメします。 スマホのような小さいディスプレイだと「長文全体から意味を汲み取る能力」が大幅に低下するためです（それでもスマホの閲覧を意識して改行を多く入れています）。 追記を３つ行いました。 – 追記1 2017/07/15 – 追記2 2017/07/19 – 追記3 2021/01/20 —以下本文— ふと思い立ち、「国内家電は使いやすいのか」を念頭に入れ、その視点を意識しながら家電を使い、この一年間を過ごしてみました。 なぜそれをするキッカケになったのかと言うと、実家に帰省した際に、「洗濯機」の使い方がわからず挫折したからです。 ちなみに僕は今までにMacもWindowsもLinuxも使ってきており、プログラミングもやってきているので、 平均以上の「マシン」への打たれ強さはある方
【Flat design by Apple】UI/UXにおけるフラットデザインのこれまでの経緯と現状を解説する
2016年のUI/UXにおいてフラットデザインがなぜこれほどまで流行しているのかを考えたときに、最も大きな影響を与えたものは、間違いなく2013年に発表されたAppleのiOS7でしょう。当時iPhoneの新しいOSとして発表されたiOS7はWebデザインの歴史を大きく変えました。 今はよく見かけるフラットデザインですが、2013年までUXデザイナーは3D風のデザインを作り込むことが当たり前だったのです。 プッシュボタンやメニューボタンは内部のシャドーやエッジの装飾により、いかに立体的に見せるかをしのぎ合っていました。しかし、iOS7が登場したことで、世界のWebデザインはフラットになります。 つやのあるUIはたちまち廃れ、フラットデザインのインターフェイスにしなければアプリが売れない時代とまで言われました。同時に、Webデザイナーはフラットデザインを作ることが多くなりました。アプリのイン
リポジトリ - Strategic Choice
リポジトリ＠オブジェクトリレーショナルメタデータマッピングパターン「仕様」を満たすデータ取得レイヤ。どういうこと？リポジトリは、ドメイン層とデータマッピング層を仲介し、ドメインオブジェクトに対してコレクションのようにアクセスできるインターフェースを提供します。リポジトリにより、クライアントは、「仕様」を満たすコレクションを、クエリオブジェクトやクライテリアを使用することなく、宣言的に取得することができます。どうすれば？リポジトリは、ドメインオブジェクトに対して、データマッパーの検索を隠蔽します。リポジトリは、内部的に『クエリーオブジェクト』を生成して検索を実行し、クライアントには単純な検索インターフェイスだけを公開します。どうして？データマッパーは、ドメインオブジェクトをデータベースアクセスコードから分離する「レイヤ」です。このよう構成の中で、クエリ部分を別途「レイヤ」化することには価値が
佐野研二郎 トートバッグ「フランスパン」の元の撮影者が気づき、デザイン盗用が確定的に - 痛いニュース(ﾉ∀`) : ライブドアブログ
佐野研二郎 トートバッグ「フランスパン」の元の撮影者が気づき、デザイン盗用が確定的に 1 名前： ニーリフト(庭)＠＼(^o^)／：2015/08/10(月) 18:16:23.09 ID:1m1qEWmB0●.net 東京五輪のエンブレム類似問題で渦中の人となっている佐野研二郎氏。その騒動が収まる前に次の騒動が起きてしまった。サントリーのトートバッグキャンペーンのデザインの幾つかが類似、またはほかのデザインや画像そのままだったりしている。 その中の1つ、フランスパンのトートバッグが盗作確定となった。元となった写真は個人ブログに掲載されていたもので、その個人ブログのオーナーがコメント欄で「回転して一部分にしてるんですね・・・。確かに一致しててビックリしました。最初に発見した人はこんなマイナーなブログなのに良く見つけましたねｗ 盗用とは言え、自分もポンパドウル様のパンを撮ってるだけなので、何
Color Hex - ColorHexa.com
ColorHexa.com is a free color tool providing information about any color and generating matching color palettes for your designs (such as complementary, analogous, triadic, tetradic or monochromatic colors schemes). Just type any color value in the search field and ColorHexa will offer a detailed description and automatically convert it to its equivalent in Hexadecimal, RGB, CMYK, HSL, HSV, CIE-LA
デザインという古い枠は死んだ！：日経ビジネスオンライン
川島：石井先生は、マサチューセッツ工科大学（MIT＝Massachusetts Institute of Technology）のメディアラボ（MEDIA LAB）にいらっしゃいますよね。この連載は「ダサい社長が日本をつぶす！」というタイトルなんです。日本の企業が作っている製品やサービスのデザインが、かっこよくなくなってきている。それはなぜなのか、どうしたらもっとかっこよくなるのかということについて、さまざまな方にインタビューしているものです。 石井：「ダサい社長が日本をつぶす！」。凄いタイトルですね。 大前提が間違っている 川島：日本人デザイナーの中には、アウディの和田智さん、ピニンファリーナの奥山清行さん、アップルの西堀晋さんなど、海外の一流企業に籍を置いて活躍してきたデザイナーがいる。石井さんもMITのメディアラボで副所長として、またメディア・アート＆サイエンスの教授として、ハイレベ
Themes - iOS - Human Interface Guidelines - Apple Developer
iOS Design Themes As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you'll need to meet high expectations for quality and functionality. Three primary themes differentiate iOS from other platforms: Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle
優れたUIデザインを作る為に重要なことは何か | Goodpatch Blog
こんにちは、だいきです。 また勉強になる海外のUIに関する記事を見つけたので翻訳してみました！ （この記事は Visual StudioというブログのWhat’s Important in UI Designという記事の翻訳ブログです。） 最近「ユーザーインターフェイスのデザインはオプションでなくなった / “Good UI Design Is No Longer Optional”」という記事が話題となり、 多くのUIデザインは人間の目の構造をもとに作られていると指摘されました。 （参照: “Good UI Design Is No Longer Optional”） ユーザーインターフェースがデザインのオプションでなくなったということは事実ですが、Webサイトの全体像を構築した後下のような質問が出てくると思います。 どんな画面/ フォーム/ ウィンドウ/ ダイアログを作れば良いのか？
「Webデザイン」とはなにか？ザックリ考えてみた（2013年）
「Webデザイン」について今の自分が考えてることを記録として書きました。去年に続き二回目です。タイトルに2013年が入ってるのは時間と共にwebのあり方や自分の考えも変わっていくからです。 はじめに このテーマを毎年恒例にしようとしてたのですが、早くも2回めで躓きそうになりました…。 「Webデザイン」とはなにか？じっくり考えてみた（2012年） 内容は「Webデザイン」の範疇を超えてるのですが、前回と同じタイトルにしてます。ただし、年末年始バタバタしてて時間掛けて考えることができなかったので、”じっくり”を”ザックリ”に変更してます。 また、この記事は2012年の総括や2013年のトレンドではなく、制作者の立場からWebについて今の自分が思ってることをつらつらと書いてます。なので、異なる意見があって当然だと思ってます。 読んでくれた方が「webデザイン」について考える一つのきっかけになっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIの使いづらさにイラッとする！これがフォームで使いにくい最悪なユーザインターフェイスだ -User Inyerface
編集部の「推し」 〜いま読んでほしい記事をご紹介〜 - ライブドアブログ
各種サービス入退会
iOS7でAppleが目指したのは「UIデザインの常識」の再発明である
ColourCode: Color Palette Generator | Toptal®
