あまりに多くの人が、市場に需要があるかのテストもせずにSaaS（Software as a Service）プラットフォームの開発を始めてしまいます。しかし幸運なことに、成功見込みをテストする方法があります。 あちこちのWebデザイナーや開発者が、素晴らしいSaaSプラットフォームの開発を夢見ています。本業を辞めたり、腹立たしいクライアントとの契約を切れるようになることを夢見ているのです。 しかし、SaaSプラットフォームの開発は大変な心労や時間の浪費、そして多大な経済的損失につながりかねません。私を信用してください、なぜなら私は経験があるのですから。 SaaSの悪夢 私がWebデザインの代理店を経営していたとき、よくSaaSアプリケーションのローンチを空想していました。もう少し安定した不労所得を得ることや、ひどいクライアントの依頼を断ったり、働く相手を選べるようになるという考えが気に入っ

Scottはミネアポリスに住むデザイナーであり、Brain Trafficコンテンツ戦略も主導しています。2010年以来、Webのさまざまな専門家に対してトークショーやワークショップを60回以上開催しています。 この記事はScott Kubie氏の著作『Writing for Designers』の前書きから抜粋したものです。 なんてことだ。ライティングを忘れていた。デザインというものには言葉が必要だった……それもたくさんの言葉が。てっきり誰かが……クライアントがやるのかと……。自分たちがライティングをやらないと。自分たちで終わらせないと！　でもどうやって！？ なんてこと経験はないでしょうか。ご心配なく、私がいます。一緒にライティングをしましょう。最初のステップは、厳しい真実を受け入れること。それは誰かがライティングをする必要があるということです。 ライティング以外はすべてプロセスを構築し

UX Movementの著者および創設者。ユーザー体験においてのデザインのベストプラクティス、スタンダードおよびテクニックを教え、それを広めることでより良いデジタルの世界を作り上げることを目標としています。 入力フィールドは、ユーザーに情報を要求するもっとも一般的なインターフェイスの要素です。入力フィールドにはさまざまなサイズや形状、スタイルがあります。そのような選択肢がある中で、最適なユーザビリティを提供するには、どのように表示すればいいでしょうか？ 強い視覚的な手がかり 最適な表示方法は、入力フィールドの機能と、ユーザーがどのように操作するのかによって決まります。つまり、入力フィールドには、ユーザーが何をすべきか示す強い視覚的な手がかりが必要です。 入力フィールドは、インターフェイスにテキストを入力するために存在します。したがって、ユーザーが視認したらすぐに行動を起こせるように、入力フ

赤いボタンは、通常のコールトゥアクション（CTA）に使用すべきではありません。ユーザーはそれを警告と捉えてしまうからです。赤いボタンは破壊的アクションのためだけに使用しましょう。警告をあまり感じさせない寒色系のボタンは、通常のCTAに適しています。 赤いボタンは、ほとんどのユーザーに警告を伝えますが、中には深刻に捉えないユーザーもいます。視覚的な合図を追加することにより、すべてのユーザーに対して、その警告をさらに強いものにすることができます。これは特に、色の違いが見えにくい色覚異常や視覚障害のあるユーザーに有効です。 警告信号をより強力にするために、確認画面に破壊的アクションを表すアイコンを表示しましょう。 たとえば、ユーザーが見慣れている削除のアイコンはごみ箱のアイコンです。このアイコンを目にしたとき、ユーザーは現在行っているアクションを削除と関連付けるのです。 画面上部に赤いストライプ

アプリはアイデアから生まれ、目的によって具体化されます。私たち起業家やデザイナー、開発者の関心は、最初から最後までスムーズな行程に沿ってユーザーを誘導して、有益な体験を与えることにあります。 あるリサーチによれば、65％近くのユーザーは、アプリ体験が好ましくないブランドを否定的に感じています。したがって決定的に重要なのは、ユーザーが労力を使わずに自分たちの課題の解決策にたどり着けるよう、インターフェイスのデザインをシンプルにすることです。 Gerry McGovern氏は『Usability: Navigation is More Important than Search』という記事の中で、機械に詳しい70％のユーザーはリンクをクリックすることからタスクを始めている一方で、残りの30％は検索から始めていることを明らかにしました。 これを踏まえると、ナビゲーションがユーザー体験でとても重要

最小限の機能を持つミュージックプレーヤーであるiPodシャッフルの生産中止をAppleが決定したニュースを読んで私は少し悲しくなりました。誰もがデジタルミュージックプレーヤーをスマートフォンの形で持ち運ぶ現代では、驚くべきニュースではありません。しかしiPodシャッフルは、ありえないほど素晴らしいデザインのプロダクトなので本当に残念だと思います。この製品の素晴らしさは驚くべきことに、出来ることではなくて、出来ないことにあるのです。説明させてください。 私は長年愛用してきた、ボロボロのiPodシャッフルを日常的に使っています。ジムでiPodシャッフルを使うのは、大切なiPhoneに傷をつけたくないからです。とても軽量で風雨にも耐えるので、ジョギング時にも使っています。また音楽データで貴重なiPhoneのメモリを埋めたくないので、外出時にもiPodシャッフルを使っています（microSDカード

あまりにも多過ぎる情報に晒されると、その先には「情報過労」が待っています。一般的に「情報過労」はコンテンツの管理者に影響を与えますが、誰もが影響を受ける可能性があります。常時インターネットを利用できることは多くの場合ありがたいかもしれませんが、同時に呪いにもなり得ます。 「情報過労（=content fried）」という用語は、トレーナー、リサーチャー、講演者、そしてモチベーターでもあるBeth Kanter氏によって定義されました。 「情報過労」は、過剰な量の情報に晒されているときに起こります。「情報過労」という用語はBeth氏が使い始めた言葉ですが、私はまさにその「情報過労」の症状を抱えています。 「情報過労」かどうかを知る方法 まず初めに、自分が情報過労の症状に当てはまるかどうか、以下のリストを参考にしてみるといいでしょう。 PCは常にオンラインの状態か？　PCの前にいないときスマー

「失敗の話をしよう」 この言葉は過去に例を見ないほど、賞賛されるようになったと思います。Googleで「失敗」を検索すると、「なぜ全ての成功は失敗から始まるのか」「なぜ失敗は成功にとって良いのか」といった刺激的な記事のタイトルが多く出てくるでしょう。また失敗は「早く失敗せよ、多く失敗せよ」のように、リーンUXのアプローチの中でもよく登場する概念のひとつです。 そんな状況の中で、私は革新的な意見を述べたいと思います。 失敗は悪いことです。 そう、それはこんなにもシンプルなことです。失敗を望まないのは人間の直感的な反応でしょう？　失敗を望まないのには理由があります。失敗は良い目標にはなり得ないのです。 失敗を美徳として褒め称えたり、「早く失敗せよ、多く失敗せよ」といった言葉の背景にある考え方を掘り下げている記事を実際に読んでみると、そこでは失敗は素晴らしいものだとは、まったく語られていないと気

Natalyは、ウクライナのSevastopolのWeb開発者で、WordPressとITの執筆に情熱を注いでいます。彼女は自分のLand-of-Webを運営して、制作に役に立つ記事やチュートリアルなどを掲載しています。 デザイナーは彼ら自身を表現しようと常にもがいています。心や魂をプロジェクトに込めることが彼らのモットーです。 すべての仕事、コンセプト、スケッチ、そしてアイコンは、デザイナーの創造力とハードワークから生み出されています。 デザインをあまり知らない大多数の人にとってデザイナーは、ロマンチックで冒険的で、時にはつまらない職業かもしれません。 しかし現実には、自己犠牲を伴う苦職業なのです。 傑作と呼ばれるデザインは、計り知れない努力とブレインストーミングのもとに成り立っています。 さらに言えば、他の職業の人と同じように、デザイナーは締め切りを守り、プレッシャーを克服し、日々の仕

Jordanはビジュアルコミュニケーションに注目し、戦略やサービスデザイン、UX/UIを担当するアメリカのデザイナーです。 Jacob Nielsen氏は多くのデザインパターンを収集し、人間とコンピューターのインタラクションにおけるユーザビリティの構築を指導していました。そして1994年には、それまで学んできたことをユーザビリティヒューリスティックに反映し、それを用いた評価の原則を集めて公開しました。それから25年が経ち、コンピューターがスマートフォンに変わった現在においても、Nielsen氏の唱えた原則はいまだ揺るぎません。 人間中心デザインによってユーザーの重要性に対する認識が高まり、それに応じてデザインプロセスも形を変えてきました。Nielsen氏の唱える原則はあらゆるスクリーンにおいても普遍的ですが、モバイルデバイスの人気が高まり続ける現在、強調すべきはモバイルインターフェイスです

現在のWebサイトは整然としていてモバイルフレンドリーで、さまざまな手段で来訪する方のアクセシビリティを考慮したデザインをされています。しかし、ユーザーから情報を集めるフォームの作成においては、自分たちの選択が間違っているかもしれないと立ち止まる方は少ないでしょう。 Webのフォームでは、「John」と 「Smith」というように、姓と名に分けて尋ねるものがあまりにも多いです。しかし問題になるのは、そのように二分割できない名前を持つユーザーに対して、フルネームや好きな名前を記入する欄を設けていないことです。 姓と名という慣習は、アメリカ人にとっては文化的にも個人的にも大多数の期待に沿っているかもしれません。しかしほかの国々に出身地や家族のルーツがあるユーザーも考慮に入れるなら、多様な文化に敏感になるべきです。少し視野を広げて簡単な調整をするだけで、どのような人にも対応するフォームを作ること

この記事はSpeckyboy Design Magazineからの翻訳転載です。配信元または著者の許可を得て配信しています。 Web Designers: Stop Doing These 5 Unproductive Things Webデザイナーでいることは、時には狂気の沙汰であるように思えます。いつだってとんでもなく忙しいか、ただただ何かが起こるのを待っているかのどちらかです。当然、お金の状況は混沌としています。 ですから、クライアントを満足させるように苦心しなければなりませんし、その上に、最新のトレンドや技術を学び続けなければなりません。どうです、疲れてはいませんか？ 私たちがしていることの中に、全く生産的でない仕事が含まれていることに気づくのは難しいものです。たとえしっかりした意図を持っていたとしても、知らず知らずのうちに自分の首を絞めていることもあります。これを踏まえて、仕事と

Addisonは食べ物やデザイン、アート、カルチャーの融合を模索するブログ、Food Identitiesの著者です。 まず初めに１つ質問させてください。生活の中で使う歯磨き粉、デオドラントやシャンプー、または自動車のオイルに好んで選ぶブランドはそれぞれいくつありますか？　それらのブランドのうち、特定のブランドが他と異なっていたり優れていると考えたことはありませんか？　何度も繰り返し購入したくなるような「お気に入りの」ブランドが、魅力的に見える理由は何でしょうか？　答えはそのようなブランドが持つ「USP」にあるかもしれません。 USPとは、ユニークセールスポイント（Unique Selling Point）のことで、特定の広告キャンペーンが成功する一方、なぜ他のものは失敗するのかといった理由を説明するために1940年代に開発されたマーケティングコンセプトです。 成功したブランドのキャンペー

色は私たちの認識や感情に大きな影響を与えます。正しく使用された場合、その色はユーザーの特定の反応を引き出す事ができます。ここでは下記の理由に則り、赤と緑という２つの色に注目したいと思います。 赤色と緑色はどちらも実用的な色であるため、UIデザインにとって非常に重要です。 UIのアクセントカラーとして赤と緑を使用する、一般的な方法を見ていきましょう。 重要さを意味します。即座に注目を集め、ユーザーに迅速な決断を促す非常に目立つ色です。 赤色はとても高い温度を示す色です。情熱から怒りというような感情が含まれている強烈な色でもあります。 警告または危険を意味します。 赤いライトが点滅している場合、人々は危険または緊急事態を連想します。 エラー表示 赤色は多くの場合、警告や非常に重要で確認が必要なもののいずれかに関連付けられています。そのため、エラー表示について考えるときに最初に思いつくのは赤色で

フォームが複数ページに渡る場合、ステップインジケーターは必要不可欠です。ステップインジケーターはユーザーに対して自分たちが今どのステップにいて、あとどのくらいのステップが残っているかを示す役割があります。 画面上のスペースが限られているためモバイルフォームで、ステップインジケーターを提示することは困難です。デスクトップと同じインジケーターをモバイルフォームで使用すると、可読性と可視性の問題が生じてしまいます。 直線型 vs 放射型 無理やり狭いスペースに各ステップのタイトルを収めると、テキストサイズが小さくなりユーザーが読みにくくなります。さらに一度にあまりに多くのステップ名と番号が表示されるため、可視性も下がります。結果、視覚的なノイズが発生し、ユーザーが現在いるステップを把握することが難しくなってしまいます。 モバイルフォームには放射型のインジケーターを使用してください。こちらの方がユ

私たちの脳の大部分は視覚処理に使われています。人間が処理する情報の90%は視覚から来ていると述べる研究者もいます。 この記事では、視覚情報の１つであるイラストについて述べたいと思います。UIの他要素と同様、イラストも特定の目的のために使われます。イラストをUIで使おうと考えた場合、いつなんのために使う必要があるのかを明確に理解しておく必要があります。 以下ではイラストがユーザー体験にどう役立つのか、３つの典型的な例を紹介します。 １. UIをより具体的にする コンセプトの説明 言葉だけでは、コンセプトを伝えるのが難しいときがあります。特に、コンセプトが抽象的である場合がそうです。イラストはものごとを明確化する力を持ち、デザイナーはこの特性を使うことができます。たとえば、Basecampは現代ビジネスで起こる日々の問題を明示するためにイラストを使用しています。言葉だけのメッセージより抵抗なく

PaulはUXデザイナーであり、デジタルトランスフォーメーションの専門家です。非営利団体や企業のWeb、ソーシャルメディア、モバイルを使ったユーザーとの結びつきを支援しています。 ほとんどのWebサイトはユーザーを説得し行動を促すとき、キャッチコピーに頼っています。それにもかかわらず、多くの会社はキャッチコピーに投資したがりません。 あなたの会社が成功するために、Webサイトはどれほど重要でしょうか？　ビジネスで利益を上げるために、どれほどWebサイトに頼っているでしょうか？ 現在では、Webサイトはビジネスに必要不可欠です。私たちはWebサイトを頼りにして、ユーザーに商品を買ってもらったり、コンタクトを取ったりしています。しかしWebサイトのほとんどのキャッチコピーは、コピーライターが書いたものではありません。私たちは自分たちだけでキャッチコピーが書けると信じて、結局すべてを自作していま

Neilは、イギリスのAstraZenecaで働くUXデザイナーです。現在さまざまなUXデザインのプロジェクトを率いています。 もしあなたがプロの自転車競技に詳しければ、「アシスト（Domestique）」という用語を聞いたことがあるでしょう。馴染みがない人に向けて説明すると、アシストとは自転車競技のチームにおける選手の役割を指します。「Domestique」はフランス語で「下僕」という意味です。 アシストの選手は、水のボトルをチームの車から集めてほかのチームメイトに渡すという役割を担っています。また、チームの車が近くにいないときに先頭選手の自転車が故障したら、自分の自転車や予備のタイヤを渡します。さらに、遅れているメンバーがいれば、先頭集団に追いつくまで彼らを牽引し、追いついたら自分はペースを落とします。このようにアシストの選手は無欲にひたすら奉仕し続けます。決してアシスト自身がレースに

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

アニメーションはユーザー体験において重要な要素です。モバイルアプリ画面のトランジションにおいて、アニメーションで伝えられることはたくさんあります。メッセージ送信、設定画面を開く、チェックボックス、別ページへの誘導などはすべて画面のトランジションです。それらをアニメーションで表現することはユーザーのアクションを促進する効果的な方法です。 この記事ではデザインを引き立たせ、ユーザーとの意思疎通やアクションを促すような効果的なアニメーション事例をレビューしていきます。 システムステータスの表示 何らかのアクションをユーザーが行った際には、そのアクションを受け取り処理していることをビジュアルレスポンスで明確に示す必要があります。アニメーションによるフィードバックがユーザー体験において有益なケースがいくつかあります。 ユーザーの操作に対する「反応」をきちんと返しましょう。ユーザーはシステムがアクショ