実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
都合の良いUIデザイン〜わがままで怠惰で理不尽なユーザーのニーズに応える10のポイント〜｜SOMPO Digital Lab デザインチーム
こんにちは、SOMPO Digital Labデザインチームのデザイナーの金（https://twitter.com/seikei_kin）です。普段はUIデザイナー・ウェブデザイナーとしてサービスやプロダクトの開発・設計に携わっています。 突然ですが、みなさんは真面目で、協力的で、積極性があって、物覚えがよい方でしょうか？あるいは最新のアプリの動向に詳しく、それらを使いこなせるリテラシーを十分にお持ちでしょうか？ 果たして自分はどうかと振り返ってみると、少なくとも自信をもってそうであるとは言えないのが正直なところです。なまけものかつわがままで、物覚えや察しも良くなく、実際、馴染みのないウェブのサービスやアプリを利用する場合には、些細なことでつまづいたり悩んだりした結果、途中で嫌になり諦めてしまうこともしょっちゅうです。 そして、実は私のようなユーザーは決して少なくないのではないでしょうか
「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない！」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。Read less
【翻訳】UXデザインのKPI例：ユーザーエクスペリエンスの測定方法を学ぶ（Kateryna Mayka, Eleken, 2021） - 体験とデザイン、スタートアップについて
www.eleken.co ユーザーエクスペリエンス（UX）は、ウェブサイト、アプリケーション、またはプロダクトの設計と使いやすさに焦点を当てています。優れたUXとは、ユーザーがそれほど困難なく問題を解決したり、ニーズを満たしたりできることを意味します。これは、ユーザーの満足度を高め、コンバージョン率を向上させ、ビジネスコストを削減することにつながります。 しかし、UXの良し悪しを決めるのはユーザーであることは、誰もが知っていることです。では、あなたやあなたのデザインチームがすべてを正しく行い、プロダクトが素晴らしいユーザー体験を提供しようとしていることを理解するには、どうすればよいのでしょうか？ ここで役に立つのが、UXデザインのKPI例です。Elekenはプロダクトデザイナーのチームであるため、KPIパフォーマンスの測定は、プロジェクトでの作業における構成要素の1つとなっています。UX
Goodpatch流再解釈「デザインの5段階モデル」｜Goodpatch Blog グッドパッチブログ
Jesse James Garret氏がおよそ20年前に提唱した“The Elements of User Experience”は、日本では通称「UXの5段階モデル」と呼ばれ、長年にわたり多くのデザインの現場で引用されてきました。わたしたちもこのモデルのお世話になっていた立場ですが、新たに「デザインの5段階モデル」と称し、より応用の効きやすいかたちでの再解釈と発展を試みています。今回はGoodpatch流再解釈である「デザインの5段階モデル」について、オリジナル版との違いと発展させた部分、そしてその背景を簡単にご紹介します。 「UXの5段階モデル｣（オリジナル）改め、 ｢デザインの5段階モデル｣ （Goodpatch再解釈）と称し、オリジナルからの破壊的変更はなるべく行わずにいくつかの再解釈と発展を試みています。モデルの抽象度合いを5段階に区切る発想とそれぞれの名称はそのまま継承し、特定
100 UI/UX Tips & Tricks
What this book is about?For the whole year, I've been tweeting and collecting UI/UX tips. I end up with more than 120+ of them. Not all of them are good, some are controversial, some are opinionated. So I removed the worse and compiled the rest in 100 tips that I put in a few categories. Almost every tip has an illustration, as well as a description. Apart from that, I tried to provide some extern
デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
UI/UXデザイン独学3ヶ月目までに読んだ本（書籍）をまとめてみた｜浦川たろう｜note
UI/UXデザインを独学中の浦川たろうです。独学3ヶ月目に突入し、今回はこれまで読んできた書籍をまとめてみました。 Kindleで持っているものも含めて、一度は目を通して読んだ本ばかりを紹介します。 誰も教えてくれないデザインの基本あるデザイナーさんのTwitterの呟きで、この書籍が良いというのを知って次の日に購入してきました。 スマートフォンアプリやブラウザ上のデザインではなく、チラシ・ポスターなどのいわゆる紙メインのデザインについて書かれている書籍です。 「それでは、UIデザインにあまり関連がないのでは？」 いえ、そんなことはありませんでした。 文字（書体）の選び方からレイアウト方法、写真やイラストの使い方などは、デザイン初学者の私からするとタメになる内容ばかり。買ってよかったと思います。
これからはじめる『ゼルダの伝説 ブレス オブ ザ ワイルド』 | 任天堂
「この先はどうなっているんだろう」「あそこに敵が見えるけど戦いたくないな」「とにかく高く登りたい」「道なんて知らねぇ、直進して目的地に進む」全部叶います。 セミ的な冒険者さん 31歳 女性 基本高所への移動は面倒なだけです。しかし、『ゼルダの伝説 ブレス オブ ザ ワイルド』では案外楽しい。どう行けば登りきれるか、とか今度は薬を多めに、とか眺めとか、新たな発見とか。 lzさん 18歳 女性 ひとつの場所に行くルートや、謎解きをする方法もさまざまで、とても考えることが楽しかったです。また、とても自由度が高く自分がしたいと思ったこともほとんどでき、とても楽しかったです。 岩ちゃんさん 15歳 男性
UXにおけるビジュアルデザインの5つの原則
スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 日本語版2020年12月17日公開 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断できる（なぜならば、こうした判断は、Don Normanのエモーショナルデザインのモデルでいうところの、本能レベルで展開されることが多いからだ）。しかしながら、レイアウトが視覚的に魅力的である理由を言語化できる人はほとんどいない。だが、優れたビジュアルデザインの原則をグラフィックに活かすことで、エンゲージメントを促進し、ユーザビリティを向上させることは可能である。 ビジュアルデザインの原則は、
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
Goodpatch Design Advent Calendar 2020 - Adventar
株式会社グッドパッチ所属のデザイナーたちが「デザイン」をテーマに記事を発信いたします。 今年は職種の垣根を超えて、デザインに関わる様々な分野—UX、GUI / OOUI、HCI、グラフィックデザイン、ブランドデザイン、ソフトウェア設計、デザインシステム、エンジニアリング、設計ツール、設計論、フレームワーク、チームビルディング、事例紹介、失敗談、トレンド、趣味嗜好、考察等、さまざまな事柄を扱う予定です。 お楽しみに！ Goodpatch UI Design Advent Calendar 2018 Goodpatch UI Design Advent Calendar 2019 姉妹カレンダー・エンジニアリング版： Goodpatch Advent Calendar 2020 – Qiita
「B」と「S」ってそもそも何？ 最新車のシフトポジション 正しい使い方を知っていますか - 自動車情報誌「ベストカー」
最近の日本車のATやCVTでは、昔よく見かけたL（Low）ポジションや変速比の高いギアを選択、解除するOD（オーバードライブ）ポジションもほとんど見かけなくなった。 代わりにBやS、あるいはMポジションを採用する車種が増えてきた。 そもそもBやS、Mポジションって何のためにあるのか? 使ったことがないからわからない、という人も多いのではないだろうか? そこで改めて、ATやCVTのシフトレバーにある、BやS、Mポジションについて解説するとともに、各車種のセレクターレバーの形状、ポジションはどうなっているのか、モータージャーナリストの岩尾信哉氏が紹介する。 文／岩尾信哉 写真／ベストカー編集部 ベストカーweb編集部 トヨタ 日産 ホンダ 【画像ギャラリー】BやSポジションはあるか? 主要国産車のAT／CVTセレクターレバーを写真でチェック!
個人的UIデザインの情報源まとめ
どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドラインはUIデザイナーだったら必ず読んでますよね。 Material Design デザインシステム的な話から装飾、カラーツールなどデザインに必要な話がとてもたくさん詰め込まれているためデザイン学習の教材として非常に優秀です。コンポーネントもユースケースやスペックまできちんと網羅されていて参考になるし、金と手間隙かかってるなあと思います。 Blogもあり、更新頻度は高くないですが面白い記事が多いのでたまに読んでいます。 Human Interface Guidelines こちらはApple
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新｜ryota_funakoshi
【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新 こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から 「どこから画像を引っ張ってくればいいかわからない😭」 「日々の情報収集どうすればいいの？🤔」 という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、「このツールも便利だよ！」というのがあればぜひコメントで教えてください！ 日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「わかりやすさ」を デザインする情報アーキテクチャ必修入門 / Introduction to IA for "Design for Understanding"
体験価値を向上させるUXリサーチのはじめ方｜オンライン動画授業・講座のSchoo（スクー）
http://jjg.net/elements/pdf/elements.pdf
Best UX Infographics | User Experience Research | UX Design
10 Principles for Ethical UX Designs