デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew 興味がある方は、過去分もどうぞ。 2021年、最も注目されたUIデザインのテクニックのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークにデザインする時はホワイトも和らげる 2. フォームのエラーは色だけに頼らない 3. ユーザーが選択したアイテムを目立たせる 4. 細いフォントは暗いカラーにする 5. 次のステップの情報を提供する 6. 最も重要な

こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ（以下、習慣化アプリ）」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知識として頭にいれるだけでは身につかない、実際に作ってみたことで学べた事例をご紹介します。 CTAはメインカラーと異なるものを利用する 色を決定していく時に、ヘッダーや行動を誘導するボタン（CTA）もメインカラーにあわせた色にしていました。 それが左の画像です。ヘッダーと「次へ」ボタンが同じ色になっていて一見まとまりがあるように見えますが、馴染みすぎてしまいCTAであることや強調したい部分がユーザーに伝わりません。 メインカラーとボタンを同じにしてしまうと画面に馴染みすぎてユーザーの

ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで

はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコンポーネントなどを組み合わせれば、きれいなUIが誰でも簡単に作れる時代になりました。そんな中で個人的に大切にしてきた価値観として、「ユーザーの気持ちを考えて、その気持ちに寄り添った情緒的なUIをデザインする」ということがあります。今回、この記事を書いているのは、その意味や意図を言語化して再利用可能なものにしたいと思ったことがきっかけです。考えながら書いているため、何度かのシリーズになるかもしれません。また、このテーマについて様々な方と対話ができたらいいなとも思っていますので、興味を

UXデザイン部 UXリサーチグループでは、2020年10月から半年にわたり、デザイナーや企画者を対象として、"ユーザーをより深く知ること"を目的としたユーザビリティテスト実習を行いました。 運営は社内の専属UXリサーチャーが担い、インタビュー体験を主目的とした"ベーシックコース"、実際のインタビューでの言い回しなどにも言及するような"アドバンスコース"と、それぞれ3カ月ごとで一定レベル到達を目標とした構成です。 なぜ、半年にもわたる実習が必要だと考えたのか、実際に受けてみてどうだったのか――企画担当の坂部、講師を務めた瀧本と、アドバンスコースの受講者であるデザイナーの小倉、サービスデザイナーの高橋に話を聞きました。 「自分がつくったものを、ユーザーがどう思うか」という目の前の問いに、全てのデザイナーが自分で向き合える文化づくりを 「教える」のではなく、一緒に「体験してもらう」機会に 「サー

千葉工業大学 先進工学部 知能メディア工学科　教授 安藤昌也氏（前編）「デザイン」は、今と未来のギャップを埋める方法論 ヒトとモノを巡る冒険 #003 2016.10.04 Updated by 特集：ヒトとモノを巡る冒険 on October 4, 2016, 11:41 am JST Sponsored by ユニアデックス株式会社 「モノ」「ヒト」「サービス」の3つの分野で先進的な取り組みをされている企業様へのインタビューを通し、IoTがもたらす未来とそこまでの道筋を描きだすことに挑戦する本特集『ヒトとモノを巡る冒険』。第3回目はUX、人間中心設計などの研究を軸に、経験価値創出の取り組みを推進する千葉工業大学 先進工学部 知能メディア工学科　教授安藤昌也教授に、ユニアデックス株式会社 山平哲也が、お話をうかがいました。（構成：WirelessWire News編集部） 安藤 昌也（あ

(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、その デザイン を担当することになったのです。 大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜

連載目次 Webデザイン初心者に向けて、機能的なWebサイトを作るポイントを解説する本連載。今回は、「ペルソナ」を作成するときのポイントを解説します。 ペルソナとは何か ペルソナデザインとは「顧客にすべき典型的なユーザー像」を明確にすることです。名前や年齢、学歴や勤め先、ライフスタイル、交際相手など、できるだけ具体的にユーザーを定義します。そうして出来上がった人物が「ペルソナ」です。 ペルソナを定義すると、ユーザーの人物像がはっきりし、Webサイトをどう使ってもらいたいか戦略を立てやすくなります。

近年、注目を集めている「UXデザイン」というワード。 UI（ユーザー・インターフェース）やIA（情報アーキテクチャ）を内包しつつ、その深層でユーザーの体験価値（＝ユーザー・エクスペリエンス）を高めるストーリーを設計するというこのデザイン手法はいま、ITの世界においてもネットサービスの競合優位を図るための手法として注目を集めていますが、言葉や概念、理想だけが先行して話題になっているのも事実です。 そこで、国内では数少ないUXデザインを専門に行うスペシャリストが集まる、株式会社リクルートテクノロジーズの「UXデザイングループ」でマネージャーを務め、多くの成果を上げている秋澤大樹さんに、UXデザインの目的やアプローチ、さらにはネットサービスの未来像についてお話を聞きました。 「ユーザーの体験価値をデザインする」ためにアクションを徹底追及する リクルートグループが提供している人材・住宅・結婚・グル

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

皆様こんにちは、シリコンバレーでUXデザイナーをしているライターのYUKIです。今回はあるひとつのサイトについてUXデザイナーとしての立場からレビューをしてみようと思います。 はじめに 私は友人らと作っていたスタートアップ会社を軌道に乗せるために数年前シリコンバレーにやって来て、現在は某米国の大企業でデザイナーとして働いています。公式な肩書きはヴィジュアル・デザイナーなのですが、実質的にはインタアクションやヴィジュアル両方に携わるユーザー・エクスペリエンス・デザイナーというところです。 LIGでは、かなり個人的な見解で、ユーザビリティに優れていると思ったサイトを説明もふまえながらレビューしたいと思います。 ただ、私が現在持っている知識は本格的にユーザビリティやデザインを学校で学んで得たものではなく、あくまでも実際の現場で働いて得たものばかりなので、「これが絶対に正しい」と思うのではなく、「