「キャンセル」か「閉じる」か： この2つを区別するためのデザイン
この2つのアクションを区別することが、ユーザーの作業が失われないようにするには重要だ。それには、表示画面を閉じる前に変更を保存したり、「×」アイコンではなくテキストラベルを利用したり、アクションを破棄する前に確認ダイアログを表示するとよい。 Cancel vs Close: Design to Distinguish the Difference by Aurora Harley on September 1, 2019 日本語版2020年5月26日公開 はるか昔、「×」は「ここに宝物が埋まっている」ということを示す目印だった。しかし、今日のデジタルインタフェースでは、「×」は宝物の場所を指すのではなく、ユーザーがプロセスをキャンセルしたり、中間の画面を閉じるための方法として機能するようになった。では、その「×」が指しているのは「キャンセル」なのか「閉じる」なのかということはどうすれば確実
電子カルテならではの要望に応えるUI/UX #uxmilk_fest
UX MILK Fest 2019で発表した時のスライド資料です。
UIのお作法。28個の「〇〇できそう感」をまとめました。｜maiokamoto
UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 １、進めそう感 ２、戻れそう感 ３、進めそう＆戻れそう感 ４、開きそう感（ドロップダウン） ５、開きそう感（アコーディオン） ６、開きそう感（モーダル１） ７、開きそう感（モーダル２） ８、カレンダーが開きそう感 ９、メニューが開きそう感（ハンバーガー） １０、検索できそう感 １１、入力できそう感 １２、検索できそう ＋ 入力できそう感 １３、パスワード入力できそう感 １４、パスワード感（強め） １５、間違えた感（エラー） １６、合ってる感（OK） １７、電話かかる感
デザイナーじゃない人がやりがちなデザインにおける間違い | デザイン・広告の知識 | デザイン作成依頼はASOBOAD
デザイナーでない人であっても、プレゼン資料や自身のビジネスを宣伝するための販促物など、様々な局面でデザインを作成する機会が存在するのではないでしょうか。今回はVismeのYouTubeから、デザイナーでない人がデザインを作る場合の注意点について学びたいと思います。※翻訳・記事掲載は許諾を得ています。(Thank you, visme !!) 以下翻訳内容です。 今回は、「デザイナーじゃない人がやりがちなデザインでの間違い」について話していくよ。今日はその中から15個の間違いについて取り上げようと思う。 1.ビジュアルよりも文字を多用している デザイン初心者やデザイナーじゃない人たちが一番やりがちな間違いが、デザインに文字情報を使いすぎるってこと。スライドとかプレゼンとかで使う情報用のビジュアルでよく起きることかな。 どうすればいいかというと、視覚的なキューを軸にそこに主要な要素だけを付け加
認知パターンから考えるesaらしさのデザイン / Thinking esa-like design
DIST.26 「Webサービスの個性を支えるデザイン」で発表させていただきました。 https://dist.connpass.com/event/123241/ https://esa.io
TechCrunch
Two of the biggest groups to oppose robotaxi expansion in California are now formally working together. Teamsters 856, which is tied to one of the longest-standing labor unions in the U.S., and Ridesh With a massive $2 billion reported investment from Google, Anthropic joins OpenAI in reaping the benefits of leadership in the artificial intelligence space, receiving immense sums from the tech gian
個人開発でデザインに苦戦しないための、デザインテクニック | SHINGO IRIE
エンジニアさんでデザインに苦戦している、できない！という声を聞きます。 これまでデザインをつくってきて思うのは、実はデザインはロジカルな部分が多いということ。ある程度コツを押さえると、センスがなくてもキレイに整えることはできます。 今日はそのテクニックについてご紹介していきます。 まず、メリハリ。メリハリは見せたい順番にレベル分けしていくことです。 フォントを大きくしたり、太字にしたり、色をつけたりして優先度がわかるようにします。MENTAの場合、このように大中小でレベルをつけています。 メリハリが無いとこのように見づらくなります。 同じように色を使いすぎたり、要素が増えすぎると見づらくなるので、見てほしい順に全体を調整していくことがポイントです。 色の組み合わせ初心者でもまとめやすいのは彩度を使うパターン。上にように青で濃いものから薄いものと準備してます。これを組み合わせるだけでまとまり
デザインと経営に関する5つのトレンド予測 デザイン会社 ビートラックス: ブログ
Good design is good business. これはかつてのIBMのCEOが行った宣言である。 そしてついにそれが現実になってきている。それもかなり急速に。 数字で表される経営に対するデザインの力米国のコンサルティング会社Motiv Strategiesによると、デザイン的考え方を経営に積極的に取り入れている状況企業16社は、その株価の伸びがS&P 500全体と比べ2003年から2013年の10年間で228%高くなっているという統計を発表した。 また、2018年10月のマッキンゼーによる調査では、デザインを経営に活用している企業は平均と比べ、売り上げの伸びが32%もアップし、株主へのリターンも56%高くなっているという結果が出ている。 上記のデータからもわかる通り、これまでは、”なんとなく良い”程度の価値だと思われていたデザインが、ここにきて具体的な数字としてビジネスへの影響
React NativeとAtomic Designの相性がよくなかった話 – Undefined Engineering – Medium
こんにちは、Undefinedのアプリエンジニアの塚本武志(https://twitter.com/itometeam)です。 弊社ではiOS/Android側のアプリ開発にReact Nativeを採用しています。 React Nativeに限らず、画面数が多いアプリ開発ではViewの管理が開発のスケーラビリティのために重要になります。 React Nativeはまだ新しく、採用しているプロダクトも少ないため、まだ運用のグッドプラクティスがコミュニティに蓄積されていないのが現状です。今回は、Viewの管理についてReactでは一般的になりつつあるAtomic DesignをReact Nativeプロダクトに導入してみてわかったメリットとデメリットを書いておきます。 Atomic Designとは Atomic DesignはコンポーネントをAtoms/Molecules/Organis
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
E-Book | Modeless and Modal
An Event Apart
Home | Humane by Design
Quality Printed Books on Front-End, Design, UX, Accessibility — Smashing Magazine
Amazon.co.jp: ミスマッチ 見えないユーザーを排除しない「インクルーシブ」なデザインへ: キャット・ホームズ (著), ジョン・マエダ (編集), 大野千鶴 (翻訳): Digital Ebook Purchas
プロダクトを最初から最後までいい感じに ～飽和した世界に大切なのはエクスペリエンス!! - #inevitableja night #8 @fladdict @nobsato @taquo 【生データ版｜楽描人カエルン 絵を描くファシリテータ｜note
あなたはデザインを見る目と判断する知識を備えているか、勉強にもなるUIデザイン検定問題 -Can't Unsee
https://www.meti.go.jp/shingikai/economy/kodo_design/pdf/001_02_00.pdf
The missing things about the Atomic Design metaphor
最近のWebサイトやスマホアプリのワークフロー、モジュール型でパターン主導のデザインシステムを学べる解説書 | コリス
Home | Laws of UX
