タグ別アーカイブ: UX

form-enhancement-tools-04

10 JavaScript と CSS のフォームを拡張するツール

From 10 JavaScript and CSS Tools to Enhance Your Forms

フォームが-ちょうど約すべてのウェブサイトの必須の部分はまだ、我々 は常にあまり atte を払っていません。
その細部に二六三。
いくつかのように、それらを改善するために行うことができます事があります。
検証の追加、定型入力やその他の視覚的なガイド。
それしか表面に傷が。
T彼の最終的な目標は、魅力的で、できるだけ使いやすいようにすることです。
ここでは、10 の無料ツール y です。
ou を使用して、フォームを最高の彼らがすることができます: formbase formbase、CSS/SAS を使用するパッケージフォーム要素に改良された既定のスタイルをもたらすための S。
スタイルは、ブラウザー間で互換性をd は、UX の向上 Foxholder Foxholder は 15 の異なるプレース ホルダーのアニメーションのコレクションあなたのフォームを図る。
ユーザーは、入力操作、アニメーションがトリガーされます。
それはきちんとした wそう、フォーム上の正確な場所彼らができますユーザーが知っていることを保証します。
ダーティー ダーティーです jQueryフォーム フィールドが変更されたときに検出することができますプラグインです。
変更が検出された場合、ユーザーフォームに変更を保存する求められます。
定型入力をフォーム入力データのように日付、電話麻痺ers と超簡単な定型入力を持つユーザーの通貨。
ユーザーが定義した入力を処理するときマスクは、必要な正確な書式を示すフィールドに配置されます。
だけでなくそれはユーザーを表示、必要な形式は、それも確実に入力データが有効であります。
jQuery 検証プラグイン jQuery検証プラグイン フォーム データの検証を支援するための高度なカスタマイズ ツールです。
箱から出して私t には、URL と電子メールの両方の検証がサポートされています。
付属の API を開発者が追加できるようにしても、自身のスピン。
場合、’ より多くの jQuery 検証ライブラリを探して、再このコレクションを見てグローバリゼ-ション。
dependsOn フィールドの依存関係、タスク ユーザーにのみ表示されることを確かめるように最適な検証のことを意味することができますも、それらに関連するフィールド。
dependsOn は jQuery プラグインです。
任意のフォームに依存関係を追加できます。
Choices.js Choices.js を使用して、いくつか追加できます。
非常に魅力的な選択ボックスとテキスト、フォームに機能を入力します。
この軽量、バニラ Javaアクティブ スクリプトを使用して、カスタムの入力テンプレートを作成できます。
ドロップ ダウン メニュー ドロップ ダウンをカスケードをカスケードメニューはユーザーにいくつかのセントを選択する必要のあるフォームが必要な場合の時の最適なソリューションeps。
たとえば、車を選ぶのだと思います。
確認、モデル、年を選択します。
d のように。
Multipicker Multipicker 複数の映像を選択するユーザーの視覚に訴える方法を提供します。
ms (チェック ボックスに似ている) またはリスト (ラジオ ボタンと同様に) 単一の項目。
それは、wi を使用回これらの前述のフォーム要素または HTML 要素も順不同のリストのような。
jQuery のフォームの Pluジンは、jQuery のフォームのプラグインで AJAX を使用する、標準的な HTML フォームをアップグレードします。
プラグイン機能 loフォーム データの送信方法を完全に制御を取ることを許可するオプションの ts。
素晴らしいフォーム Grea を =t UX は偉大に見えるフォームの組み合わせは使いやすいと dat を入力を支援します。
コンバージョン率を向上の結果であります。
あなたの w に上記のツールの 1 つ以上を追加します。
orkflow は、満足のいくまでフォームをもたらすことができます。
ポスト 10 JavaScript と CSS ツール向上のために、フォームはおいたデザイン マガジンに初登場。
関連記事はありません。

アンドレ ・ リベイロとのインタビュー。スクエアのウェブサイトを再設計。

From Interview with Andre Ribeiro. Redesigning the Squarespace website.

人気のホームページビルダー スクエア得たブランドの新しい外観といくつかをもらうことができた設計プロセスについての質問。
スクエア フロント サイドのチーム リーダー、アンドレ ・ リベイロはここで教えてください。
私たちは、ウェブサイトとそれに付属する課題の再設計での冒険について。
1. どのようなワシントン州ウェブサイトを再設計の最大の課題?   私たちの最大の課題は、私たちの期限だった。
番目のe エンド、2016 年までの今年私たちの新しいストラを反映するように新鮮なホームページを開始したいを実現します。
豪州の位置決めと製品の提供。
目標が最初に立ち上がって実行している何かを持っていた私たちの Su の前に、新しいデザインでどのお客様の交流を確認するために 2017年 1 月の週ボウルごと全室のジョン ・ マルコヴィッチをキャンペーンします。
以来、私たちは中にトラフィックの非常に高い量を得るゲームは、任意の大きな変化を事前に徹底的にテストすることが重要です。
我々 は再考しなければならなかったすべて私たちのメッセージング アプローチ、サイト構造、UX; を含むものや工芸品のコピーと sc からの映像わずか数ヶ月でドッキングミスを解消。
もちろん、我々 は QA と実装するだけいくつかのブレークポイントをすべてを持っていたと週間。
2 主な理由は、なぜあなたはあなたのウェブサイトを再設計の決定を下したはなんですか。
  私たち wanちょうど 2 つのエントリ ポイントを新しいユーザーに与えることによって登録の経験を簡素化するテッド: 彼らはいずれかをすることができますドメインを登録することによって開始または web サイトを作成するためにテンプレートを選ぶことができます。
我々 も sou携帯電話で全体的なユーザーの経験を改善するために右側。
次の領域を再考する私たちを率いて: かメインの最初登録-スクエアの主なサービスの一つとしてドメインの登録を提供した後、我々 は我々 の新しい製品のホテルを促進に焦点を当てたスーパー ボウル キャンペーンを開始する準備をしていたng。
 我々、ユーザー ドメイン ストレート f を検索するための迅速かつ著名な方法を作成したいです。
rom のランディング ページです。
結果は、ほとんど含まれて単純なしかし強力なドメイン検索買収コンテンツや機能のもともと我々 のドメインのページにありました。
刷新ショッピング実験ience-我々 はまた、テンプレート ストアを完全にオーバー ホールします。
いくつかのユーザー テストと洞察力のギャザの後認識し当社の顧客サポート チームによって赤、ブラウジング throu のシンプルですより強力な方法gh はテンプレートが必要だった。
私たちの顧客のフロントとセンターを置く-スクエアは、いくつかの回ジョン ・ マルコヴィッチ、レオン ブリッジ、ソフィア Amoruso、ロイ チェなど世界で最高の顧客を eちょうど少数を示すため。
これらのすべての顧客がある我々 が w 感じたような強力で説得力のある話ウルドは、機会を逃していない台座の上に置く、私たちのヒーローはホームページにそれらの機能をします。
3。
あなたのビューで web サイトの再設計で最大の優先事項はなんですか   私たちのメインの一つ目標は私たちの新しいを反映したマーケティングのページを持って、戦略およびメッセージング — ページその could 話深さのすべての混乱または圧倒的な新規ユーザーなし当社の機能製品。
我々 は w提示のさまざまな方法を試してみると同様に映像と言語を更新する anted情報・ コンテンツを販売します。
我々 の焦点は、お客様の経験を高めるためだった。
4。
詳細の問題です。
お気に入り詳細とデザインのデザインの特徴は何か   いくつかのティngs の大好きな新しいデザインについて: ホームページ-新しいの最もエレガントな側面の 1 つホーmepage は、選択した顧客と自社のウェブサイトを表示する新しい手法です。
これらの顧客の肖像ヘマタイトts は彼らのウェブサイトのスクリーン ショットは、拡張機能を自分のサイトにいる感じを作成すると共に、一人の自分。
各注目顧客についてのビデオへの迅速なアクセスを持っていること、深さと c に追加します彼らの話を成田。
テンプレート ストア-ユーザーからのフィードバックを聞いて後に、しましたを追加テンプレート ストアを改善するためにいくつかの機能。
我々 は、デザインをフィルタ リングするより効果的な方法を追加します。
また、nd は、グリッド ビューにテンプレートの簡単な説明をもたらした。
今、ユーザーことができます「心」t相続人お気に入りテンプレートは、後でそれらを参照。
これらの変更、始まりに過ぎない。
私たちプレビュー動画を追加すぐに顧客を置いたテンプレート オプションと我々 も売りさばいています。
g 特別な機能 (例えば、視差効果、検索バーなど) でテンプレートを抽出する能力。
Fiた、私たちは豊かなを構築する探しているし、よりオーダーメイドのテンプレート詳細ページ。
再テンプレート ストア新鮮な考察ユーザー痛みポイントを考慮したデザインのシンプルだが成功例であったts、各人のニーズによって反復処理や機能要求の。
携帯電話-新しい家の設計時にページのドメイン乗っ取り、新しいテンプレート ストアから物事を開始する機会を得て最初、携帯のユーザー エクスペリエンスを大幅に改善。
あなたのドのドメインを検索副は、シンプルだが強力な今です。
同じ利便性は ou を参照している場合にも適用されます。
r テンプレート。
5 は再設計されたメニューを受けるウェブサイト ’ の性能または変換ですか? ・ nbsp; ウェブサイト製品の統一の戦略的なシフトは、私たちのナビゲーションを簡素化することができましたし、したがって、さまざまなアイデアと遊ぶ。
代わりに、伝統的な “ のドメイン、web サイトとオンライン ストア ” ナビゲーション アイテム、私たちだけに頼ることができるとわかりました、“ 取得の開始・ #8221;ショッピング体験ウェブサイトへのメイン エントリ ポイントとしてボタン。
新しい"を検索、ドメイン"入力フィールド ドメインの検索の主な方法になった。
簡素化できるように、ちょうど 2 つの主要エリアへ顧客をルーティングすることにより登録の経験: いずれかのドメインを検索またはテンプレート ストア。
我々 はいくつかの良い結果を持っていた: この新しいナビゲーション パラダイムを起動した後我々両方の検索と私達とのドメインを購入する人の大幅な増加を見た。
6. ある recデザインについて、ユーザーからのフィードバックを eived?   はいしました。
別に多くの A/B テスト我々 はしばしば実行、また詳細なユーザー テスト打ち上げ後数週間のカップルを行った。
我々 は som を持ってください。
e マイナーなデザインのフィードバック、我々 は対処し、速やかにテストします。
ホームページを新しくしました再も全体的です我々 のコミュニティとどのように視覚的に魅力的で、inf を言及するユーザーとの見込み客によって ceivedormative、使い方は簡単だった。
新しいホームページと新しいテンプレート ストア作成より良い私たち小胞体よりも私たちの前の設計は、デスクトップとモバイル デバイスの両方のいずれかが発生します。
続きを読むでアンドレ ・ リベイロ、terview。
スクエアのウェブサイトを再設計。
intuitive-forms-01

ウェブサイトのデザインの直感的なフォームへの 10 のステップ

From Ten Steps to Intuitive Forms in Website Design

あなたのフォームは、あなたのウェブサイト、あなたのユーザーとコンパの両方の最も重要な要素の 1 つny。
その最高の状態でフォームは訪問者との対話し、使いやすい。
良いフォームを奨励 visitoフィードバック、サブスクリプション、予約、および登録のためにそれらを記入する rs. その最悪の形態、re の無骨な移動、およびあなたのページの全体的な雰囲気を損なうは難しい。
我々 はどのように作成を直観アイブと効率的な web サイトのフォームは、どのように彼らは、ビジネス価値の促進と? 1 を読むのも好きかもしれないモバイル デバイス用のフォームを最適化するため 0 メソッド。
Google から私たちのお気に入りの検索を手がかりエンジンは、過去数年間、それは eas をしての名前ですべてのアルゴリズム更新プログラムの多くを見ています。
ユーザーがどのような彼らを見つけ ier ’ 簡単に探して。
最近、Google がしました検索より友人に話すように。
ユーザー今彼らが何を得ることを期待 ’ 再見日常言語を使用しています。
これは web デザインに波及しているし、訪問者期待人間 faコーディングおよび機械学習の ctor。
これは自然言語のユーザー インターフェイスとア ナツの上昇につながったral 言語フォームより人間および魅力的な方法でユーザーの情報を取得することを目指します。
会社シークユーザーを反映するように ’ の伝統的な (と硬い) のプレゼンテーションではなく、s の精神的なプロセス、伝統的なフォーム。
カスタマイズ可能なテンプレートと既成のプラグインは、このがより簡単に作る.ながら、私はntuitive フォームは、フォーム デザインから単調な作業の多くを取る、ベスト ・ プラクティスをまだ決定方法、when は、ユーザーがあなたのウェブサイトのフォームを参照してください。
フォームの使用に関するベスト プラクティスどこでどのように行う我々 pr(とあなたの会社の) ユーザーに最も役に立つ方法で esent フォーム?これらのガイドラインに従ってください。
1. 必要な情報だけを求めるし、最良の形態のための要求ではない論理形式に従う自然言語処理との会話、情報を示しています。
任意の論理の co と同様にnversation、それはあなたのユーザーとあなたのアプリ (または web サイト) 間通信を従う必要があります。
最高スコアを達成します。
: ユーザーから順番に質問 ’ の視点。
これに情報を提示含まれます意味のある、論理方法 (としての会話では、) を確認。
意味のある o がない場合rder、順序はアルファベット順にオプションします。
フォームを作成するときは、理由を尋ねるあなた ’ 各質問再情報とは計画します。
これにより、排除不要な質問との増加。
es ユーザーの注目を維持の可能性。
最も重要なステップは、ユーザーの労力を軽減します。
完了率を折り目。
2. 単一列形式のフォームを含める必要があります使用する必要がある inf情報だけで、それは単一列形式を使用するのに十分な短いを作る必要があります。
水平 adjacent フィールドでスキャンするユーザーを必要とする、“ Z ” 形状を理解が遅くなり、私たちを作成します小胞体の注意が遅れています。
最良の形態完了する明確なパスがある ページをまっすぐ。
ボー温 Tong によってフォームをつける oking。
3. 最小限の入力の数を最小限に抑えるためにあらゆる努力を努力を入力フィールドとユーザー ’ 携帯電話で特に努力を入力必須します。
ドロップ ダウン メニューの b をチェックoxes、およびラジオ ボタンだけでなく、ユーザーのための努力の量を最小限に抑える、またアドレス、特に携帯電話で、入力に固有のエラーの量。
4. フィールドのサイズと入力データを取る手順フィールド サイズを確保するため、データに比例する ’ を要求する再。
エコの最近の研究mmerce ストアは、すべてのユーザーの 79% がチェック アウト時、カートを放棄することを発見しました。
理由の 1 つ?フィールド サイズについての混乱。
研究はことを示したフィールドがあまりにも長すぎたり短の amo必要な情報の unt、ユーザー彼らが適切なフォームを完了するかどうかは疑問に思いました。
これだった特にカード検証コード フィールドにも当てはまります。
お客様の情報は快適なウィットを合うことができるかどうかを必ずヒン指定したフィールド が大きすぎる、小さすぎること。
黒い旗の創造によって支払いチェック アウト フォーム. 5. 形式の柔軟性といくつかの形態別の正しいプレゼンテーションとデータが必要です。
ため例では、電話番号は、123-456-7890、または (123) 456-7890 をすることができます。
書式のすべてのプレを受け入れる電話番号の機能。
同じ誕生日と予約日のために行く (あることができる、s ドロップ ダウン メニュー カレンダー)。
目標は、あなたの u のためできるだけ多くの柔軟なオプションを提供するために、します。
ser ’ s 利便性。
レイシー Ankenman によってフォーム フィールド。
6. オプションと必要なフィールド e を理想的には、フォームのデータ入力が必要になります (以降 ’ のみ必要な情報を求めて再イオン)。
場合はオプション入力を含める必要があります (たとえば、建物単位またはアパート番号アドレス形式で)、必ずラベルをようしてください。
必要な情報の横に赤いアスタリスクが common 練習。
省略可能なフィールドを含める場合は場合、は、1 つまたは 2 つに制限します。
8. リセット E を取り除くフォームにリセット ボタンの追加の規則にエラーが、我々 はこのプラに対して助言ctice。
誤ってにのみ、フォームを完了する欲求不満リセットを想像し、すべてを失う、仕事! ウィンドウを閉じるだけを再度記入だろうか。
そう思っています。
このシナリオを回避します。
フォームをリセット ボタンを残すことによって それは良いことより害。
9. ユーザーを誘惑します。
塗りつぶしをフォームの 1 つに、フォームに記入するユーザーを取得するキーのするようにするのにはそうしてください。
ここでは、どのようにあなたのウェブサイトのフォームに入力するユーザーを誘うことがいくつかの例: 提供フォーム入力のユーザー メリットのリスト。
これは、場合の利点、機能、または方法の一覧がありますあなたは help お客様。
完了時に将来の購入のためのプロモーション コードもあります。
あなたの br を構築します。
’ の声やショーケースの aro の社会的な証拠、たとえば、クライアントを提供することによって s 信用ウント フォーム。
これは、人々 が重要な製品やサービスを提供することに依存して示しています。
この、lso ブランドを人間の接続を作成することができます それをホーム ドライブする写真が含まれます。
教えてください。
明示的なの rs 用語する値のプライバシーと彼らを獲得した ’ t は任意のスパムを取得します。
マルチ Step マイケルが投稿フォーム。
10. 作成魅力的な CTA 行動への呼びかけの重要性をすることはできません控えめに述べられて、それが ’ s 最初変換プロセスのステップし、を打つためユーザーを強要サインアップ ボタン。
ユーザーが何か、なぜ彼らは、必要があります、どのような離れてあなたが設定を把握できる、nd は、すぐにそれを行います。
それは背の高い順だが、これらのヒントは、: あなたに身を置くtomer ’ s 靴。
CTA コンテンツの 1 つの単語を変更する: 取る、“、” で電源を“ 私。
” 最近の研究は、90% がこの増加単純なスイッチ変換を発見。
する大胆です。
色、形状、フォント、単語、およびユーザーを描画の配置を使用して、’ s 目とキャプチャの注意。
あなたの訪問者にアクションを明確に通信する大胆かつ対照的な色を選択します。
メイン ナビゲーションまたはフッターに、CTA を配置するのでそれ ’ s あなたのサイトに表示されます。
直感的なフォーム作成ビジネス値フォームあなたの訪問者を誘惑することができますし、簡単に記録してe は、あなたの web ページに費やす時間が増加を作成し、最終的により多くの顧客をあなたのプロダクトにドライブまたはサービス。
良いフォームの重要性は誇張することが可能です。
フォーム ウィットにユーザーを描画します。
h 魅力的な CTA フォームを自然言語で、ナビゲートしやすいようにと。
これは誘惑、今後より多くのビジネスにつながるあなたのフォームを完了するユーザー。
ポスト 10 のステップウェブサイト デザインの直感的なフォームにおいたデザイン マガジンで最初登場。
関連記事はありません。
icons8-redesign

UX の間違いをそのコスト会社が数百万

From The UX Mistakes That Cost Companies Millions

私の友人は鋼構造エンジニア 彼の会社は巨大な上に置くことに携わってきましたロンドンの象徴的なガーキンのような構造。
場合はありません ’ t はそれが権利を取得し、何かが、数ミリ建物は調子がオフすることができます、結果は巨大な可能性があります。
されてUX デザイナーより少ない圧力を運ぶ? 間違いなく、そう思った。
私たちは私たちのそれぞれのキャリアを説明に使用s、私は人事を設計したソフトウェアはバックアップし、できなかった ’ t はどのように私の悪い意思決定のいずれか可能性がありますを参照してください。
すべての主要な影響があります。
何 ’ s 右、起こりうる最悪ですか? それは本当に依存します。
動を ’ に。
時に、UX の悪い決定は、巨大な影響を持つことができます。
それは、ここで ar を証明するにはe 5 UX 間違いコスト企業 (と納税者) 数百万と最悪のケースで終了人生の完全予防可能な損失。
1. Icons8、Minimalis を持つ彼らのユーザーのほぼ半分を失うt 再設計 Icons8 無料ダウンロード アイコンの数千にアクセスを提供します。
それ ’ s 素晴らしいアイデアとあなた ’ d と思う ’ d 2 つの UX についての事かを知っている、彼らは間違いなく今行います。
で彼らの防衛 彼らは何から起こったの多くを学んだ … 彼らは、UI が変更されたときに使用している人々 の数が 47% 減少を見たの ‘ アイコン リクエスト ’ サービス。
Serv氷ができますアイコンを設計するために投票し、最も多くの票を持つファイルが作成されます、次の日。
彼らは現代、きれいで、実際に少ない intuit のだった新しいインターフェイスを導入アイブ すべての実際の目的はより少なく明らかであります。
元のデザインは非常に明確に、あったこれまでのところ、どのように多くの投票を示すシステムと投票にクリックする場所を投票します。
Als があったo テキスト フィールドのプレース ホルダーのアイコンを要求する方法のヒント。
2 つ目のデザインで、すべて h でelpful のテキストは表示されません。
ユーザーを選択して ‘ 要求アイコン ’ にどのようにそれを参照してください。
プラス、日時はお尻を投票していることを明確に伝えるアイコンごとに緑の番号については何もアドオンとして番号。
最後に、各要求されたアイコンのコメントが表示される、ユーザーが少ないよう他の人を読んで楽しんで、画面下にスクロールする動機 ’ s コメント、そう彼ら are 別探索しにくいが要求されるは、アイコンとそれらのための投票。
彼らが使用するいると言う Icons8学習曲線は、経験 UI を簡素化しようとすると、彼ら実際には、もっとユーザーには複雑。
彼らを示す新しい方法の投票に追加されますを見つけることを計画、説明とメインのページ要求アイコン サービスを表示する、それを隠すことがなく、方法です。
2. ウォルマート没収ドル 1。
ない調べる顧客行動次調査のため 85 m、カスタマーrs を求めた彼らはより少しをしたいかどうか ‘ 整理 ’ ストアにウォルマートは、彼らの顧客に耳を傾けs の時間と根本的に在庫量を削減し、店のお金を費やしてはるかに広い。
ただし、推定 $1 によってストア売り上げ高は急落この結果はまた 85 m。
.プロジェクトに取り組むチームが解雇されたと店に加えられたすべての変更を逆に持っていた。
それは良い彼らが彼らのユーザーに聞いていたが、彼らは主要な質問を求めていた。
Who と思います ‘ なし ’ ドンに乱雑に ’ t は、コンテキストを知っていますか? それ ’ s ないです。
ユーザー調査に基づかない仮説を思い付くしすることができることを期待することをお勧めはい検証/質問はありません。
ウォルマートは代わりに、消費者の行動を検討が必要がありますよう、y 気づいているだろう、たとえば、人々 が店の前で掘り出し物を好むかどの位。
3. UK 政府廃棄物 £12billion、失敗した NHS 患者レコード管理システム 2002 年に、英国に行く国全体を集中管理する楽観的なプログラムに着手した状態 ’ s 患者の記録。
引用の多くの記事で政府の究極としてよプロジェクトが失敗、2011 b に廃止されました。
使用方法、機能と利点の目標を満たすために失敗の身近。
保健長官アンドリューLansley 言ったプログラム ‘ を失望させる国民保健サービス (NHS) と無駄な納税者・ #8217;ローカル NHS、どちらの didn のトップダウンの IT システムを課すことによってお金 ’ t に合わせてニーズ & #8217;.ユーザー調査やテストの必要なレベルが金融の行われていたなさそうです。
この大きな災害 詳細スコープ必要がありますに行われている設計ソリューションが co を確認します。
mpletely フィットのための汎用。
うまくいけば、英国政府は、自分の過ちから学んだ。
2011 年以降政府デジタル サービス (GDS) は、市民との関係を変換に取り組んでいます状態し、最初にユーザーを置きます。
私は実際に 2015 年に戻って GDS 事務所の UX ツアーで行き、だった本当に彼らがやっている仕事に感心。
彼らのユーザビリティ研究室の専門家によって設計されていた、フィールド、クレイグ ・ スペンサーと彼らのチームは、ケイト Towsey を率いられ 誰もが enc つもりだったならUX を真剣に ourage 人二人だろう! 4. 原子力発電所ユーザー悪いインターフェース設計n の結果が部分的炉心溶融、スリーマイル島原子力発電の事故 3 月 2 日8、5 のうち 7 国際核イベント規模が評価された 1979: 事故と Wid小胞体の結果。
機械的な故障があったが、これらは再いない工場のオペレーターによって悪化しました。
認識トレーニングと貧しい人々 の UI 設計の不足状況。
クーラント エスケープ核日時俳優バルブが開いた状態で立ち往生したので これは炉、過熱の問題につながったと放射性ガスのリリースです。
プラント オペレーター時間アラーム、ほぼ半分を提起した、ウランが溶けていた。
幸いにも命を落としたない、しかし、20 マイル ゾーン内で 140,000 人 evacuaリリースされた放射性キセノン 135 とクリプトン 85 のガスによるテッドします。
だから何がメインこの恐ろしい事件の触媒ですか。
それはコントロール パネルの光に降りてきた。
光の示した tリリーフ弁の彼の状態です。
バルブが開くと光がオフかどうか、場合は明かりについていた、バルブがシャット ダウンします。
少なくとも、それが従業員の考えで。
残念ながら、光アウトを行ったすぐにコンピューターを終了するように指示、バルブに信号を送信しました。
バルブだったという事実オープン wasn を立ち往生 ’ 意味 t がインターフェイスでは、示されたその従業員はいます ’ t に警告バルブに問題があったという事実。
この大規模な事件は起こるがあるないのでデザイナーが考えた場合どのようにこの光使用だろうし、確信して作ったのコンテキストのそれ o edバルブが正常にシャット ダウンするとき、nly は出てを行った。
5. 病院カルテ システム強調表示に失敗します。
この場合の緊急情報共有ここでメディアに h がんと闘っていた少女広告、再発し病院に入院しました。
彼女は、強力な化学療法の治療を与えられたその必要輸液と三日間 ed 水分補給します。
3 つの異なる看護師は彼女の後、茶を使用して探していた彼らが管理に必要なそれらに言った rting ソフトウェア。
ソフトウェアの UI はなかったクリアと easy-読み取り、および看護師 IV 水和についての情報を逃した彼女の死因は悲劇的な意味毒性と脱水症状。
だからといって、この少女が死亡したことを信じるように厚くユーザー interface が複雑すぎて読みます。
重要な人々 に警告するために使用できるオプションがあります。
については、例えば色違いコード、フラグ、警告メッセージ、または多分ステップバイ ステップの wiすべての指示をするジョン ・ レノンが正しく続いています。
T から来る貧しい UX の 2 番目の例として彼の医療業界、確かにように思える領域 UX デザイナーとして私たちの助けを必要とします。
Conclusだから何ができる UX デザイナーはこれらのミスタから学ぶようにこれらの物語の重要度を考慮したイオンkes? あなたは 3 つのことを行う場合: ユーザー研究を徹底されることを確認 とは考えないで、knわーどのように何かを使用する必要。
完全なコンテキストを知っているを確認 バックアップ定量的 dユーザー インタビューやフィールドなどの定性調査と調査などあなたの仮定 ata研究。
ユーザー調査の最高の可能なタイプは、自分の最初の手を観察すること。
続きを読むにここで、ユーザーの研究。
既存ユーザーの旅に、設計プロセス全体の問題点を探すs. それはされる可能性がある任意のアイデアが完璧な反復処理する準備するので初めてではないです。
私を通して話すソリューションは、誰にとっても動作を確認するペルソナを使用してチーム全体でディーズ。
使いやすさを実行します。
人々 の数が少ないを使用してパイロットを含む理想的な自然環境の中でのテスト。
ありますか人々 はちょうどドン任意の領域 ’ t を取得または根絶することができます任意の定期的な問題がありますか?誘惑コストを節約する覚えているまたは容易に開発チームのために手抜きをする場合、se の訓話、インターフェイス、ストレスの下で保持し、重力について考えて、どのように考える物事がうまくいかない場合は、影響の ty。
UX の記事の間違いをそのコスト数百万の企業 apおいたデザイン マガジンの最初の状態。
関連記事はありません。