UXの認識とプロセス

アプリケーションにおけるエクスペリエンスの品質を決定して活用するためのベストプラクティスと新しい方法をお探しの場合は、この専門家によるウェブキャストが最適です。

成績証明書（トランスクリプト）

[00：00：00.000]
同僚ラッセル身長ラッセルありがとう

[00：00：01.920]
ここに来てくれてありがとう q ラッセルはUXです

[00：00：04.230]
デザイナーであり、彼はあなたと彼の

[00：00：05.970]
今日、UXの専門知識を私たちと一緒に持っていきましょう

[00：00：08.970]
始める前にお知らせします

[00：00：10.320]
プレゼンテーションの後しばらくして

[00：00：12.210]
あなたの質問に答える部分なので

[00：00：14.969]
ご質問はお気軽に

[00：00：18.390]
ウェビナーツールをご利用いただければ、

[00：00：19.980]
海とこのウェビナーに注目してください

[00：00：24.300]
録画されているので見逃しても

[00：00：27.210]
何でもレビューできる

[00：00：28.680]
録画した動画へのリンクも共有されます

[00：00：31.980]
PDFにはより詳しい情報が記載されているので

[00：00：34.980]
イベント終了後にこの2つを入手します

[00：00：37.079]
私からは以上です。ありがとうございます。

[00：00：41.100]
本日ご参加いただいた皆様ありがとうございました

[00：00：43.760]
今日はただ話すだけです

[00：00：45.750]
UXと意識とプロセスについて

[00：00：50.969]
UXとそれがどのように機能するかについてお話しします

[00：00：54.510]
さまざまな業界に影響を与える

[00：01：00.220]
長さを明確にする

[00：01：04.989]
ラーゲナソ

[00：01：10.880]
これらすべてを経験したら

[00：01：16.609]
企業はいつか

[00：01：20.390]
ライアンのウーバーを手伝ったり、Spotifyを聴いたり

[00：01：22.859]
私たちもそれを知っていますが、もう一つ

[00：01：27.840]
これらの企業に共通しているのは

[00：01：29.909]
デザインをうまく活用し、

[00：01：33.929]
uxはこれらについてどのように感じているかを関連付けます

[00：01：38.869]
さまざまな企業で、

[00：01：42.270]
経験としては、部屋を予約することくらいでしょうか

[00：01：45.390]
Airbnbで簡単に捨てられる

[00：01：49.349]
Dropbox上のすべてのファイル

[00：01：52.530]
感情はUXと直接相関している

[00：01：58.009]
しかし、あなたは自分自身に尋ねるかもしれません

[00：02：01.020]
これは私が開発している場合に関係します

[00：02：03.719]
社内使用のためのアプリケーション

[00：02：06.509]
肝心なのは、すべての

[00：02：09.780]
最も多くの申請

[00：02：13.130]
一部と先ほど言ったように私たち全員

[00：02：16.730]
それらの申請者Netflixを使用したので、

[00：02：22.480]
ある程度の理解を期待する

[00：02：26.210]
そして使いやすさも

[00：02：29.390]
あなたが元に影響を与えることができる

[00：02：34.070]
ROIなので

[00：02：38.840]
いくつか例を挙げてみましょう

[00：02：45.850]
私が言いたいのは

[00：02：49.080]
ソフトウェアと、もしそれが

[00：02：52.770]
顧客と対面する人が少なくなり

[00：02：57.780]
使いやすいものをオンにします

[00：03：00.860]
開発面でも

[00：03：03.840]
フレックスは計画プロセスに役立ちます。

[00：03：06.000]
後で劇的に説明します

[00：03：09.330]
機能の量を減らす

[00：03：10.950]
アプリケーションを展開する必要がある

[00：03：15.360]
フラストレーションも軽減される

[00：03：17.880]
あなたはそう感じるかもしれません

[00：03：20.490]
単に作るだけでなく

[00：03：23.550]
そこを打つと、なぜあなたが

[00：03：26.730]
エラーが発生し、何をする必要があるか

[00：03：28.320]
続行します

[00：03：31.850]
次は

[00：03：35.720]
異なる専門用語と用語

[00：03：37.700]
UX いろいろなことを聞いたことがあると思います

[00：03：40.880]
物事 UI/UX ユーザーインターフェースユーザビリティ

[00：03：45.140]
これらすべて

[00：03：50.640]
1つとチップをそれぞれに回す

[00：03：56.530]
その他

[00：04：00.270]
まず多くの場合、私が

[00：04：03.390]
私はUXデザイナーです

[00：04：06.540]
彼らはすぐにそう仮定します

[00：04：08.850]
変更する物の色を変更し、

[00：04：12.320]
それは本当です。私はよく物を作ります

[00：04：15.180]
きれいだけど、本当に

[00：04：18.690]
UX全体の最初のステップなので

[00：04：22.830]
スタイリングは実際に処理されます

[00：04：26.660]
CSSと呼ばれる言語を通じて

[00：04：29.970]
カスケーディングスタイルシートの略で、

[00：04：32.430]
カップの色に変わったので

[00：04：36.540]
ボタンを青くするには、

[00：04：39.030]
CSSで色を青にするには、

[00：04：43.830]
蒸し縫いとは、

[00：04：47.700]
企業のビジュアルアイデンティティを

[00：04：52.830]
それはあなたのロゴ、あなたのカップです

[00：04：56.640]
パスええとあなたの印刷をはるかにすべてをオンにします

[00：05：02.340]
分析される

[00：05：04.550]
あなたに合うようにコンパイルする

[00：05：09.370]
アプリケーションは、

[00：05：11.750]
あなたのブランドに合ったアプリなので

[00：05：16.420]
それを翻訳しているように見える

[00：05：19.070]
そうすればスタイルを変更できます

[00：05：24.370]
わかりました。テーマ設定が必要です

[00：05：26.919]
私たちが何をしているかに関連するデザインをすることができますか？

[00：05：28.840]
ご覧の通りです

[00：05：32.800]
まだ半分しか終わっていないし、UI

[00：05：36.070]
デザインとは具体的には

[00：05：39.310]
ページ上のさまざまなオブジェクトを

[00：05：43.810]
ああ、あまりにもあなたを方向づけるような

[00：05：47.650]
あなたはこれで明らかに

[00：05：49.240]
上部のナビゲーション私はこのページにいます

[00：05：52.419]
そして私はこのページに行き、寝たい

[00：05：55.389]
配置はUIのオブジェクトです

[00：05：58.090]
デザインは次にもっと深く掘り下げていきます

[00：06：03.580]
UXデザインとユーザビリティデザインには

[00：06：07.419]
私と関係があるかもしれないが、もっと予約を取る

[00：06：09.669]
ユーザーがアクセスできるように

[00：06：13.330]
高齢者向けのアプリケーションが構築されている

[00：06：16.080]
それは見た目がかなり違ってくるでしょう

[00：06：19.360]
誰かにとっては全く違う気持ちになる

[00：06：23.380]
4歳くらいの子なので

[00：06：26.470]
私たちの要件は、

[00：06：28.240]
さまざまなユーザーグループと

[00：06：29.729]
デザイン

[00：06：32.360]
次はインタラクションデザインです

[00：06：34.719]
ユーザビリティデザインは私が思うに

[00：06：37.340]
物事の人間的な側面としての相互作用

[00：06：40.610]
デザインは、特定の

[00：06：44.840]
オブジェクトは機能するので、例えば

[00：06：47.419]
私たちは皆、ボタンを経験したことがある

[00：06：49.909]
ウェブサイトのボタンの上にマウスを移動すると

[00：06：51.949]
動くと色が変わるかもしれない

[00：06：55.039]
少しだけお知らせしたいのですが

[00：06：58.039]
それはボタンであり、それは

[00：06：59.689]
クリックして、それが

[00：07：03.110]
どこかに連れて行くつもりだ

[00：07：05.090]
インタラクションデザインなど

[00：07：06.889]
機能を追加したい

[00：07：09.050]
インタラクションデザインを使用する微妙な手がかり

[00：07：12.319]
それを達成するために

[00：07：16.710]
そして最後にUXデザインUXデザイン

[00：07：20.450]
私が持っているすべてのものは

[00：07：23.750]
以前に解除されたが、それはまた、

[00：07：28.680]
経験と感動の時間

[00：07：31.170]
何かについてどう感じているかは私たち全員

[00：07：35.010]
一度飛行機を予約したことがあるか

[00：07：37.200]
私たちの生活の中でもう一つ、そしてあなたが行くなら

[00：07：41.730]
予約のプロセスを通じて

[00：07：42.930]
フライトやすべてを事前に予約しますか？

[00：07：46.560]
フライステップ600ドルをクリックすると、

[00：07：50.010]
チェックアウトに行くと、今は700です

[00：07：53.340]
もしあなたが怒るなら

[00：07：54.570]
なぜこんなに高いのか

[00：07：56.400]
それはこれくらいだと思った

[00：07：58.020]
非常に退屈なUXデザインの例

[00：08：01.380]
彼らはあなたにすべてを話してくれない

[00：08：02.790]
幸せを感じるために知る必要がある

[00：08：05.670]
ブランドやプロセスについて

[00：08：08.490]
一般的にはシェルが足りないだけ

[00：08：12.720]
UXとUIデザインのさまざまなレイヤー

[00：08：17.070]
そしてそれらがどのように連携するか

[00：08：20.510]
次は、

[00：08：24.080]
これらを実施するためのさまざまなステップ

[00：08：28.520]
私が今言った用語と

[00：08：31.130]
彼らが参加するプロセスの段階

[00：08：34.340]
再生します。これがループです。

[00：08：39.290]
ビザはそれぞれをグループ化するものではありません

[00：08：43.580]
黒いフレーズは異なるスライドです

[00：08：46.220]
概要を少し説明したいと思いました

[00：08：48.920]
何がその後に起こるのか

[00：08：51.710]
そしてそれは決して決まったものではない

[00：08：54.020]
簡単に低いファイが得られたり、

[00：08：57.080]
中程度の忠実度のワイヤーフレーム

[00：08：59.420]
プロジェクトの準備、またはその逆、あるいは

[00：09：02.600]
ユーザビリティテストはできますか？

[00：09：05.360]
各スプリントでは、これは単なる

[00：09：07.970]
準備するための概要

[00：09：10.250]
次に何が起こるか、最初のステップは

[00：09：15.940]
プロセスはあなたが始める前に

[00：09：20.810]
あなたのプロジェクトはあなたとおそらくあなたが

[00：09：23.420]
プロダクトオーナーか、あるいは

[00：09：26.540]
プロジェクトの開始時に定義する必要がある

[00：09：28.850]
まず最初にいくつかあるのは

[00：09：32.960]
ユーザーグループユーザーグループは、

[00：09：36.350]
mendaxでこのアプリケーションを使用すると、

[00：09：39.140]
すでにこれらに沿って何かを持っている

[00：09：40.910]
行とユーザーの役割と

[00：09：43.100]
何が異なるのかを規定する

[00：09：45.080]
セキュリティレベルと誰が何を見ることができるか

[00：09：49.090]
ユーザーグループではそれについて触れていますが、

[00：09：51.830]
最終的には誰にでも広がる

[00：09：55.070]
ユーザーはあなたが知っているように戻ってきました

[00：09：58.250]
祖父母と子供は本当に

[00：10：01.910]
彼らが何を見る必要があるかを定義する

[00：10：04.040]
年上の人なら何か必要かもしれない

[00：10：06.320]
ボタンが大きくなったので使いやすくなりました

[00：10：10.280]
テキストが十分に大きいことを確認する

[00：10：12.490]
一方、あなたが知っている若い人は

[00：10：15.830]
非常に小さな文字を読みたいので

[00：10：18.740]
飛行アニメーションなどを見る

[00：10：20.360]
そういうわけで、これらは2つの非常に

[00：10：22.550]
誰が

[00：10：25.040]
ユーザーは、あなたがよく知っている

[00：10：28.670]
UXプロセスなどが増えて

[00：10：31.400]
この外ではあなたは知っているだろう

[00：10：34.339]
ユーザーグループは、ある意味では

[00：10：35.660]
ペルソナは、

[00：10：39.639]
人物のプロフィールの偽りの説明

[00：10：42.819]
より理解を深めるために使用する

[00：10：46.309]
次にユーザーフローを関連付けます

[00：10：49.850]
ユーザーを定義した後

[00：10：51.470]
グループを定義する必要があります

[00：10：55.339]
ユーザーが行う必要があることと、

[00：10：58.670]
フォームはユーザーの目的の形で提供される

[00：11：00.949]
それで、あなたがしなければならないことはほぼこれだけです

[00：11：04.069]
ユーザーがウェブ上で何をするかについて

[00：11：09.259]
3つの異なるユーザーグループがある場合

[00：11：10.970]
おそらくクロスオーバーがあるかもしれません

[00：11：14.589]
顧客とマネージャーは

[00：11：18.350]
同じ画面を見て同じことをする

[00：11：20.029]
目的ですが、管理者は

[00：11：22.519]
統計だけ見れば

[00：11：26.149]
誰もがそうしないようにしている

[00：11：27.350]
ああ、ステップを見る必要があるので、それは問題です

[00：11：29.749]
各ユーザーグループごとに定義する必要があります

[00：11：34.269]
それぞれの目標は

[00：11：36.439]
申請の目標は

[00：11：40.340]
ユーザーを定義する必要もあります

[00：11：43.650]
摩擦ええと、ユーザーの摩擦は

[00：11：46.830]
デジタルでは一般的に想定されている

[00：11：50.040]
アプリケーションは摩擦なしで簡単に

[00：11：53.580]
可能ですが、私はすべてのことにおいて

[00：11：57.750]
デザインは、何を考慮するかについてデザインする

[00：12：01.440]
あなたは検討することについて考えています

[00：12：02.940]
あらゆる選択肢と摩擦は

[00：12：05.430]
例えばこの画像のように

[00：12：08.070]
みんなイケアに行ったことがあるけど、歩かされるんだ

[00：12：10.470]
購入できるまでに1マイルほどかかります

[00：12：13.140]
何でもできるし、とても成功している

[00：12：16.830]
ビジネスモデルであり、それは一種の

[00：12：20.100]
これは感覚ですね、多分私はそれが必要なのか

[00：12：21.900]
これは非常にハエです

[00：12：25.830]
ほとんどの人が考えていることの顔

[00：12：28.230]
誰かに正確に何を提示すべきか

[00：12：30.660]
彼らが必要としているのは

[00：12：33.420]
途中で考慮してください。

[00：12：38.580]
ユーザーグループと目標を定義しました

[00：12：41.970]
そしてどれだけの摩擦がどれだけ簡単に

[00：12：45.300]
計画したいタスクを達成する

[00：12：50.370]
大きな機能の部分を

[00：12：53.250]
ユーザーフローを通じてそれらの目的を達成し、

[00：12：57.020]
まず各オブジェクトを一致させたい

[00：13：01.380]
ユーザーの目的をビジネス目標に

[00：13：04.440]
そうすれば、この価値がわかります

[00：13：06.390]
アプリケーションは、そして、ある意味では役立つ

[00：13：07.890]
それを定量化し、ユーザーフローを

[00：13：11.160]
プロセスは、あなたがそれを描くことができるものです

[00：13：14.160]
アウトまたは画像の場合

[00：13：18.120]
私のスライドの右側でそれを行うことができます

[00：13：21.240]
Google Drawingのような

[00：13：23.520]
繰り返してもいいし、

[00：13：27.260]
専門知識は必要ありません

[00：13：30.180]
何でも学んで実践すればいい

[00：13：32.250]
ウェブアプリケーションはたくさんある

[00：13：34.110]
この種のことであなたを助けることができる

[00：13：35.850]
物事のステップを基本的に計画します

[00：13：39.330]
何をする必要があるかを段階的に説明します

[00：13：42.860]
目的の地点に到達する

[00：13：46.320]
これはショッピングカートなので

[00：13：49.320]
各ステップには異なるボックスがあります

[00：13：52.080]
のような

[00：13：53.080]
行動すればダイヤモンドが手に入る

[00：13：55.180]
あなたが知っているのは、

[00：13：58.170]
Minix開発者は

[00：14：02.380]
ご存知の通り、これはよくある質問です

[00：14：04.720]
はい、いいえ、はいの場合、これは

[00：14：06.850]
いいえの場合、何をするか

[00：14：08.680]
それは単なる練習なので

[00：14：11.290]
あなたの範囲を理解する

[00：14：13.930]
機能性と一種の敷設が始まります

[00：14：16.750]
あなたのロードマップの基礎

[00：14：20.650]
アプリケーションともう一つのユーザー

[00：14：24.250]
フローは本当に最初の反復のようなものです

[00：14：26.170]
これらを定義することで

[00：14：29.770]
ユーザーフロー内で繰り返して

[00：14：33.550]
美しくなるまで

[00：14：34.420]
慣れてきたら

[00：14：35.590]
あなたが進歩することに満足している

[00：14：37.480]
サイトマップと倫理の作成

[00：14：42.460]
アジャイルを使っている人はタイプマップが

[00：14：47.590]
基本的にすべてのユーザーフローを

[00：14：50.950]
そして、彼らがどんなページを持っているかを見て

[00：14：53.710]
一般的なので、サイトマップを定義する代わりに

[00：14：55.480]
必要だと思ったら事前に

[00：14：57.370]
そしてあなたは本当に知っていると思っている

[00：14：58.840]
これらの異なる層の

[00：15：01.270]
必要な機能必要なホームページ

[00：15：03.640]
チェックする必要があるダッシュボードと

[00：15：06.580]
サイトマップでは、

[00：15：07.840]
異なるページが接続され、

[00：15：10.780]
叙事詩に関しては、それらから

[00：15：13.900]
ユーザーフローをある程度把握することができます

[00：15：15.610]
大規模な叙事詩だけでなく、あなたが知っている場合は

[00：15：18.130]
これらを2つのユーザーフローに分けることができます

[00：15：20.230]
またはユーザーストーリー次回は

[00：15：24.370]
ワイヤーフレームには3つの種類があります

[00：15：27.250]
ワイヤーフレームの段階と私が言及するならば

[00：15：32.140]
緩いスライドに戻る

[00：15：34.780]
プロセスは通常、低忠実度のワイヤーフレーム

[00：15：38.050]
プロジェクト開始前にやりたいこと

[00：15：40.660]
しかし、あなたのプロジェクトには

[00：15：42.660]
真空統合により簡単に

[00：15：45.850]
最初のスプリントでこれを行うが、

[00：15：50.500]
本当に入ってはいけない

[00：15：53.050]
アプリケーションのページレイアウト

[00：15：55.630]
少なくとも低忠実度はある

[00：15：58.450]
ワイヤーフレームが完成し、

[00：16：01.139]
基本的には最初のステップのようなものです

[00：16：04.799]
あなたの私は基本的にマッピングしています

[00：16：09.959]
視覚的にも

[00：16：12.769]
それぞれの機能に優先順位を付ける

[00：16：16.139]
各ページごとに白紙の

[00：16：19.559]
この種の文章は

[00：16：21.569]
サイトマップとワイヤーフレーム

[00：16：24.179]
各ページをそれぞれ開いて、

[00：16：27.179]
おそらく、私たちは

[00：16：29.999]
ナビゲーションは簡単にできるかもしれません

[00：16：33.029]
主な目的は1つあります

[00：16：35.160]
開放性ボタンからボタンへボタンからページへ

[00：16：37.199]
ページとこれは2番目のようなもの

[00：16：42.029]
ユーザーレベルに応じた反復レベル

[00：16：43.829]
流れがそうであれば、おそらくこれはローカルを取得します

[00：16：46.019]
うまくいかないかもしれないが、これは

[00：16：47.309]
より目立つようになり、機能的にも

[00：16：48.779]
次のステップは何か他のものよりも

[00：16：52.139]
中程度の忠実度のワイヤーフレームなので

[00：16：55.769]
あなたがもう1つのステップを踏んでいる

[00：16：58.139]
あなたのアイデアを繰り返して、あなたはいくつかの

[00：17：01.290]
どのような見た目にしたいかの大まかなアイデア

[00：17：03.419]
低忠実度のメディアのように

[00：17：06.510]
忠実度は通常グレースケールで行われる

[00：17：10.279]
その理由は、私たちが

[00：17：13.470]
みんな、私たちが好きな色で迷ってしまう傾向がある

[00：17：16.139]
色に惹かれるから

[00：17：18.269]
色をつけると優先順位が下がる

[00：17：21.480]
物事にこれを抑制するのに役立つ

[00：17：25.529]
に焦点を当てる

[00：17：29.110]
物が置かれている場所とその

[00：17：31.220]
アプリケーション内で優先順位を設定することで

[00：17：36.440]
簡単にこれを行うことができます

[00：17：39.770]
JPEGのシリーズをPDFにしたり、

[00：17：43.790]
そのようなことを想像することに慣れている

[00：17：46.370]
それを次のレベルに引き上げ、

[00：17：47.750]
それを想像して実際に投げることができます

[00：17：50.810]
疑似クリックエリアは、

[00：17：53.450]
実際にボタンをクリックすると

[00：17：55.490]
流れがどうなるかをもっと感じ取る

[00：17：57.620]
実際のアプリケーションのように

[00：18：01.450]
そして最後に、高い忠実度があります

[00：18：04.029]
ワイヤーフレームとこれはより完全な

[00：18：07.690]
アプリケーションの洗練されたデザインと

[00：18：10.299]
最終的にどのようになるか

[00：18：13.769]
それを発達させた後、警戒心を高めて

[00：18：16.750]
ここで色を見ることができます

[00：18：18.580]
関係を維持し、

[00：18：20.590]
ブランディングやタイポグラフィーなど

[00：18：24.700]
ブランドを構成する要素

[00：18：28.240]
あなたのものであり、私たちはこれを

[00：18：35.380]
2〜3個またはサイズに応じて

[00：18：38.320]
アプリケーションは、

[00：18：41.110]
機能には

[00：18：43.600]
もう少し細かい調整をしたい

[00：18：50.450]
限られた数の高忠実度配線

[00：18：52.820]
これは非常に時間がかかる可能性があるので

[00：18：54.650]
あなたが知っている場合は消費する

[00：18：58.640]
40のスクリーンでこれをすべて行う

[00：19：02.690]
画面は多くの時間であり、正直に言うと

[00：19：08.810]
画面を見てください

[00：19：11.570]
右に見て、わかりました、私は私の

[00：19：14.770]
h1はこのフォントで、これは

[00：19：19.310]
このセクションの大きなヘッダーは

[00：19：23.330]
このように見えるとわかります

[00：19：24.530]
実はこのサイズとこのサイズは

[00：19：26.630]
実際には同じサイズです

[00：19：28.070]
背景は少し違うので

[00：19：29.510]
すでにレイアウトを開始できます

[00：19：30.620]
テーマとスタイル設定

[00：19：34.010]
アプリケーションは文字通り1つの画面から

[00：19：36.610]
そして、そのプロセスを経て

[00：19：40.460]
機能の一部にたどり着くと

[00：19：42.350]
ワイヤーフレームを作らなかったら簡単に

[00：19：45.350]
そうでなければ戻ってやり直してください

[00：19：47.750]
1分以内に希望どおりの見た目に

[00：19：49.970]
モデラーが制限したもう一つの理由

[00：19：53.180]
スクリーンの数を増やすには

[00：19：55.670]
そのフィードは、そのこと

[00：19：58.160]
模倣が提供するのは開発能力です

[00：20：01.700]
すぐにufはそれを保持すべきではない

[00：20：05.480]
戻ってきましたので、私たちは多くの

[00：20：09.800]
アプリケーションの事前計画

[00：20：13.730]
アプリケーションの構築を開始し、

[00：20：17.890]
このテーマでページとレイアウトを作成する

[00：20：23.990]
創造と沈黙は完了した

[00：20：27.190]
私はあなたが私たちのこの部分をやると言うでしょう

[00：20：30.250]
最も多くのプロセスを処理するので、これは本当に

[00：20：32.860]
これらすべてを取り入れた実装

[00：20：35.500]
ユーザーの作成に注いだ努力

[00：20：38.560]
流れを本当に洗練させ、

[00：20：41.050]
アプリケーションが実行し、その後

[00：20：43.980]
それを実行し、

[00：20：47.620]
取り込まれるコンテンツ

[00：20：49.770]
見た目も良く、機能も優れているので、

[00：20：54.310]
テーマが作成されると、

[00：20：57.010]
私たちは高忠実度のワイヤーフレームを作成し、

[00：20：59.340]
アプリケーションのスタイリングは

[00：21：04.770]
私たちが持っているCSSフレームワークと

[00：21：08.860]
CSSを使用するが、CSFだけを使用することはできない

[00：21：12.880]
ミニデッキでも作業する必要があります

[00：21：15.820]
ページレイアウトとCSSクラスを使用して呼び出します

[00：21：22.240]
CSSフレームワークなので

[00：21：23.830]
連携して作業するので、

[00：21：28.060]
開発者やチームメンバーに

[00：21：29.470]
フロントエンド側の開発

[00：21：33.100]
CSSで両方に記述する必要があるもの

[00：21：35.680]
ページレイアウト内

[00：21：38.260]
自分自身

[00：21：41.040]
スプリントを進めていく中で

[00：21：44.340]
アジャイルプロセスでは、

[00：21：48.140]
デザインはあらゆる

[00：21：53.640]
道のステップなので、それを逃した場合

[00：21：58.170]
プロジェクトを通じて誰かが「ねえ私たちは

[00：22：02.070]
実際にこの機能が必要なのか

[00：22：04.400]
何か他のものまたは何かが変わる場所

[00：22：06.330]
これは私たちが望むようには機能していない

[00：22：08.550]
仕組みを変える必要があるとき

[00：22：10.100]
デザインは

[00：22：13.050]
他の人もそうなので確認する必要があります

[00：22：15.780]
デザインとユーザーエクスペリエンスは

[00：22：19.590]
常に助けになって

[00：22：20.910]
アプリケーションの作成プロセスと

[00：22：23.460]
デザイン品質保証は

[00：22：25.950]
すべてのスプリントレビューと併せて

[00：22：29.090]
それから、確認することもできます

[00：22：33.300]
CSSコードは簡潔で使いやすい

[00：22：35.790]
設計品質保証中にも

[00：22：41.110]
一貫性をチェックする

[00：22：44.200]
使用されているアイコンやページレイアウト

[00：22：48.970]
使用されるコンポーネントは、

[00：22：51.130]
何人かの異なる人々がいる

[00：22：52.630]
開発され、彼らはページに触れています

[00：22：55.780]
レイアウトは、全員が

[00：22：57.880]
同じトラックで、これも

[00：23：00.429]
新しいユーザーストーリーを作成します

[00：23：03.070]
あなたとの関係における次の前線 x nu I

[00：23：08.730]
私たちの旅の最後のステップは

[00：23：12.230]
ユーザビリティテストとユーザビリティテスト

[00：23：16.890]
それはやるべきことであり、あなたはそれをできるということです

[00：23：20.250]
ご希望の頻度で

[00：23：23.780]
スプリントの合間に内部的に行うこともできます

[00：23：27.150]
または、私たちはそれをすることも本当にお勧めします

[00：23：30.470]
警察の使いやすさは

[00：23：35.970]
デザインと

[00：23：39.059]
私たちが実際にマッピングしたユーザーフローは

[00：23：42.840]
ユーザーのために働くことで

[00：23：48.509]
実際に使うのは誰でしょうか

[00：23：49.589]
アプリケーションなので、多くの

[00：23：52.679]
アプリケーションを模倣することで、私たちはユニークな

[00：23：54.029]
状況と、

[00：23：57.419]
ランダムに選んだ人をたくさん選ぶ

[00：24：00.479]
時にはそれはあなたの

[00：24：02.639]
実際にこれらを使用している従業員

[00：24：04.259]
ツールなので、試してみて

[00：24：07.559]
アプリケーションとそれは重要な聞いた

[00：24：12.209]
実際に人々が

[00：24：15.380]
見込み顧客に

[00：24：20.360]
ツールを使って、OK、という感じで

[00：24：23.030]
先にそれを集めて、ああこれ

[00：24：24.770]
これはこうあるべき、これはあああるべき

[00：24：26.000]
あなたはそれをしたくない、あなたがしたい

[00：24：28.400]
誰かが見たことがないかのようにする

[00：24：32.420]
これを事前にやって、彼らに課題を与えて

[00：24：35.060]
この商品を購入していただく必要があります

[00：24：38.750]
彼らが何をしているかを記録して

[00：24：41.900]
どれくらい時間がかかるか見ることができます

[00：24：44.210]
最初のステップから2番目のステップに進む

[00：24：46.490]
そしてこれらのさまざまなアイテムを見つけて

[00：24：47.990]
実際に彼らに話をするように頼んだ

[00：24：51.410]
彼らが何をしているのかを彼らがやっているので

[00：24：53.390]
彼らの思考プロセスを理解して

[00：24：56.480]
これは本当に便利です。

[00：24：58.670]
データを収集し、

[00：25：00.830]
その情報を新しいユーザーに変えることができる

[00：25：03.650]
物語を語り、新しい方法を見つけ出す

[00：25：06.710]
これらのアプリケーションをより適切に利用できるようにする

[00：25：09.350]
実際には4人用なので

[00：25：15.250]
能力UXの概要と方法

[00：25：22.310]
さまざまな専門用語

[00：25：24.980]
それに付随する幅広い

[00：25：27.380]
ステップ2ステップのプロセスの概要

[00：25：29.920]
UXとvindaxの素晴らしいありがとうラッセル

[00：25：34.720]
それはとても役に立ちました

[00：25：36.770]
プレゼンテーションで述べたように、私たちはいくつかの

[00：25：39.500]
QAの時間なので、先に進んで

[00：25：43.280]
ご質問があればご記入ください

[00：25：45.470]
このメモを指摘したいのですが

[00：25：47.600]
この最後のスライドでは特に

[00：25：50.840]
今日参加する友人達は

[00：25：52.160]
オランダのロッテルダムオフィスは

[00：25：54.860]
パートナーとオンラインで協力する部門

[00：25：56.360]
UXに関するミートアップイベントで

[00：25：59.960]
そしてそれは3月に開催される予定だ

[00：26：01.640]
23日なので、このフライトはそのままにしておきます

[00：26：04.250]
URLを知りたい場合、またはもっと知りたい場合は

[00：26：06.320]
開発者サイトに掲載されている情報は

[00：26：08.390]
開発者ダイヤモンドXCOMとラッセル

[00：26：11.960]
そして私は同僚のアダムを招待しました

[00：26：13.520]
このQ&Aにはフォザーギルが参加します

[00：26：16.730]
ウェビナーの一部アダムは

[00：26：18.830]
アダムス・アダムスはここにいる

[00：26：22.430]
私たちのプロフェッショナルサービスチームでは

[00：26：24.770]
彼がいくつかのフィールドで役立つことを知っている

[00：26：26.450]
ご質問はここに

[00：26：27.630]
さあ始めましょう

[00：26：29.760]
格闘して返すよ

[00：26：32.490]
これらの質問に目を通しましょう

[00：26：36.090]
質問があります。どうすればいいですか？

[00：26：38.130]
プロジェクトにUXを統合し、

[00：26：40.860]
すでに開発中または開発予定

[00：26：42.990]
リリースされたので、使用することをお勧めします

[00：26：47.880]
それを達成するためのユーザビリティテスト

[00：26：50.610]
そうすれば、人々が実際にどのように

[00：26：52.500]
申請に応答し、

[00：26：55.140]
私たちは何かがなぜ起こるのかを予感するかもしれない

[00：26：57.540]
それはうまく機能していませんが、もし

[00：26：59.490]
実際に人々に見せて

[00：27：00.960]
実際に使うのは

[00：27：05.220]
アプリケーションではそれを実行し、

[00：27：07.200]
そこから何がそうでないかを集めることができる

[00：27：09.780]
うまく機能し、創造に戻る

[00：27：12.660]
その機能をターゲットとするユーザーフロー

[00：27：15.390]
それをやり直して、

[00：27：18.090]
それをもう一度、または2回スプリントして

[00：27：21.560]
それを現状のプロジェクトに組み込む

[00：27：30.940]
フォーム

[00：27：35.389]
質問を見てください。スライドを作成します

[00：27：37.339]
利用可能はい、スライドは

[00：27：38.989]
ウェビナー終了後も利用可能

[00：27：41.089]
私がもっと知りたいことに触れたPDF

[00：27：44.359]
話したことは

[00：27：46.429]
スライド自体

[00：27：52.370]
フォーム

[00：27：57.010]
だから私は模倣のツールについて1つ考える

[00：28：02.929]
紙のプロトタイプをまだ使用している場合

[00：28：06.559]
はい、どのようにするか例を挙げていただけますか

[00：28：11.630]
効果的に使うために例えば

[00：28：15.620]
私が話したユーザーフローは

[00：28：21.400]
本当に

[00：28：23.750]
ボードを拭くだけで効果的

[00：28：25.580]
実際にユーザーフローについて

[00：28：30.770]
実際にそれをやりたいと思うのは

[00：28：32.780]
プロダクトオーナーとのコラボレーション

[00：28：34.940]
まあ誰か、つまりビジネス関係者

[00：28：37.340]
側だけでなく、

[00：28：39.080]
開発側なので、すべて

[00：28：42.130]
専門分野をすべてまとめて

[00：28：46.100]
ビジネス目標が達成できる

[00：28：48.230]
会って、まるで

[00：28：50.540]
満足満足

[00：28：52.240]
開発と彼らが必要とするもの、そして

[00：28：55.040]
UXの専門家がいます

[00：28：58.130]
ユーザーのニーズを表にまとめ、

[00：29：01.730]
実際にそれを実行することをお勧めします

[00：29：03.890]
ホワイトボードや紙に

[00：29：06.080]
自分が見ているものを地図に描く

[00：29：07.550]
一歩ずつ考えていくことが本当に

[00：29：10.610]
プロトタイプの最初の反復は

[00：29：12.770]
機能性を理解し、

[00：29：14.570]
どのように動作するかを見て、ローファイでも

[00：29：18.050]
ワイヤーフレームは手作業で作成できます

[00：29：21.380]
それははるかに速くて効果的です

[00：29：25.580]
Photoshopを使ってみたり

[00：29：28.430]
何かをするということは、

[00：29：30.950]
論文を書くよりもずっと多くの時間

[00：29：32.270]
私のお気に入り

[00：29：38.790]
フォーム

[00：29：42.350]
フォーム

[00：29：46.909]
フォーム

[00：29：49.570]
さて、質問ですが、模倣は

[00：29：51.910]
SASまたはその他のCSFのサポートがある

[00：29：54.520]
スクリプトツールは実際にはUXであり、

[00：30：00.820]
フレームワークではUIフレームワークを使用します。

[00：30：03.400]
検索すると下記に見つかります

[00：30：08.640]
X-MENのDEXCOMを調べてください

[00：30：13.180]
フレームワークの議論の根拠となる場所

[00：30：14.890]
ブートストラップをベースラインとして、その後

[00：30：19.110]
さまざまなウィジェットをすべて吹き飛ばし、

[00：30：22.900]
スタイリングフックなど

[00：30：25.690]
すべてSFを通じてコンパイルされているので

[00：30：28.750]
それはsaph umに基づいているので、

[00：30：32.440]
実際そこに行けば遊べる

[00：30：36.010]
これらのさまざまなテーマで、私たちはすでに

[00：30：37.240]
私たちには、あなたができるツールもあります

[00：30：39.660]
選択すると、基本色を知っています

[00：30：44.730]
ヘッダーの色はハチの爪かな

[00：30：48.310]
色やスイッチなど

[00：30：49.930]
私の周りにはこれらの色があり、

[00：30：52.510]
自動的にテーマを作成するので

[00：30：57.400]
でもバイオレット、あなたはただ止まらないって知ってる

[00：31：00.130]
そこから簡単にダウンロードできます。

[00：31：02.290]
シーンの目的の1つをダウンロードして開く

[00：31：05.560]
それをアップして独自の部分を追加して

[00：31：09.460]
あなたがしたいことを何でも

[00：31：11.320]
sassと統合して他の誰かに

[00：31：15.940]
あなたが言った

[00：31：19.710]
ギッフィーアイコンギッピーはよくわからない

[00：31：23.950]
アイコンですが、ご存知のとおり私は外科医です

[00：31：27.250]
グリフアコンを使用する場所まで5回実行します

[00：31：32.350]
アイコンとして使用できますが、

[00：31：36.790]
アイコンフォントはフルーツのお尻でかなり簡単に

[00：31：42.630]
基本的にあなたが持っている必要があるのは

[00：31：46.210]
素晴らしいアイコンに慣れている

[00：31：48.250]
使えるCSSが全部ある

[00：31：50.200]
それをベースラインテンプレートとして

[00：31：54.230]
ああ、そうそう、プロを使いたいなら

[00：31：59.780]
リフトの欠点のバージョンを取得する必要がある

[00：32：01.220]
フォントファイルを取得するにはCSSファイルを取得する必要があります

[00：32：03.020]
各クラスの宣言を行う

[00：32：06.140]
名前を付けてクラスとして呼び出す

[00：32：10.790]
モデラーを通して

[00：32：22.230]
アダムは私を助けてくれる

[00：32：24.960]
2番目の質問からは、はい、という答えが少なくなります

[00：32：26.570]
追加に関して1つの質問があります

[00：32：30.570]
JavaScriptを使用すると、奇数を使用できます

[00：32：34.380]
私たちが作成したウェビナーのファイル

[00：32：36.780]
以前に公開された独自の作成方法

[00：32：39.059]
カスタムウィジェットとそれらはすべて書かれています

[00：32：40.919]
JavaScriptなので、何かを追加したい場合は

[00：32：43.980]
そこにはJavaScriptファイルのようなものがあります

[00：32：45.980]
ウェビナーの投稿を参照してください

[00：32：48.570]
開発者サイトも同様に

[00：32：52.320]
質問がある限り

[00：32：56.580]
オンラインでドキュメントはありますか？

[00：32：58.169]
について、以下のフレームワークを模倣しています

[00：33：00.090]
ブートストラップはuxで見つけることができます

[00：33：04.940]
ミンディックスは落ち着いていて、すべてを持っています

[00：33：08.640]
これらすべてについて知っておく必要がある

[00：33：19.380]
フォーム

[00：33：23.650]
フォーム

[00：33：33.520]
わかりました。できないという質問です

[00：33：36.920]
私は電話で申し込みをするだけです

[00：33：39.290]
モデラー内でなぜ

[00：33：42.380]
テーマとクラスはとても良いです

[00：33：45.260]
質問は、ええと、それらのために並んで

[00：33：51.890]
あなたはCSSに精通していますか

[00：33：57.560]
基本的にはクラスを追加するか

[00：34：02.120]
HTMLタグに直接スタイルを適用し、

[00：34：06.640]
初めて始めるときのように

[00：34：09.350]
アプリケーションは超簡単です

[00：34：11.840]
ただそこに放り込むだけだけど、もしあなたが

[00：34：14.120]
見たいヘッダーがある

[00：34：16.220]
特定の方法ではありますが、そのヘッダーは30です

[00：34：19.370]
本当に行きたい場所が違うの？

[00：34：22.870]
30に入れてください

[00：34：25.730]
クラスでは、それらのスタイルを取り入れることができます

[00：34：27.560]
それをクラスに入れてそこにクラスを置く

[00：34：29.900]
そして後で上司に

[00：34：32.270]
それは大胆すぎるので、

[00：34：34.760]
作って、緑にしましょう

[00：34：37.940]
CSSを開いて変更するだけです

[00：34：40.780]
ヘッダーの色を緑にして

[00：34：44.180]
それはずっと続いていて、それが

[00：34：46.130]
CSSの本当の力 CSSは

[00：34：48.920]
カスケードスタイルシートでは

[00：34：52.130]
カスケードに影響を及ぼす

[00：34：53.450]
さまざまな場所で

[00：34：55.310]
実装されている

[00：35：05.050]
フォーム

[00：35：18.099]
フォーム

[00：35：19.590]
それで、ここで質問があります。

[00：35：21.960]
インデックスはフレームワークとして率直であると考える

[00：35：24.800]
ユーザーテストの実施方法に影響します。

[00：35：28.620]
フレームワークはすでにテスト済み

[00：35：31.430]
だから、テストをあまりする必要がありません

[00：35：34.830]
ゼロから構築されたもの

[00：35：37.380]
私はそれに反対します。

[00：35：42.540]
要素があるかもしれません

[00：35：47.280]
UIフレームワークにはそれぞれ

[00：35：50.520]
要素自体が設計されている場合

[00：35：57.390]
3つの異なるウィジェットを一緒に持つ

[00：36：00.020]
誰を知っているか確認する必要がある

[00：36：02.670]
彼らの関係は理にかなっている

[00：36：04.950]
彼らの居場所やその他

[00：36：07.530]
使いやすさを追求する必要がある

[00：36：09.840]
それに関してテストし、私は

[00：36：14.430]
それに加えて、間違いなく

[00：36：16.230]
プラットフォームが取るモットのもの

[00：36：18.930]
あなたのために世話をしますが、あなたが

[00：36：21.660]
バージョンを切り替えたり、変更したりした場合

[00：36：24.000]
あらゆる種類のマイクロフローまたはロジック

[00：36：26.250]
使いやすさ以外でも

[00：36：31.080]
戻って確認したい

[00：36：32.250]
ウィジェットをアップグレードした場合

[00：36：34.260]
バージョンが違うとそうではないかもしれない

[00：36：35.520]
他のものと互換性がある

[00：36：36.990]
あなたにはやるべきことがあるので、間違いなく

[00：36：40.350]
技術的なテストの負担を軽減します

[00：36：42.930]
ユーザーの承認から行う必要がある

[00：36：44.850]
ワークフローテストのようなものは間違いなく

[00：36：47.720]
そこで完全なテストを行うことをお勧めします

[00：36：54.170]
これで終わりにしたいと思います

[00：36：57.300]
ここで私は尋ねてみます

[00：36：58.920]
素晴らしいですね、ラッセル、ありがとう

[00：37：01.500]
今日は素晴らしいプレゼンテーションがあり、

[00：37：03.480]
Q&Aにご参加いただきありがとうございます

[00：37：05.190]
私が言及した部分は

[00：37：08.220]
記録されたリンクをお送りします

[00：37：09.840]
録音して送信します

[00：37：11.490]
ラッセルが作成したPDFへのリンク

[00：37：14.640]
より詳しい説明が記載されている

[00：37：16.110]
ご参加いただいた皆様、ありがとうございました

[00：37：18.270]
素敵な週末をお過ごしください