最先端の Web、UI、UX デザインを学ぶための 10 のベスト リソース
公開: 2022-09-18小さなポートフォリオ サイトを設計している場合でも、大規模なエンタープライズ システムに取り組んでいる場合でも、使いやすさは設計の最前線にある必要があります。
幸いなことに、使いやすさのスキルを高め、UI と UX のデザイン アプローチを完成させたいと考えているデザイナーには、驚異的なリソースがいくつか用意されています。
最適なリソースに飛び込む前に、次のセクションでこれらのトピックを簡単に定義します。 UI と UX は、多くの人が用語を使用しているにもかかわらず、交換可能ではありません。
最先端の Web デザインとは
ブリーディングエッジとは、最先端のデザインやアイデアを指します。 アイデアは、物事を提示する新しい方法を見つけるために、通常の境界を押し広げます。
最先端のデザインの良い例は、インタラクティブなランディング ページと 3D レンダリングで、デジタル エクスペリエンスをユーザーにとってより具体的で記憶に残るものにします。
UIとは？
UI はユーザー インターフェイスの略で、デジタル プレゼンスに基づいた製品やサービスの美学と魅力に重点を置いています。
UI は、ユーザーが製品を操作し、タイポグラフィ、カラー パレット、ボタン、アニメーション、ビデオ、画像を通じて製品を理解できるようにする視覚的なタッチポイントに重点を置いています。
色やデジタル機能は、UI を介して興味や感情を生み出すことで、消費者を製品やサービスに引き寄せることができるため、ユーザー インターフェイスは魅力的で消化しやすいものでなければなりません。
UXとは？
UX は、製品またはサービスの実際の使用と実装を含む、最初から最後まで製品またはサービスに関連付けられたユーザー エクスペリエンスです。 UX は UI や美学をはるかに超えており、美学だけでなく製品の機能をカプセル化しています。
UX には、製品のデジタル面と物理面の両方が含まれ、ユーザーが製品を操作して問題点を解消する方法が含まれます。
最先端の Web、UI、および UX デザインを学習するための最良のリソース
サイトが魅力的であるがナビゲートするのが難しい場合、そのサイトのUI は優れていても、 UX デザインがひどい場合があります。 優れたUXを備えたWebサイトは使いやすいですが、視覚的に刺激的で楽しいものではありません. これらを最先端のデザインと組み合わせる方法を学び、創造性と創意工夫を活用できるようにするには、以下の素晴らしいリソースを検討してください.
考えさせないで: Web ユーザビリティへの常識的なアプローチby Steve Krug
リソースを探すときは、そのトピックに関する評判の良い本から始めるのが簡単です。 Steve Krug は、UI と UX をイノベーションとうまく組み合わせることが何を意味するのかをしっかりと理解しています。
この本は、使いやすさが創造性の敵ではないことをデザイナーや開発者が理解できるように、詳細に説明しています。 それらは連携して、牧歌的なユーザー エクスペリエンスと美学を育みます。
クリュッグは、これらのデザインの側面をナビゲートする方法を説明していますが、ユーザー、クライアント、上司に一度に対応する方法を学ぶのにも役立ちます。
エモーショナル デザイン: なぜ私たちは毎日のことを好き (または嫌い) なのかドン ノーマン著
UX デザインを学ぶためのもう 1 つの本は、Don Norman によるこの本です。 Norman は、デザイナーが 1 つの視点からどのように物事を見るかについて掘り下げますが、ユーザーの立場に立ち、新鮮な目でデザインを見る必要があります。
彼は、人間が持つ本能的な、時には説明のつかない反応をデザインがどのように説明する必要があるかを説明しています。 ノーマンにとっては、楽しい美学と楽しいビジュアルを犠牲にすることなく、人間中心のデザインがすべてです.
Joel Spolsky によるプログラマー向けのユーザー インターフェイス デザイン
仕事をする上でUIやUXを気にするのはデザイナーだけではありません。 あなたがプログラマーなら、Joel Spolsky の本でプログラマーの視点から UI と UX の設計について学ぶことができます。
Spolsky の説明は非常に的を射ており、プログラマーやデザイナーが芸術的要素と共に使いやすさを確保するために従うことができるシンプルだが論理的なルールを概説しています。
これは「ダミーのための UX デザイン」ではありませんが、Spolsky は、一部の人が見逃してしまう可能性のあるユーザビリティの概念を信じられないほど簡単に把握できるようにします。 そして彼は、その本が読みやすく消化しやすいという意味で、彼が説教することを実践しています。
ボルダーデジタルアーツ
本を読むよりも実践的な学習方法が必要な場合は、UX デザインに関するオンライン クラスを受講できます。 Boulder Digital Arts が提供するクラスには、ライブのクラスもあれば、いつでもアクセスできる録画のクラスもあります。
UX デザインをよりよく理解し、それを UI に組み込む方法を知りたい人に最適なコースの 1 つは、ユーザー中心設計の紹介です。
クラスを受講することは、課題を受け取り、スキルを練習し、建設的なフィードバックを得ることができるため、UX および UI デザインのスキルを磨くための最良の方法の 1 つです。
デザインラボ
オンライン学習のもう 1 つのオプションは Designlab です。 Designlab は学校のように機能しますが、1 対 1 の学習アプローチを採用しているため、すべての学生には、遭遇する可能性のある特定の問題や質問を支援するデザイン メンターがいます。
Designlab 自体は最先端であり、学生の学習方法を実験しているため、従来のクラスよりも多くの個人にとってより効果的な柔軟な体験を提供します。
彼らの UX Academy は、戦略的な方法で UI と UX を組み合わせることにも厳密に焦点を当てており、学生はユーザビリティの意味とその重要性をしっかりと把握できます。
UXマスタリー
UX Mastery は、多数のデザイン クラスを提供する大規模なリソースであり、その一部は UX および UI デザインに焦点を当てています。 多くのクラスは研究アプローチを採用し、何が使いやすいかを分析し、UX および UI デザインの公式を開発しようとします。
何よりも、これらのクラスは非常に手頃な価格で、月額 20 ドル未満です。 UX の専門家、または彼らが UXperts と呼んでいるものから学ぶことができます。
一部のコースでは、UI および UX デザインの背後にある心理学にまで踏み込み、学生がデザインにおける UI および UX に影響を与える人間の性質を理解するのに役立ちます。
樹上の家
Treehouse は、UX や UI について学ぶだけでなく、総合的なデザインを学びたい人に最適な場所です。
Treehouse はトラックを提供しています。トラックは、デザイン、最先端、UI、および UX を包括的に理解できるように絡み合った一連のコースです。 これらのガイド付きカリキュラムは、科目を習得するために必要なすべてをカバーしています。
カスタム カリキュラムを作成するオプションもあるため、基本的な知識に基づいて受講する必要がないと思われるコースをスキップできます。
フラットアイアンスクール
迅速かつ厳格な学習体験をしたいですか? フラット アイアン デザイン ブート キャンプでは、UI と UX デザインの詳細を学ぶ 15 週間の短期コースを提供しているため、すぐに採用できます。
Flat Iron は最先端の技術を反映するようにコースを常に更新しているため、常に最新の情報と設計方法を学習していることがわかります。
すべてのデザイン コースは UX と UI のデザインに重点を置いており、学んだことすべてがユーザビリティと密接に関連していることを保証するため、ユーザー エクスペリエンスを損なうことなく芸術的なビジョンを実現できます。
UXマガジン
無料の UI および UX リソースについては、UX Mag を参照してください。 専門家やプロのデザイナーが、学びたい人にとって非常に役立つデザインの使いやすさやその他の側面に関する記事を投稿しています。
多くの場合、記事は複雑なアイデアを分解し、理解して実装するのを簡単にします. 雑誌は常に更新されているので、通過する資料が不足することはありません。
多くの記事では、UX デザインの先に何が待ち受けているかを論じており、新しいアイデアやテクニックの最先端にいることができます。 また、優れた UI と UX のインスピレーションと例のすばらしいリソースでもあります。
UXPin による無料の UX eBook ライブラリ
最先端の Web、UI、および UX デザインに関するもう 1 つのすばらしい無料リソースは、デザインとユーザビリティに関する 80 以上のタイトルを備えたこの eBook ライブラリです。
無料の書籍の多くは、UI および UX デザインの将来の現在のトレンドに焦点を当てているため、最先端の Web デザインの最新情報を常に把握できます。 UI および UX デザインに加えて、さまざまなデザイン トピックをカバーする他の eBook で、デザインの詳細について学ぶことができます。
インスピレーションのリソース
クラス、本、その他のリソースは最先端の UI や UX 設計について学ぶのに役立ちますが、優れた実践方法を実際に目にすることは常に役に立ちます。 以下は、さまざまな Web サイトのデザインと使いやすさをスコア化してランク付けする 3 つの Web サイトです。
すべてのサイトが使いやすさを実現するために型にはまったデザインに従う必要はありません。これらのページの多くのサイトは、驚異的な UI と UX を実現するためのさまざまな手段を示しています。
これらのサイトをブラウズし、受賞者と佳作を見て、使いやすく効果的なウェブサイトのデザインがどのようなものかを感じてください。
- 受賞歴
- サイト インスパイア
- 一ページの愛
例
ファッションからフェスティバル、休暇の目的地、ウェブサイトの開発まで、以下のサイトはすべて優れた UI と UX を備えており、革新的なウェブサイトのデザインが魅力的でありながら、ナビゲートして消化するのがいかに簡単かを示しています.
想像力豊かで楽しいウェブサイト デザインの優れた例を確認したい場合は、最も現代的な例を以下に示します。
- nuenofashion.com
- カプセルディオール.com
- gentilhomme.com
- casa.dolcegabbana.com
- kikk.be
- glasfurdandwalker.com
- findsanctuary.com
- 別の母.com
- mydesignbuddy.co.uk
- thebluetour.com
- studiopingpong.com
- alexbeigeweb.dev
最終的な考え
UX に関するすべての本を読み、必要なすべてのコースを受講することはできますが、ユーザビリティとは何かを理解するには、何かを作成し、それを使用するように人々を招待する必要があります。
これらのリソースはすべて素晴らしい出発点ですが、作成することを恐れないでください。失敗したとしても、10 倍のことを教えてくれます。
また読む： 2021年にUI / UX、プロトタイピング、ワイヤーフレームをさらに向上させる16の最高のWebデザインツール