もっとも注目されたUIデザインのテクニックの総まとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 これまでの中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of the Best by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 細いフォントは暗いカラーにする 2. 長いフォームは常にラベルを上部に配置する 3. ボタンのラベルは一貫性を保つ 4. 不要なテキストでフォームのUIを乱雑にしない 5. フォームはインタラクションの後、すぐにフィードバックを提供 6. 次のステップの情報を提供する 7. CTA用にカラーを1つ確保しておく 8.
2022年、もっとも注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロの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デザインのKPI例：ユーザーエクスペリエンスの測定方法を学ぶ（Kateryna Mayka, Eleken, 2021） - 体験とデザイン、スタートアップについて
www.eleken.co ユーザーエクスペリエンス（UX）は、ウェブサイト、アプリケーション、またはプロダクトの設計と使いやすさに焦点を当てています。優れたUXとは、ユーザーがそれほど困難なく問題を解決したり、ニーズを満たしたりできることを意味します。これは、ユーザーの満足度を高め、コンバージョン率を向上させ、ビジネスコストを削減することにつながります。 しかし、UXの良し悪しを決めるのはユーザーであることは、誰もが知っていることです。では、あなたやあなたのデザインチームがすべてを正しく行い、プロダクトが素晴らしいユーザー体験を提供しようとしていることを理解するには、どうすればよいのでしょうか？ ここで役に立つのが、UXデザインのKPI例です。Elekenはプロダクトデザイナーのチームであるため、KPIパフォーマンスの測定は、プロジェクトでの作業における構成要素の1つとなっています。UX
noteの「あつ森」UXライティング解説が大反響！ naoさんに聞く、UXライティング力の鍛え方 | キャリアハック（CAREER HACK）
noteでの「『あつまれ どうぶつの森』の世界観をつくるUXライティング」をはじめ、UXライティング解説記事が反響を呼ぶ「nao」こと宮崎直人さん。じつはユニコーンの仲間入りを果たしたテック企業「Paidy」で働くUXライター・コピーライターだ。彼が考える、UXライティングとは？そして、その鍛え方とは？ 【前編】noteの「あつ森」UXライティング解説が大反響！ naoさんに聞く、UXライティング力の鍛え方 【後編】「あと払い」をリードするテック企業「Paidy」が、UXライターを採用。宮崎直人が広げる言葉の可能性 コピーライティングとUXライティングの違いとは？ もともと宮崎さんはコピーライターとしてキャリアを積み、現在は、Paidy（ペイディ）にてUXライティングにも実務で関わっていると伺いました。そもそも「コピーライティング」と「UXライティング」の違いとは？ ここは私のなかでは明確
リコー経済社会研究所 | リコーグループ 企業・IR | リコー
「あれっ！こんなところを間違えてるよ」―。パソコン画面上で何回も確認して間違いがなかったのに、紙に印刷すると原稿のミスが...。こんな経験はだれにでもあるが、その理由がよく分からない。 画面よりも紙のほうが、間違いに気がつきやすい。これは今まで何となく経験してきた真理だ。新型コロナウイルスの感染拡大に伴い、リモートワークを始めてからは、より一層それを強く感じる。リモートワークではプリンターが無かったり、あってもその能力不足で印刷に手間取ったり。だから、紙でのチェックを怠りがちになり、ミスが生じて後で大きなしっぺ返しを食らう。 もちろんできる限り間違いを減らし、仕事はスムーズに進めたい。紙と画面それぞれにおける、脳の働き方の違いなどを調べた上で、両者の使い分けを考察してみた。 「分析」の紙vs「パターン認識」の画面 メディア批評の先駆者、カナダのマーシャル・マクルーハン（1911～1980年
高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと - AUTOMATON
ホーム ニュース 高評価アクションゲーム『Celeste』開発者が、“手触り“に関する極意を明かす。プレイヤーにストレスを与えないように取り組んだこと 現在PC/Nintendo Switch/PS4/Xbox One向けに販売中の『Celeste』。山登りと自己発見をテーマにした2Dアクションゲームである本作は、何度も死にながら少しずつ歩みを進める歯ごたえあるゲームプレイが特徴だ。一方で、キャラクターの操作性の良さにより、また絶妙なレベルデザインも手伝って、何度も挑戦しているうちに突破できそうだと感じさせてくれる。 キャラクターの操作性は、コントローラーを通じてプレイヤーが直接感じ取ることになる重要な部分。その“『Celeste』らしい手触り”はどのようにして実現させたのか、本作のディレクターMatt Thorson氏がいくつかのテクニックを紹介している。 コヨーテタイム A short
Sankaku Channel（海外の画像投稿サイト）のタグの仕組みが凄い
まあ正直このサイト自体は、無断転載と著作権侵害の巣窟だし、勝手に広告ポップアップするしで全然褒められたサイトじゃないんだが、 タグの取り扱いに関してだけは本気で感動したので紹介したい。 他のサイト（ニコ動とかpixivとか）もこういう仕組みになってくれないかなあ。 タグ数に上限が無い本当に無制限ってことはないだろうが、見かけ上の上限は無い。少なくとも50個くらいは付けられる。 キャラ名や作品名、シチュや場所を表す言葉から、キャラの人数、ポーズ、付けている装飾品の隅々までほとんどタグ化されている。 pixivなんかでよくある「好みの絵を探したいけど俺の好みはタグで表されない！」的な現象はほとんどあり得ない。 タグに属性がある作者名や作品名やキャラ名には「Artist:」「Copyright:」「Character:」といった専用の属性をタグに付与することができ、これが付いているとタグの色が変
私の考えるプロダクトマネジメントとUXデザインの関係
2019/2/26 BIT VALLEY -INSIDE- Vol.6 @Leveragesでの登壇のスライドです。 発表の内容をnoteにしてますのでこちらもご参照ください。 https://note.com/taketetsu1982/n/n2e431592eade https://atnd.org/events/103410 BIT VALLEY -INSIDE- Vol.6 ハッシュタグは #bvinside 渋谷界隈にオフィスを構える企業による合同勉強会のコミュニティ、BIT VALLEY -INSIDE-。 参加はオープンなので渋谷以外の企業の方も参加いただけます。 第6回はレバレジーズ株式会社にて、マーケティング、ユーザエクスペリエンス（UX）、プロダクトマネージメントをキーワードに、領域におけるスペシャリストの方々にお話いただきます。 後半はライトニングトークスを行います。
良質なデザインのための10の原則＆10のチェックリスト
Murielは熱心なユーザーリサーチャーであり、デザインの編集者。ユーザーのニーズや要望を見つけ出し、そこにある「ギャップ」を埋める解決策を見出すことをやりがいにしている。加えて遠隔教育やeラーニング分野など学習のデザインにも関わっている。 あなたはどんなタイプのデザイナーでしょうか？ デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか？ または、０から創作を始めた後でチェックリストを使って分析する方がお好みですか？ あなたが安心するのは、未来を見据えるときか、過去を振り返るときか、それとも完璧主義なため過去も未来もどちらも見据えるときでしょうか。どちらに当てはまるとしても、この記事はあなたに役立つでしょう。 自分らしくあれ。自分以外は皆に取られてしまっているから ―Oscar Wilde 制約を設けてデザインするタイプか？ 多くの人は、制約は創造性の邪魔をすると
「誰にも使われない機能を持つ製品」が生まれてしまう2つの理由 デザイン会社 ビートラックス: ブログ
2019年1月のある日。いつものようにベッドで寝転びながらTwitterを見ていると、あるメディアのツイートが目に止まった。 ＜スマホと連携する、最新スマート冷蔵庫を発表。価格は40万円台。＞ ある家電メーカーがインターネットに繋がる冷蔵庫、いわゆるIoTの冷蔵庫を発表したようだ。特徴的な機能は、スマホで庫内の温度調整や運転状況の確認が出来たり、スマホにドアの閉め忘れなどを通知してくれること。専用アプリを使ってカメラで食材の画像を撮影すれば、庫内の食材管理も可能だという。 「いったい誰がこんな機能使うのだろうか」これが最初に抱いた正直な印象であった。“急な来客が決まった際に外出先から庫内を急速冷却するなどの使い方”という説明が書いてあったが、そんなシーンの主語になるような人物像が思い浮かばない。ドアの閉め忘れは「ピーピー」というあの不快な音がすべてを解決しているのではないか。 食材管理も、
「5人でユーザテストすればユーザビリティ上の問題のうち85%が見つかる」の元ネタ論文を解説する｜Mikio Kiura / ANKR DESIGN
Webサービスやアプリなど開発や運用に関わっている方であれば、こんなことを耳にしたことがあるのでは無いでしょうか？ 5人でテストを行えば、ユーザビリティ上の問題のうち85%を発見できるこれらは業界的にはある意味で常識ですが、色々話を聞いてみると、この常識の「出処」あるいは「根拠」ってあんまり知られていないようなのです。 もちろん、ちょっと知識のある人であれば、ユーザビリティ業界の第一人者であるヤコブ・ニールセン博士が提唱したというところまでは知識として知っているでしょう。しかしながら、その元ネタとなった論文を実際に読んだ人、あるいは85%という数字の根拠やその条件について理解されている方はどの程度居るのでしょうか。 ということで本記事では「ユーザテストは5人で85%」の元ネタである下記の論文について、解説、と言うとちょっと大げさかもですが、概要を紹介してみたいと思います。願わくば、この記事
コミュニティサービスを考える時に意識したい「パケット型」と「グルーミング型」の違い : けんすう日記
コミュニティ大好き！ 僕は、インターネット上でのコミュニケーションサイトを作るのがとても好きなのですが、「アンサー」というiPhoneアプリを作ったこともあり、最近そのあたりについて、また詳しく考えています。 コミュニティサービスを作る時に、いつも読みなおす名著があります。「アーキテクチャの生態系」という本です。 2ちゃんねるやニコニコ動画、mixiなどについて、社会学的な切り口で批評している本で、本当に素晴らしいです。 さて、この中で特に最近注目しているのが、コミュニケーションの種別です。 一般的にコミュニケーションとは、送信者と受信者の間でなんらかの「内容（メッセージ）」がやりとりされるモデルで考えられています(コミュニケーション論では、郵便物が配送されるのにたとえて「小包（パケット）モデル」とも呼ばれます)。 しかし、九十年代後半以降に現れた若者のデジタル・コミュニケーションのスタイ
弊社における不適切な通知に関する御詫び — mikan
各位 平素は弊社アプリ「英単語アプリ mikan」をご愛用賜り、誠にありがとうございます。 11月27日に弊社アプリ「英単語アプリ mikan」に通知されました内容につきまして、 多くの皆さまにご不快な思いとご迷惑をおかけしましたことを御詫び申し上げます。 通知開封率をあげようとするあまり、不適切な内容の通知を配信してしまいました。 配信直後にユーザーの皆様からご指摘を受け、事態を重く受け止めて配信体制を見直し、 新たに通知の配信ポリシーを策定いたしました。 ・ユーザーを大切にしよう。 ・誰かが不快な思いをしてしまう内容はやめよう。 ・プッシュ通知を受けてよかったと思える通知を送ろう。 今後は上記ポリシーに沿い、よリユーザーの方々に満足いただける通知を配信いたします。 改めまして、今回の件につきまして皆さまをお騒がせしておりますこと、心より御詫び申し上げます。 2017 年 11 月 28
【絶対タメになるから見てください！】世の中にある面白い法則まとめ50選！！"完全版" - 男子社会人のひとりよがり
こんにちは！わたMANです！ 世の中には〇〇の法則といったようなものが沢山あります。 例えば物理の世界で言えば、オームの法則や万有引力の法則。 化学の世界で言えば、質量保存の法則やアボガドロの法則。 これらは学校で習うものであり、誰しもが聞いたことあると思います。 しかし世の中には多くの人に知られていない法則がまだまだ存在します。 この記事を読めば、 「この現象って〇〇法則って言うんだぜ」とドヤ顔で言うことが出来ます。 そんな法則を頑張って50個集めたのでぜひ学んで帰ってください。 1~10 1.メラビアンの法則 2.ディヘイの法則 3.ハインリッヒの法則 4.ジャネーの法則 5.カルマの法則 6.限界効用逓減の法則 7.ボッサードの法則 8.スキットの法則 9.松竹梅の法則 10.決定回避の法則 11～20 11.マーフィーの法則 12.ズーニンの法則 13.ピーク・エンドの法則 14.
Web界隈で最近気になるWebサービスとか集めてみた【2017年8月版】 - Brian'z Imagination
インターネットに触れている時というのは、大抵ひとりのときだ。 ここ半年くらい、おかげさまでいろいろな人に出会い、ブログを書くのも疎かになってしまったけれど、またひとりになる時間が増えそうなので、またブログを書き始めようと思っている。 さて、今夏の池袋はサウナのような状態になっているけれど、人混みに負けず冷房を効かせたサンシャインシティの一角で、コツコツと収集していたWebサービスをおよそ1年ぶりに紹介していこうと思う。 海外編 Topol.io Topol.ioは無料から始めることができるかっこいいデザインのHTMLメールが作成できるエディターだ。 デスクトップベースで、豊富なテンプレートを選べば簡単にセンスのいい画像入りのメールを作成することが可能。 Matte Mockups Matte MockupsはCSS3をベースにしたiPhoneやiPadなどのモックアップだ。 画像埋め込み型
UXデザインの基礎知識と参考になる記事5選
UXデザインは重要とよく聞くけれど、具体的になにをすればいいのかわからない…という方は多いのではないでしょうか。もしUXデザインの本当の意味を誤解していたり、軽視してサービスをデザインしていたりすると、理想的な効果をあげられないどころか、むしろ悪評が広まってしまうなんてこともありえます。 UXデザインを理解するためには「UXデザインにはどんな定義があり、どんなものを指すのか」を知らなければなりません。そこで今回は、UXデザインを学びたい方のために基礎知識と参考になる記事をまとめました。UIとUXの違いやUXデザインをするためのポイントを解説していますので、UXデザインの学習の参考に活用していただければ幸いです。 UXデザインの基礎知識 まずはUXについての理解を深めましょう。 UIとUXの違い UX を語る上でまず外せない問題が、UIとUXを混同している方が多いことです。UI / UXと表
バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
UX and UI Design Guide for Clients and Designers
『16種類（45カテゴリ）の業界150サイトの調査から分かるスマートフォンサイトUIの現状10選（スライド付）』へのコメント
