Webデザイナーのための30のシンプルなUXチュートリアル2022

ユーザーエクスペリエンスデザインは、プロフェッショナルなWebデザインの最も重要な側面の1つです。 故スティーブ・ジョブズが言うように、デザインは必ずしも何かがどのように見えるかではなく、何かがどのように機能するかです。 優れたUXプラクティスを学ぶことで、最終的には、アプリ、ソフトウェア、またはWebサイトを使用する人々の数に大きな利益をもたらすことができます。 UXデザイナーは、ワイヤーフレームを厳密に操作し、ユーザーテスト分析を行い、個々の要素のパフォーマンスについて学習します。 UXデザイナーは、ペルソナを作成し、各ペルソナのデザインをパーソナライズする方法を学ぶ必要があります。 UXデザイナーがしなければならないことがたくさんあります。

簡単に言えば、あなたが構築したものすべてのユーザーエクスペリエンスは、ユーザーがあなたの作品と対話しているときにユーザーが体験する究極のエクスペリエンスになります。 この体験を不安にさせたいですか、それとも完全に完璧にしたいですか？ もちろん、後者はあなたの選択ですが、そのような結果を達成するには、UXデザイナーになる必要があり、本の助け、メンター、そして実際のUXプロセスを実践するための多くの時間が必要になります。 おそらく、このアプローチは、WordPressのようなプラットフォームで作業する人にとってより歓迎的です。 それらの心のこもった魂には、UXチュートリアルをお勧めします。 UXの専門家自身から直接ではない場合、最新のトレンドと仕様について学ぶためのより良い方法は何ですか？

次のUXチュートリアルは、すべて過去3〜4か月のものです。 チュートリアルを可能な限り用途が広く、役立つものにするために、特別な努力を払っています。 これらのエキスパートUXチュートリアルから学ぶことで、あなたが自分自身のためにまったく新しい現実を発見しようとしていることを知って、私たちは畏敬の念を抱かずにはいられません。 どうぞ、私たちに連絡して、あなたを最高のものに含めてください。

UXにはパズルマインドセットが必要

これは、UXデザインへのパズルアプローチについて話しているちょっとしたインスピレーションを与えるスニペットです。 これは、以前に話したことに戻ります。 UIに似たデザインUXを確立する必要があります。 これらの両方が連携して、目的の設計結果を達成できます。 おそらく少しオーバートーンですが、UXデザインを自分で行うときに壁に固定するための有効なアドバイスと何か。

探検

ワイヤーフレーム入門

ワイヤーフレームは、デザイナーがアイデアを実現する前に紙やスケッチで探求できるようにするクリエイティブなプラットフォームです。 ワイヤーフレームはそれだけではありません。誰もが常に最新の機能とまだ実装されていない機能を知る必要があるため、複数の人（チーム）が構造化する必要がある設計を作成する上で重要な側面です。

建築家があなたが建てたい家の青写真を提示するのと同じように、デザイナーは最終結果を心配している人に彼のワイヤーフレームを提示します。 多くの人がワイヤーフレームは完全に時間の無駄だと信じていますが、ワイヤーフレームはデザインを構築する上で最も生産的な部分のいくつかとして知られています。 プロダクションコードを記述/設計することなくアイデアを明確に提示できるだけでなく、その過程で、より視覚的にアピールするように設計についてさらに学ぶことができます。

この記事の結果に非常に満足しており、ワイヤーフレームと、それらがUXおよびUIデザイナーにとって重要である理由についてすぐに理解できます。

探検

Airbnbアプリを再考することで、デザインへの取り組み方がどのように変わったか

真に優れたUXプラクティスを学ぶには、長い時間がかかります。 それは、あなたが常に新しい要求、新しい顧客、そして全体像の一部になりたいと思っている新しい創造的な心に対処しているからです。 だからこそ、UXデザイナーは、トップテックのスタートアップでの仕事に対して非常に大きな報酬を得るのです。なぜなら、これらの人たちは、自分のチームなしでは他のデザイナーがそれに匹敵することができないほどユニークなものを作成するために人生を捧げているからです。 —あなたが最も急速に進化している業界で働いているときに、とにかく他の人の作品をコピーしたい人。

AirBNBはこれをある程度理解しています。 プログラミングとデザイナーのコミュニティにアピールするため、彼らは定期的にコード、デザイン、および特定のビジネス分野で成功を収めた方法のストーリーを共有しています。 今回は、AirBNBアプリケーションのストーリーと、それがデザイン、使いやすさ、ユーザーエクスペリエンスに関する新しいアイデアにどのようにつながったかを共有します。

探検

感情的なもののインターネットのためのデザイン

インターネット、ウェブは、あなた自身の個人的な寝室のようなものです。 あなたはあなた自身のウェブブラウジング体験をパーソナライズするための何十万もの方法にアクセスできます。 新しいテクノロジーの拡張とWebデザイン内の心理学の統合により、パーソナライズ要求ははるかに頻繁になっています。 最近では、感情さえもデザインエコスフィアに大きく影響を与えています。誰が責任を負うのでしょうか。 心理学と人間の感情は、Webデザインを通じてターゲットにできる具体的なものですが、常にパーソナライズと呼ばれるようになります。 デザインで感情がどのように機能するか、そして企業が感情を念頭に置いてアプリを作成する方法について、詳細な概要を把握しました。 インターネットの未来は、心理的なデザインに関する限り見ています。 よく読んでください。読んで消化するには、少なくとも2杯のコーヒーが必要です。

探検

商品リストUX

eコマース業界であるオンラインビジネスは、設計ミスを犯すことで大きな打撃を受ける可能性があります。 特にパフォーマンスとUXが関係している場合、間違いはコストがかかります。 AmazonやBestbuyのようなサイトは、オンラインプラットフォームのパフォーマンスとユーザーエクスペリエンスの両方を1つのユニオンにまとめて、完璧なショッピングエクスペリエンスを提供できるようにするために、さらに努力する必要があります。 そして、問題の大部分は現代的な考え方で解決されていることに同意しますが、パーソナライズや単純な常識などを考えると、まだ関係する要素があります。

個々のプラットフォームで過去10回のeコマース購入のうち、さらに多くの商品を購入しているときにカートに入っていた商品に関する情報を提供したものはいくつありますか。 数は1より大きくなく、おそらくゼロであると推測することしかできません。 そしてそれは理にかなっています、それがこの記事がそもそも存在する理由です。 すでに購入しているものを顧客に伝えることで、エンゲージメントと顧客満足度をどのように高めることができるかを見てみましょう。

探検

製品設計における共感の実践

共感は、思いやりの芸術、感情的なコントロール、またはおそらく心理学の学位を持っている人をマスターした人たちが言うのを聞く感情です。 共感は、私たちが他の人と調和し、判断する必要なしに彼らの気持ちを理解するのに役立ちます。 デザインに共感を見いだすことは、実生活と同じくらい重要です。 あなたはまだ実際の人にあなたの製品を提示しています、そして何がユーザーに思いやりのある理解と共感に基づいた経験を与えるよりも良いかもしれません。

これらのアプローチにはもう少し徹底的な調査が必要ですが、多くの場合同じ原則に戻るため、大きなトピックは一度だけ学ぶ必要があります。 エイミーがそれをどのように行っているか、そしてベイエリアとそれ以降で働いている間に彼女がデザインの共感で経験したことについての彼女の見解を見てください。

探検

Webユーザーとしてのヤングアダルト/ミレニアル世代（18〜25歳）

ミレニアル世代がハイテクに適応していて、ウェブの基本的な機能をよく理解できることを知ったのは驚きですか？ それは新しいことではありません。 90年代の子供たちは、ウェブに関して何が起こっているかを知っています。直接的なテクノロジーパスを選択していない子供もいますが、表面レベルでデザインがどのように機能するかについての理解は、ほとんどの人に理解されています。 ここでの調査は、前世代の次の大きなアプリ/製品/アイデアを設計するときに次にどこを見るべきかについての洞察と手がかりを提供します。 ミレニアル世代はしばしば深いポケットを持っている個人として見られますが、完璧はそれらにアクセスする唯一の方法です。

探検

複雑な製品の設計

複雑さは常に設計の一部になります。 何かを作成し、理解し、再作成して、最初に座っていた複雑さのレベルを下げる必要があります。 設計の複雑さはさまざまな形で表面化しますが、特に製品の設計に関してはそうです。

製品のアイデアを思いつくのは、実際にデザインするよりも10倍簡単です。 チームでは、構築しているものに完全に影響を与えるのはあなただけではありません。そのため、結果を作成するには、意見や他の人々の経験に頼る必要があります。もちろん、それは十分に理にかなっていますが、設計が非常に複雑なプロセスであるという事実を損なうものではありません。 したがって、このチュートリアルはすべて、複雑な設計と、常識と優れたエチケットの一般的な実践を通じて複雑さを軽減する方法に関するものです。 チームミーティングで話し合う価値のある、本当に刺激的な資料。

探検

究極のユーザーエクスペリエンスを求めて

デザイナー、開発者、クリエイティブは、時間の終わりまでユーザーエクスペリエンスについて調査し、話し続けます。 私たちは皆、それを異なって認識していますが、UXデザインの基盤の多くは同じである傾向があります。それは、UXに関する限り、最終目標についてより詳細な思考プロセスを必要とする、ユーザーに提供したい独自の機能です。 。

伝統的な哲学では、製品を完璧と表現することは困難です。完璧であると認識しない限り、完璧は達成できるものではありません。 私たちの製品を「ごみ」と呼んでくれる人が必ずいるでしょうが、私たちの見解では、それは完璧に思えます。 そしてそれはウェブデザインの皮肉です。 改善の余地があり、その扉は常に開いています。 Typeformからのこの広範で素晴らしい作品は、ユーザーエクスペリエンスデザインの内面について語っています。 最も経験の浅い人でも、ユーザーにとってより意味のあるユーザーエクスペリエンス機能を作成する方法を見つけることができます。

探検

難しいデザインの方が良い（人類にとって）

デザインについて私たちが理解できるレベルは無数にあり、デザインのプロセスとそれがグローバルコミュニティに与える影響に入る次元が多すぎます。 たとえば、世界で最も訪問されているWebサイトであるGoogleについて考えてみてください。それでも、デザインは非常にシンプルで、非常に最小限です。 ユーザーは、機能を見つけたり検索を実行したりするために頭を悩ませる必要はありませんが、このチュートリアル/調査でここにあるのは、デザインをより難しく、より複雑にし、認知的思考を高めるのに役立つ可能性があるという証拠です能力。 興味深いアプローチは、デジタル接続の状況が拡大し、さらに繁栄し続けるにつれて、将来さらに多くの研究を受けるでしょう。

探検

あなたに取って代わる子供たちからの5つのデザインの秘密

いつか仕事をするには年を取りすぎてしまうと思うのはおかしなことではありませんか？ そして、何を推測してください…デザイナー業界で働いている人たち、その日はあなたが思っていたよりもずっと早く来るかもしれません。 業界の新参者は5歳の若さで、子供でも理解できるようなデザインにアプローチする革新的な方法を考え出します。 うーん…すべてが子供とラベル付けされていますか？ それとも、デザインをより親しみやすく、誰もが利用できるようにする方法を学んでいるだけですか？ このミディアムの記事は、ストーリーを詳細に描写します。

探検

UXデザイナーのさまざまな役割

経験がない場合、UXデザイナーという言葉を聞くことは、誰かがユーザーエクスペリエンスデザイナーであることを意味するかもしれませんが、それは非常に限られたアプローチです。 UXデザイナーの仕事は、ユーザーエクスペリエンスデザイナーであるだけではありません。UXの人は多くのタスクを手にしています。これらはすべて、彼の壮大な創造の最終結果を補完するものです。

まず、UXデザイナーは、構築している顧客/ユーザーについて独自の調査を行う必要があります。次に、実際のデザインを作成するプロセスに進む必要があります。次のステップは、デザインのテストとベンチマークを開始することです。そしてもちろん、最後のビットは、UXデザイナーが開発者チームと緊密に協力して、実際に気の毒なことを実装する部分です。 うわー…UXデザイナーの生活は本当に忙しいですが、この記事ではもっと詳しく説明します。 座って楽しんでください。

探検

デザイナーとして自分のスタイルを見つける

ファッションデザイナーを際立たせるものは何ですか？ それは彼らのスタイルです！ とてもシンプルですが、UXデザイナーを際立たせるものを考えると、それがスタイルであるという議論はまったく無効になる可能性があります。 これは、UXデザイナーが独自の概念やアイデアを使用することが多いが、インターネットの仕組みやアプリケーションの仕組みの基本から多くの理解を得ることができるためです。 しかし、このケースは、デザイナーが創造的なスキルを積極的に使用して、デザインの感情的知性のパーソナライズと理解を通じて、より意味のあるデザイン体験を作成することをサポートすることにも強いです。 ここでの記事は、デザイナーがトビアスにあなた自身のデザインスタイルを見つける方法について尋ねた質問をカバーしており、トビアスはそれが必要かどうかについて話します。

面白いトピック！

探検

モバイル向けUXデザイン：ボトムナビゲーション

モバイルデザインに関する最新のデータを読んでいますか？ あなたの祖母でさえ彼女のモバイルデバイスでサーフィンをしている、あなたはいつ追いつくつもりですか？ デスクトップデザインと同様に、モバイルデザイナーは、デザインに実装する必要のある新しいタスクやアイデアに非常に挑戦しています。 さまざまな種類のナビゲーションは、ユーザーがアプリの動作方法を操作および理解する方法に挑戦します。 そのため、モバイルUXについて学ぶことは、将来のプロジェクトに非常に役立ちます。 あなたはこれでモバイルアプリのボトムナビゲーションについてすべてを学んでいます。 なぜ、どのように、どこで、いつ！ ナビゲーションは通常、ユーザーが行きたい場所に移動する手段です。 また、同様に重要な最上位の目的地には、下部のナビゲーションを使用する必要があります。 アプリ内のどこからでも直接アクセスする必要があるこれらの宛先。

探検

デザイナーになるための直感的でない教訓

Facebookのデザインに10年を費やした人から、良いデザインがどのように見えるかを知りたいですか？ これらの非常に専門的な人々が彼らの殻から出てきて、彼らが学んだことを共有することはめったにありません。 しかし、ジュリーはそれが彼女の最初の真面目な仕事であり、彼女が10年以上会社にとどまることができたので異なっています。 なんと驚くべき成果であり、彼女はミディアムライティングを通じて彼女の経験のいくつかを文書化することに決めました。 多くの最初のものは、デザイン、そして彼女が彼女と一緒に奪うことができたレッスン、10年にわたって蓄積されたレッスンについてです！

10年というのは長い年月ですが、彼女の努力が大いに報われたことは明らかであり、彼女のデザインへの熱意は燃え続け、発火し、生きているようです。 彼女が話す10のことは、デザイナーのビジョン、素晴らしいアイデアを実行するためにデザイナーや他の専門家のチームをまとめることの重要性、そして誰かが入れない限り他の方法では学ぶことができない他の多くのデリケートなトピックなどの側面について説明しますあなたが読むためにウェブ上にそれがあります、本でさえこのもののいくつかを詳細にカバーするのに苦労しています。 それでも、ジュリーの経験は、大声ではっきりと決意を持って語っています。

探検

ユーザーのコンテキストを念頭に置いて設計する

デザインとコンテキストはお互いに見知らぬ人ではありませんが、2つの異なることについて話している部屋にこれらの人を配置し、両方が1つを選択する必要がある場合、両方の要素との接触が失われます。 そして、それはデザインが関係しているところでは素晴らしいことではありません。 コンテキストが必要であり、デザインのコンテキストとコンテンツのコンテキストが必要であり、両者が連携してユーザーにシームレスなエクスペリエンスを提供できるように、相互に同等である必要があります。 ユーザーがデザインを操作する方法の数、それらすべてを文書化するのは難しいでしょう…しかし、他のものよりも繰り返される特定のタイプがあり、Shopifyのチュートリアルでは、デザインのプロセスについてすべてを学びますコンテキスト、およびコンテキストがデザインとユーザーインタラクションにどのように影響するか。

探検

モーションデザインをUXワークフローに統合する方法

デザインはインスピレーションですが、デザインを通じてユーザーにインスピレーションを与える能力—それはあなたの技術の見事な使い方です。 そして、モーションデザインは、顧客が本物の方法で大切にされ、世話をされていると感じさせることに優れていることを望んでいるスタートアップにとって、急速にホットなトレンドの1つになりつつあります。

モーションデザインを使用すると、デザインに個性のレイヤーを追加できます。 ユーザーは間違いなく、あなたが他の人のためではなく、彼らのためにこれらの体験をしていることに気づき、理解するでしょう。 そしてそれは、ユーザーの頭脳があなたが彼らをとても気にかけていることを登録し、モーションデザインでアプリ体験をパーソナライズするために出かけた大きな瞬間です。 この説明では少しスケッチに聞こえますが、Mark Di Sciulloからこのチュートリアルを読み終えると、私が何について話しているのか、そしてこのアプローチがデザインを拡張するのにどれほど素晴らしいかを正確に理解できることを安心させてください。アプリのユーザーエクスペリエンスの評価を高めます。 それは深く、技術的であり、デザインの洞察に満ちています！

探検

デザインの詳細– Stripe Dashboard

Stripeは何回かその「顔」を変えることができましたが、それが起こったとき、毎回、以前よりも有望な体験を提供してきました。 Stripeは卓越した製品を提供し、それは間違いなく知られていますが、本物の、オリジナルの、そして最も間違いなく素晴らしいデザインを作成するために本当にマイレージを費やしている1つの会社のような多くのエキスパートデザイナーの間でも知られています！ StripeがiOSアプリケーション用のモバイルダッシュボードを構築した方法の要約を次に示します。 このアプリは、現代のUXデザイン分野が提供できるものの驚異的な集大成であり、デザイナーが今日でもStripeのデザイン基準について話している理由があります。 これらの人たちは素晴らしい才能を見つけました、そして私たちはその才能を維持するのにどれくらいの費用がかかるかを考えずにはいられません！

探検

信頼の階層：コミットメントの5つの経験的レベル

UXデザインのもう1つの大きな部分は、信頼性です。 あなたのデザインはどのように人々の心に信頼をもたらしますか？ 特に機密情報に関連するもの（フォーム、支払い、提出物など）を扱っている場合、人々はあなたのWebサイトが信頼できることを知りたがっています。そして、誰かがちらっと見た瞬間から信頼の結果を達成するための要素がたくさんあります。あなたのページやアプリの上に。 次のチュートリアルを出発点として、デザインの信頼がどこから来るのか、そして、まだやっていないということではなく、より信頼できるデザインを作り始める方法を理解してください。これは、ストーリーの側面を知るのに役立ちます。顧客自身から。

探検

UXリサーチ：B＆Hフォトのモバイルサイトがクラス最高である7つの理由

業界をよりよく理解するために大規模な研究を結論付ける意志と忍耐力を持っている人たちにそれを引き渡さなければなりません。 そして今回は、モバイルeコマースWebサイト以外の何物でもないことを分析して学習しています。 この調査では、モバイルWebサイトのデザインと日常生活におけるそのパフォーマンスのいくつかの側面、およびUXデザイナーがeコマースビジネスアプリを操作する最新の方法にどれだけうまく適応しているかを結論付けています。

モバイルデザインを改善するための7つのヒントが徹底的に調査され、このパフォーマンスを反映するために独自のアプリを改善することで競争に煩わされることがないという理由だけで、モバイルWebサイトのトップ10に入る多くの例と重要なポイントが提供されます。さらに、この研究はごく最近のものであるため、他の誰よりも先にたくさんの面白いことを楽しむことができます。 それを最大限に活用してみてください。

探検

シリーズAの設計

それはいつも起こっています、あなたはカフェに歩いて行き、男は彼のMacbookを持ってテーブルに座っています。 この男は彼を取り巻く他のすべての人々と何が共通していますか？ 彼は自分のアプリを構築してテクノロジーアプリの世界で大きくしようとしています。成功する可能性は非常に低いですが、成功するものもあれば、成功するものもあります。資金調達の重要性について学ぶ必要があります。アプリケーションの安定した機能を確保するためにシリーズAを引き付けることができるアプリレベルに到達する方法。

それが私たちがここで実行している話です。 プロダクトデザイナーから、シリーズAの資金調達に成功し、人生で素晴らしいことを成し遂げようとしているアプリケーションの過去、現在、未来を形作るのを手伝ってくれた人にどのように移行するか。 実在の企業で働く実在の人物の個人的な話は、常にジューシーな情報でいっぱいになりますが、これも例外ではありません。

探検

優れたデザイナーが気にする4つのこと

UXを学ぶためのリソースは本当に多様化しており、すべてを1か所にまとめるのは非常に困難です。 だからこそ、他のデザイナーが、仲間の初心者に、現実の世界に出て、彼らのデザインスキルを練習するように勧めているのを目にするのです。 少なくとも特定のポイントに到達したら、それが学習するための最良の方法です。 そして、その特定のポイントは、実際には、デザイナーが何を気にする必要があるか、または新しいデザインを作成するときに彼が何を気にするかを理解することである可能性があります。 共感など、この投稿の他のチュートリアルでそれらのいくつかについてはすでに説明しましたが、実際のデザインの芸術についてはどうでしょうか。また、より良い答えを得るために質問をすることについてはどうでしょうか。 目に見える以上にデザインするものがあります。UXMagの人々からのこの投稿では、正確に何を学ぶことができます！

探検

UXで効果的なアニメーションを実現するための5つの原則

アドビはデザインの王様であり、グラフィックデザインの基盤です。 設計アドバイスを公に共有することは必ずしも頻繁ではありませんが、彼らはしばしば驚きをもって攻撃しているように見えます。 ユーザーエクスペリエンスのためのアニメーションデザインに関するデザイン原則に関するこのレポートは、その1つです。 アニメーションをよりユーザーフレンドリーにし、デザインを魅力的にする方法を物語る原則の素敵なまとめ。 デザインにアニメーションを実装し始めましたか？ 将来の作品について、いくつか質問をさせていただきたいと思います。 我々に教えてください！

探検

素晴らしいUXデザイナーの8つの習慣

UXデザイナーは必然的に習慣を身につけようとしています。 真剣に、彼らが働かなくても、誰もが習慣を発達させます！ それがまさにそこにある人生の美しさです。 意欲的なUXデザイナーとして、ワークフローをスムーズにするために専門家が何を使用しているかを知りたいと思うかもしれません。 あなたはこれらのプロUXデザイナーの習慣について学びたいと思っています、そしてついに答えが来ました。 Kaylanの記事では、多くの業界エキスパートUXデザイナーが共有する最も顕著な習慣について説明しています。 今、あなたも、彼らの一人のようになり、箱の中の別の人形になることができます！ 冗談だよ。 ヒントは素晴らしく、生産性に関する分野で苦労している場合は、呼吸する余地があります。

探検

未来は近い：2022年の13の設計予測

需要のおかげで、デザインは常に進化しています。 それは、何十億ものユーザーがデザインのアイデアを信じているときに起こることです。 進化のプロセスは大幅に加速され、私たちはより速いペースで大きな変化と変化を経験することができます。 それが私たちがここで行っていることです。 2022年が到来するまでに実現する可能性のある多くの予測が存在します。 これは、年の初めにこれほど遠くまで飛躍するための興味深いアプローチです。 それは確かに起こっています、そしていくつの予測が真実になるかを見るのは素晴らしいでしょう。 その数は1から13までのどこかになり得ると私たちは感じています。これは、今後数年間にデザインで何が起こっているかについての誰にとっても最良の推測です。

探検

UXデザインと心理学を組み合わせてユーザーの行動を変える

この最後の作品は、今年の初めに公開されました。 ユーザーの行動に影響を与える可能性のあるUXデザインとユーザー心理についてです。 これは、心理学がいかに早くデザインに取り入れられているかを示すもう1つの素晴らしい例です。 また、デザイナーが心理学を理解することがどれほど重要になるかを示しています。 さらに、それは心理学が正常な思考の人々の脳にどのように影響するかを示しています。 デザイナーとして、私たちの頭脳は、私たちのサービスのみを使用している他のユーザーよりも速く走ることができます。 両方の間に必要なバランスを見つけることは難しいことですが、最終的にはそれを行います。

探検

UXデザインの風景

ユーザーエクスペリエンスデザインに精通したWebデザイナーは、引き続き高い需要があります。 デザインの進化のプロセスが止まらないからです。 新しいフレームワークとライブラリにより、設計者はこれまでに達成されたことのない優れた結果を達成できます。 スタートアップは、彼らの仕事に信頼性の層をもたらすことができる創造的なデザイナーに多額の投資を続けます。 私たちがリストしたチュートリアルでさえ、すべてがUXデザインの可能性と、この分野の将来がどうなるかを賞賛しています。 練習すればするほど、コンテンツを提示するための新しくてユニークな方法を開発しやすくなります。