UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。 モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。 単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。 ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。 「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率

ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション

Abstract + Sketch でUIデザインしている運用チームでFigma導入検討時にまとめたメモ。まだ検証期間中ですが、バージョン間の差分比較がAbstractに比べるとわかりづらいのに対してデザインリーダーが否定的になっている。(2022年追記 : もう別部署なのですがFigma移行してました)自分としてはStyle管理がSketchより好き。運用より新規プロジェクト時に使うのが良いかなと思いました。SketchからFigmaへはデータ移行できても、逆は現状できないので、やはり他ツールにしたい場合は作り直す必要がある...。 ( note初投稿なのですが箇条書きとかテーブル使えないの割と不便ですな... ) はじめにFigmaはインターフェイスデザインツール。複数人が同時編集でき、リアルタイムで作業が確認できるのが特徴。 ブラウザ用に構築されているため、どのプラットフォーム(Wi

海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may

Murielは熱心なユーザーリサーチャーであり、デザインの編集者。ユーザーのニーズや要望を見つけ出し、そこにある「ギャップ」を埋める解決策を見出すことをやりがいにしている。加えて遠隔教育やeラーニング分野など学習のデザインにも関わっている。 あなたはどんなタイプのデザイナーでしょうか？　デザインをあなたのものたらしめる、原則やチェックリストやメソッドはありますか？　または、０から創作を始めた後でチェックリストを使って分析する方がお好みですか？　あなたが安心するのは、未来を見据えるときか、過去を振り返るときか、それとも完璧主義なため過去も未来もどちらも見据えるときでしょうか。どちらに当てはまるとしても、この記事はあなたに役立つでしょう。 自分らしくあれ。自分以外は皆に取られてしまっているから ―Oscar Wilde 制約を設けてデザインするタイプか？ 多くの人は、制約は創造性の邪魔をすると

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 ボタンはインタラクションデザインに欠かせない要素です。ユーザーとシステムの意思伝達において大切な役割を担っています。この記事では、効果的なボタンを作成する際に知っておくべき７つの基本原則について説明します。 １. ボタンをボタンらしく見せる UIを操作するとき、ユーザーは「クリックできる」ものとそうでないものを即座に知る必要があります。ユーザーは、デザインされたすべてのアイテムを解読しなければなりません。そのため一般的に、ユーザーがUIを解読するのに必要な時間が長くなればなるほど、ユーザーにとって使いにくくなります。 しかし、ユーザーはどのようにして要素がインタラクティブかどうかを判断するのでしょうか？　UIのオブジェクトを理解するために、ユーザーはこれまでの経

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注：当記事はあくまで英語におけるUXライティングについての紹介になります。 なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか 多くの場合、プロダクトの開発者は、UIのテキストをプロダク

色は、デザイナーが使う手段の中で、もっとも強力なツールの１つです。同時に、色という概念は習得するのが難しく、また、色の組み合わせは無限にあるため、サイトやアプリに使用する色を決めるのは難しいものです。そこで作業を簡単にするために、カラーパレットを決める際に便利なツールのリストを作成しました。これらのツールを使えば、多くの時間を節約できるでしょう。 この記事では、以下のような便利なツールを紹介します。 インスピレーションを受ける 自分だけのカラースキームを生み出す 判断できるカラースキームを作る １. インスピレーションを受ける 自然 あなたの周りには、たくさんのひらめきの種があります。インスピレーションを受けるには、周りを見回すだけでいいのです。印刷されたデザイン、インテリアデザイン、ファッションなど、魅力的なものがたくさんあります。その中でも、最高の色の組み合わせは自然にあります。美しい

Jobs-to-be-doneは、ユーザーの問題とニーズに重点的に取り組むものだが、適切に作成されたペルソナには、それと同じ情報が含まれていて、さらに行動や態度に関する詳細情報も入っているものだ。 Personas vs. Jobs-to-Be-Done by Page Laubheimer on August 6, 2017 日本語版2017年12月20日公開 はじめに ペルソナは長い間、ユーザー中心デザインプロセスにおける有益なツールであり続けてきた。しかし、近年、顧客のニーズに焦点を当てる新しい手法、Jobs-to-be-done（訳注：「ジョブ理論」とも呼ばれている）が、一定の注目を集めるようになってきている。 定義：Jobs-to-be-done（JTBD）とは、ユーザーが製品を「雇用する」（hire）（すなわち、利用する）とき、彼らはそれを具体的な「ジョブ」（job）のために（

Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で

UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を

This domain may be for sale!

ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての

本書はリーンスタートアップの手法をUX（ユーザエクスペリエンス）に応用させたものです。構築・計測・学習ループをUXデザインに応用することによって、最適なデザインに最短で到達する方法を解説します。開発者やプロダクトマネージャ、マーケティング担当者などデザイナーではない人と透明性のあるコラボレーションが可能になり、部門や領域横断的なチームでも大きな効果を発揮します。エクスペリエンスのデザインに重点を置くことで、プロジェクトの効率化を実現する本書は、デザイナーはもちろん、その他UXに関わるすべての人に必携の一冊です。 THE LEAN SERIESとは エリック・リースがキュレータを務め、各分野の最高の人材が重要なトピックについて執筆した書籍を集めたものです。リーンスタートアップを実践レベルまで掘り下げ、読者がすぐに使える情報を提供します。 本書への推薦の言葉 エリック・リースによるまえがき 監