キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
【心理学から学ぶUXデザイン】デザイナー必見の5つのルール
Webデザイナーにとって、経験は重要です。しかし、経験のみに基づいてデザインを考えるのは、リスクがあるかもしれません。 たとえば、Webサイトを大幅に再設計してはならないという原則をご存知でしょうか？ あるいはまた、閲覧者が男性の場合と女性の場合とで、Webデザインはどのように差異化させるべきでしょうか？ Webデザインには、何十年もの研究と心理学実験に基づいた心理学的アプローチがあるのです。 以下では、心理学に裏付けられたUXデザインのヒントを、5つご紹介します。 1．可知差異に関するウェーバーの法則 過去5年間にFacebookを使用していた人は、デザインがあまり変わっていないことを知っていますね。3,500億ドル以上のメガ企業であるFacebookなのですから、この3年間で多くの変化があってもおかしくなかったはずです。にもかかわらず、 Facebookが、そしてFacebookだけで
心理学から学ぶ！心地よいUXデザインを作る方法
心理学や神経科学からUXデザインを良くする方法について紹介。ユーザー体験を最大化するためにUXは欠かせません。1990年代のインターネット初期の事例から現在に至るまでWebサイトのデザインなどどう変遷してきたのか、必見です。是非ご覧ください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Design School Canvaのブログ記事を、Design School Canvaより了解を得て日本語翻訳し掲載した記事になります。
デザインの確かな知識が身につく！Webサイトやアプリのデザインの勉強になるスライドのまとめ
実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fukatsu 実践的なUXデザインとインタラクションデザインの考え方 from CyberAgent, Inc. UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015 from Sociomedia アクセシビリティからはじめる、WebサイトのUXデザイン from Yoshinori OHTA いいデザインのために組織の一人ひとりができること f
最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]
便利なシステムを生み出し、ユーザーの感動体験に欠かせない「UI/UX」。デザイナーとしてお勤めの方はもちろんのこと、IT業界に関わっている・関心があるなら積極的に学んでいきたい分野です。 今回話をうかがったのは、人気IT企業におつとめのデザイナーの方々。「UI/UX」について学び考える上で、おすすめの書籍を教えていただきました。 ご回答いただいた企業はこちら 1 グリー株式会社 2 GMOインターネット株式会社 3 GMOペパボ株式会社 4 ピクスタ株式会社 5 株式会社ブラケット 6 ヤフー株式会社 7 株式会社リブセンス グリー株式会社 細川菜々恵さん スマートフォン向けアプリ開発を担うスタジオ「Wright Flyer Studios」にて、Art UI UXチームのUI/UXディレクターを務める細川菜々恵さん（以下、細川さん）。UI/UXを学ぶにあたり、おすすめを教えていただきまし
![最前線IT企業のデザイナーたちが参考にしてきた「UI・UXの良書」とは | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f819e6fb65420c2b090598b7c6ca5eefd67194b/height=288;version=1;width=512/https%3A%2F%2Fp.cdnanapi.com%2Fr%2F2015%2F11%2F05%2F16%2F5dd1174c-ae44-4a73-aa5b-9b981c8e5b1e.jpg)
フラットデザイン： 起源、問題、フラット2.0のほうが望ましい理由
フラットデザインとは2012年ごろに広まったWebデザインのスタイルである。それは広く今も利用されているが、過度な利用は深刻なユーザビリティ上の問題を引き起こしかねない。フラットデザインによって発生するユーザビリティ上の最大の課題の1つに、クリック可能な要素のシグニファイア不足がある。フラットデザイン2.0は、それに対する優れた解決策を提供してくれる可能性がある。 Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users by Kate Meyer on September 27, 2015 日本語版2015年11月2日公開 フラットデザインは人気のあるデザインスタイルで、Webページのグラフィック要素に、光沢感や立体感という視覚効果を利用しないもののことである。それは多くのデザイナーからWeb
Apple Watchアプリを作るべきかUIUX評価雑感 | fladdict
事前レビュー「UI考（番外編） AppleWatchについて、あまり語られてない視点」の続き、週末に使ってみた雑感。 通知マシーンとしての素晴らしさ 通知マシーンとしては文句なく素晴らしい。手首に対する自然なノックからはじまる通知と確認のプロセスは、ミニマルで合理的に設計されている。Facebookのメッセンジャーやカレンダーなどとの相性は抜群だった。 全てをぶちこわす致命傷 いっぽうアプリのプラットフォームとして考えた場合、これはまだ実用に達していないと判断した。おそらく一番致命的な問題はレスポンスの遅さだ。 Apple Watchの謳う最大の価値は、「携帯を取り出すより楽」なことと「グランサビリティ（一目瞭然性）」だった。ところが実際触ってみると圧倒的に遅い。これはiPhone本体とのBT通信が全てを台無しにしているためだ。 例えばグランスやアプリを使用する場合を考えてみよう。アプリ利
VASILYデザイナーが選ぶ、アプリデザイン効率化のためのツール7選 | 株式会社VASILY(ヴァシリー)
VASILYデザイナーチームが、アプリデザインを行う際に使用しているアプリやツールをご紹介しますプロダクト開発においてスピードも重視するVASILYでは、効率的・効果的にデザインを行えるよう様々なツールを活用しています。 今回は、これまで使ってきた中でオススメのアプリやサービスをいくつかご紹介したいと思います。 プロトタイピングをつくる アプリ制作は、 - どこからどこへ遷移するのか - どのようなアクション・アニメーションで遷移するのか など、実際に動いているものを検討してみないとわからないケースが多いものです。 実装後、「やっぱこれって変じゃない？」とならないためにも、VASILYではプロトタイピングでの確認・検討を必ず行うようにしています。 POP https://popapp.in/jp/ ［iPhone / Android］※2015年3月12日現在 POP（
デザインには直感とデータどちらを採用すべきか？ デザイン会社 ビートラックス: ブログ
求められる結果に対して最良のプロセスを導きだすのがデザイン、及びデザイナーの仕事。では、数字として結果に繋がらないデザインに価値は無いのであろうか? どんなに見た目が良いデザインでも売り上げに繋がらなければ優れたデザインとは見なされないのか? 逆にどんなに美しく無くても、クリック数やコンバージョンの高いページや広告は素晴らしいのであろうか？ このような議論はデザイナーの間では普遍的にかわされている。 場合によっては「見た目のクオリティーを犠牲にしても良いのでとりあえず問い合わせ数のアップするページをデザインして下さい」等の依頼がクライアントから来るケースも少なくは無い。 クライアントの目的を果たしたいと思うと同時に、素晴らしいデザインを世の中に生み出したいと感じているデザイナーの立場からすると常につきまとうジレンマである。 そもそも優れたデザインを施す必要性がどこにあるかを考えた時に、端的
アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのUIデザインの参考になるスライド10選
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
新着記事