RSS. A List Apart: フルフィード ノート

RSS. A List Apart: フルフィード

A List Apartは、デザイン、開発、ユーザーエクスペリエンス、ウェブ上のベストプラクティスに焦点を当てるオンラインマガジンです。1998年にジェフリー・ゼルマンとグレッグ・ストーリーによって設立され、世界中のウェブプロフェッショナルにとって高く尊敬されるリソースとなっています。このサイトは、チュートリアル、インタビュー、深い分析を含む記事、仕事のリスト、イベントのアナウンスメントで構成されています。A List ApartはAutomatticネットワークの一部ですので、オープンソースで広範囲のオーディエンスにアクセス可能です。このウェブサイトは、新しい内容で定期的に更新され、ウェブデザインと開発業界の最新のトレンドとテクノロジーに関する情報をユーザーが入手できるようにしています。

ノートのスレッド

著者は、ウェブデザインにおけるアクセシビリティの重要性を強調しています。デザイナーは本来、包括的なデザインを作りたいと考えているものの、一部のデザインはまだユーザーを排除していることを認めています。主な問題は、デザイナーが思い出す必要がある情報の大量さ、包括してアクセシビリティのガイドラインです。著者は、Nielsenの「認識よりも思い出し」の使いやすさのヒューリスティックを使用してこの問題に対処することを提案しています。著者は、「A Web for Everyone」からのもののような、簡単にアクセシビリティの問題を特定できるように、ペルソナを使用することをお勧めしています。これらのペルソナは、さまざまなユーザーのニーズと障害を表し、共感的なデザインの決定を促進します。著者はまた、潜在的な悪用を考慮するために「Persona Non Grata」の使用を提案しています。各プロジェクトには、「指定された反対者」がいて、デザインが各ペルソナにどのように影響するかを考慮する必要があります。著者は、さまざまなプラットフォームのアクセシビリティのガイドラインに関するリソースを提供しています。著者の宿題は、提供されたペルソナをすべてのデザインプロジェクトで使用することです。このアプローチは、最初からアクセシビリティをコアの考慮事項にすることを目的としています。最終的には、デザインをすべてのユーザーにとって取り戻すことが目標です。
このテキストは、オンライン環境における親しみやすさの重要性を探求し、現代のウェブサイトやソーシャルメディアのしばしば敵対的な性質と対比させています。そして、好ましい交流を育むためのケーススタディとして、大恐慌時代のウィーンで活躍した学際的な思想家グループであるウィーン学団を取り上げています。カフェや大学のオフィスで会合を開いたウィーン学団は、厳密な推論と開かれた議論に焦点を当て、複雑な哲学的および数学的問題に取り組みました。知的な真剣さ、経験主義、抽象性、そして開放性によって特徴づけられるこの環境は、異なる個性や見解にもかかわらず、生産的な議論を促進しました。ウィーンのカフェ文化の側面、すなわちフォーマルさ、ある程度のインフォーマルさ、そしてユーモアの存在も、グループの親しみやすさをさらに高めました。ファシズムの台頭はこの環境を破壊し、多くのメンバーが国外へ逃れ、一部は悲惨な結果を招きました。著者は、ウィーン学団の成功から得られた、より親しみやすいデジタル空間を創造するための8つのデザイン原則を提示し、真剣さ、経験主義、抽象性、フォーマルさ、開放性、そしてパロディの重要性を強調して締めくくっています。
デザインシステムは、コンポーネントライブラリだけでなく、状況に応じて適応する口語のように見なされるべきであると、このテキストは主張しています。デザインシステムにおける厳格な視覚的な一貫性は、ユーザーエクスペリエンスを妨げる可能性があり、柔軟性と適応性が必要です。重要な概念は、「デザイン方言」であり、特定の状況(例:異なるユーザーグループや環境)に対してデザインシステムを体系的に変更することです。著者は、Booking.comとShopifyでの経験を振り返り、厳格な一貫性が失敗したことを強調し、方言の必要性を示しています。「柔軟性フレームワーク」と「意思決定ラダー」が提供され、チームがデザインシステム内で一貫性と適応性のバランスをとることを支援します。著者は、方言の進化を管理するために、逸脱を文書化し、共有パターンを促進し、状況に応じて非推奨にすることを提案しています。強調される核心原則は、ユーザーの成功が美的一貫性を上回り、統一性よりも流暢さを優先することです。方言の実装は、壊れたユーザーフローを特定し、状況を理解し、体系的な変更を行うことから始まります。影響をテストし、測定し、結果として得られる節約を示すことは、重要なステップです。最終的に、このテキストは、ユーザーのニーズに応じて進化し、時間の経過とともに適応し成長するデザイン言語を育むことを提唱しています。
ヘルスケアなデザインチームを構築するには、デザインマネージャーとリードデザイナーという2つの役割が必要です。これら2つの役割は、同じ有機体の異なる側面を担当するものと見なすことができます。デザインマネージャーはチームの心理、キャリア開発、ダイナミクス(心)に焦点を当てています。一方、リードデザイナーは職人技、デザイン基準、実行(身体)に焦点を当てています。これらの役割は重複しています。3つの重要なシステムでのコラボレーションが必要です。神経系(人々と心理)、筋肉系(職人技と実行)、循環系(戦略と流れ)です。デザインマネージャーは主に神経系を監督し、リードデザイナーのサポートを受けています。一方、リードデザイナーは主に筋肉系を監督し、デザインマネージャーのサポートを受けています。両者は循環系を共有し、戦略的整合性と情報の流れを確保します。明確なフィードバックループと明示的なハンドオフは、パートナーシップの成功に不可欠です。何か問題が発生すると、孤立、循環不良、または自己免疫反応が発生する可能性があり、再接続、より明確なコミュニケーション、共通の目標への焦点が必要になります。このパートナーシップにより、より良い決定、より強いチーム、持続可能なデザインワークが実現し、チームの成長に合わせて効果的に拡大します。最終的に、デザインマネージャーとリードデザイナーは、協力して全体のデザイン有機体を育てることで、影響力を増やします。
金融業界でベテランのプロダクトビルダーである著者は、有望な金融商品が過剰な機能によって失敗する共通の問題点を指摘しています。著者は、圧倒的な機能セットではなく、コア機能(「基盤」)に焦点を当てた最小限の実行可能な製品(MVP)アプローチを提唱しています。ユーザーニーズを理解し、製品開発をそれらのニーズに合わせる重要性を強調し、不要な複雑さよりもシンプルさと信頼性を優先しています。社内政治はしばしば、肥大化し、混乱を招く製品につながり、コアとなるユーザーエクスペリエンスを無視します。この「基盤」は、残高照会などの頻繁な銀行業務に例示されるように、一貫した価値を提供する必須機能を表しています。基盤構築には、徹底的な優先順位付けが必要であり、短期的な利益を犠牲にして長期的な安定性とユーザーロイヤルティを優先する可能性があります。成功は、明確な「理由」、単一のコア機能への集中、反復的な開発、テストと観察を通じた継続的なユーザーフィードバックに依存します。このアプローチは、最初は制限的ですが、最終的にはより成功し、持続可能な製品につながります。著者は、単に予測するのではなく、反復的な製品開発を通じて将来を積極的に形成することの重要性を強調しています。最終的に、堅固な基盤を構築することで、短期的な利益よりも長期的な成功が保証されます。
ユーザー研究は、3幕構成で進行します:設定、衝突、解決。基礎的な研究(幕1)は、現在の状況、課題、そしてユーザーに対する機会を確立します。方向性の研究(幕2)は、特定された問題に対処するデザインを評価します。最後の幕(解決)は、問題を解決し、ステークホルダーをユーザー中心のソリューションに向かって導きます。ユーザー研究は、デザインを軌道上に維持し、問題を明確化し、製品を競合他社との差別化させるために不可欠です。基礎的な研究は、ユーザーと彼らのニーズを理解するための基礎を形成し、方向性の研究は、ソリューションがそれらのニーズと一致することを確保します。両者とも、効果的なユーザー中心デザインのために必要です。物語の語り方は、ステークホルダーを巻き込み、研究の価値を強調するために不可欠です。ユーザビリティテスト(幕2)は、ユーザーの相互作用と思考プロセスを明らかにし、基礎的な研究は、コンテキストを提供します。リモートテストとインパーソンテストは、異なる利点を提供し、リモートセッションはより広い聴衆に達し、インパーソンテストはより豊かな体験を提供します。組織が、研究を魅力的な物語として提示することで、ユーザー中心アプローチを育むことができ、結果的に、より成功した製品が生み出されます。
デザインにおけるパーソナライゼーションは、限られたガイダンスしかないため、挑戦的です。成功を高めるために、事前パーソナライゼーションワークショップが不可欠です。これらのワークショップで、ステークホルダーは、準備状況を評価し、スコープを定義し、開発計画を立てることができます。効果的なワークショップは、パーソナライゼーションを重視し、チームのゴールをビジネスオブジェクティブと揃える。パーソナライゼーションの努力は、実験から自動化された機能、成熟した製品まで段階的に進みます。パーソナライゼーションのためのフレームワークは、構造化されたアプローチを提供し、「カード」がパーソナライゼーションの相互作用の構成要素を表します。事前パーソナライゼーションワークショップの1日目は、パーソナライゼーションの機会を特定し、ゴールを優先し、潜在的な障害に対処することに焦点を当てています。2番目のフェーズは、パーソナライゼーションのレシピを定義し、ドキュメント化し、必要な成分が揃っていることを確認することに集中します。オーディエンス、コンテンツ、コンテキスト、測定を考慮することで、デザイナーは一貫した効果的なパーソナライゼーション体験を創造できます。事前パーソナライゼーションプロセスは、パーソナライゼーションの努力が適切に揃えられ、現実的で、有意義な結果を生み出すことを保証します。
著者は、創造的な人として自己を特定し、創造的なプロセスの直観的で謎めいた性質を強調します。彼らは、自分のアイデアが制御不能の領域から生じることを信じています。創造的な人々が自分の仕事を科学の結果と見なす一方で、著者の経験は異なり、錬金術に似ています。著者は、創造性が容易で労力がかからないこともあれば、顕著な努力が必要なこともあると認めます。インスピレーションの不規則的な性質にもかかわらず、彼らは芸術に対する献身を維持し、芸術が不確かさと失望を伴うものであると認識しています。創造的な人々は、自分たちの業績を尊敬する人々と比較し、自らの不足を卑下することがあります。著者は、自分の創造的な不足を認めつつ、他の才能ある人々の才能を尊重します。彼らは、創造的な人々が互いに深い繋がりを持つと信じ、能力を認め合い、互いに敬意を払っています。自信のなさにもかかわらず、彼らは、遅延のアドレナリン・ラッシュと、真正の傑作を生み出すという希望で駆り立てられています。著者は、自分の作品が最終的に欠陥があると認めつつも、他人の心に一部の自分が生き残るという信仰に慰めを見出します。彼らは、創造的なプロセスの謎を信頼し、結果が不確かろうと、導くものとして信じています。
モバイルファーストCSS開発は人気のある方法論ですが、スタイル宣言の上書きによる複雑さと非効率性を招くことがあります。モバイルファーストはモバイルビューを優先しますが、ブレークポイント間の同時開発を困難にすることがあります。これらの問題に対処するために、閉じられたメディアクエリー範囲を使用することを検討してください。これにより、特定のブレークポイントでのみ変更が行われ、上書きを避けることができます。これで、複雑さとリグレッションテストを削減できます。メディアクエリーに基づいてCSSを複数のファイルに分割することで、ブラウザーがダウンロードの優先順位を設定できるようになり、パフォーマンスが向上します。これは特にモバイルデバイスやインターネット速度が遅い地域で有益です。Responsively AppやBliskのようなツールを使用して、ブレークポイント間の同時開発を検討してください。開発の順序は好みによって異なるが、共通のスタイルと例外を特定することが重要です。閉じられたメディアクエリー範囲は、不要なスタイル継承と上書きを回避します。メディアクエリーでmax-widthを使用することで、特定のブレークポイントでのみスタイルを設定し、意図しない変更を防ぐことができます。バンドル化と分離のCSSは、HTTPバージョンやプロジェクトの要件によって異なります。分離化は、優先的なダウンロードを許し、バンドル化は古いブラウザー向けに効率的です。HTTP/2やHTTP/3は、より多くの同時リクエストを許し、CSSの分離があまり重要ではなくなります。ただし、複数のブレークポイントがあり、最適なパフォーマンスを目指すプロジェクトでは、依然として有益です。リグレッションテストは、CSSを分離し、閉じられたメディアクエリー範囲を使用することで最小限度に抑えることができます。これで、特定のブレークポイントでのみ変更が行われるため、包括的なテストの必要性が減少します。プロジェクトの要件と適切な技術を慎重に検討することで、CSS開発プロセスを効率性、柔軟性、パフォーマンスの面で最適化できます。
日常的な倫理的なデザインの概念は、使用可能、公平、持続可能なデザインを創造することを目指し、特に資本主義システムが利益の最大化を重視するため、顕著な障害に直面しています。現在の努力は、倫理的なツールキットを共有するような表面的変更に焦点を当てることが多く、会社の目的そのものを問題にしない。デザイナーがシステムに影響を与えるためには、ビアビリティーではなく、ウェルビーイング、公平、持続可能性のような倫理的な考慮に焦点を移す必要があります。これにより、顧客満足度のような従来のメトリックから離れ、デジタルウェルビーイングや環境への影響の削減のようなアスペクトに焦点を当てる必要があります。デザインの選択の影響をこれらの新しいメトリックで測定することは、ビジネスの言語と一致し、倫理的な進捗を具体的に評価することを可能にします。明確な倫理的な目的と測定可能なメトリックを設定することで、倫理的なデザインは、理論的な概念から日常的な実践に組み込まれる実際的な達成可能な目標に移行します。この変革は、デザインの成功の従来の三つの次元(desirability、feasibility、viability)から離れ、第四の次元である倫理的な影響を受け入れることを要求します。この包括的なアプローチは、デザインがユーザーのニーズを満たすだけでなく、社会と地球に積極的に貢献し、最終的により持続可能で倫理的な未来をもたらします。
この記事は、UXデザイナーがユーザー研究を効果的に推進するための戦略を提示します。この戦略は、Object-Oriented UX(OOUX)の原則に基づく協力的なプロセスであるObject Definition Workshopを通じて、ステークホルダーを巻き込みます。このワークショップの目的は、チーム内の知識のギャップを特定し、ユーザー研究の必要性を明確化することです。プロセスは、「名詞狩り」で始まり、UXデザイナーが製品に関する潜在的なオブジェクトを、市場資料や既存の製品インターフェースなど、様々なソースから特定します。これらの名詞は、システム内の主要要素を表し、ワークショップの設定で2つの基本的な質問を通じて検討されます。すなわち、「これらのオブジェクトとは何か?」と「これらのオブジェクトの関係は何か?」です。オープンディスカッションと視覚的なツール(オブジェクトマップなど)を通じて、ステークホルダーは、ユーザーのニーズと製品の機能に関する自分の仮定と不確実さと対峙させられます。この演習は、ユーザー理解の不足から生じる潜在的なデザインの問題と矛盾を明らかにし、UXデザイナーの要請が、共有の緊急性に変化します。この共有された理解と、未知の認識は、ユーザー中心のデザインプロセスを確保し、最終的な製品がユーザーのニーズと一致し、コストのかかる誤りを避けることを保証します。Object Definition Workshopは、仮定と情報に基づくデザイン決定の橋渡し役を果たし、ユーザー研究がその基礎です。
「先進的な組織は、複数のチャネルで聴衆に到達するために、オムニチャネル・コンテンツ・ストラテジーを採用しています。この戦略のために、明確に定義されたコンテンツ・モデルを持つコンテンツ・マネジメント・システム(CMS)は不可欠です。コンテンツ・モデルは、意味的なものでなければならず、プレゼンテーションではなくコンテンツの意味を反映するタイプと属性名を使用する必要があります。これにより、デリバリー・チャネルがコンテンツを効果的に理解し、使用することができます。コンテンツ・モデルは、関連するコンテンツ・コンポーネントも接続する必要があります。これにより、まとまりのあるコンテンツが一緒に維持され、簡単に管理や再利用が可能になります。従来のデザイン・システムの思考は、コンテンツの意味や接続ではなく、視覚的なプレゼンテーションに焦点を当てるため、オムニチャネル・コンテンツ・ストラテジーを阻害することがあります。最良のコンテンツ・モデルは、意味的なもので、関連するコンテンツを接続し、コンテンツとプレゼンテーションを切り離します。Schema.org ベースの構造化データを使用することで、検索エンジン最適化が向上し、即座の追加デリバリー・チャネルがなくても利益があります。コンテンツ・モデルとデザインを切り離すことで、デザインの更新が容易になり、将来の進化に対応することができます。これらの原則に従い、チームは、オムニチャネル・コンテンツ・ストラテジーをサポートし、複数のチャネルで聴衆とつながる効果的なコンテンツ・モデルを作成できます。明確に定義されたコンテンツ・モデルは、ユーザー・エクスペリエンスを向上させ、聴衆とのつながりを容易にします。コンテンツは、ユーザー・エクスペリエンスの最重要な資産であり、聴衆とつながる最良の方法です。
1956年、ロジャー・バニスターが4分未満で1マイルを走ることができないと考えられていた壁を打ち破り、人体のスピードの潜在的な可能性を示した。このように、インターネットの能力も標準が進化するにつれて拡大している。ウェブサイトの持続可能性が増大する問題になっているが、炭素排出量を直接測定することは困難である。代わりに、データ転送と電気の炭素強度が指標として使用される。データ転送は、ギガバイトあたりのキロワット時(kWh/GB)で測定されるエネルギー効率の尺度である。ページの重さ、つまりウェブページのサイズは、データ転送の便利な尺度である。画像を中心としたページの重さの削減がエネルギー消費の低減のために不可欠である。パフォーマンス予算は、スピードリミットと同じように、ページの読み込み時間とデータ転送の上限を設定する。業界のベンチマークや競合分析に基づいてページの重さ予算を設定することができる。繰り返し訪れるユーザーに対する転送サイズの測定は、定期的なユーザーに対する効率の最適化に関する洞察を提供する。電気の炭素強度は、キロワット時あたりの二酸化炭素グラム数(gCO2/kWh)で測定され、エネルギー源によって大幅に異なる。低炭素強度の地域にあるデータセンターを選択することで排出量を削減できる。炭素強度とユーザーからの距離のバランスが、データ転送時のエネルギー消費を最小化するために不可欠である。データ転送と電気使用量に基づいて炭素排出量を計算するためのツールも利用可能である。
ウェブデザインで予想できない将来のデバイスに対応するデザインは、挑戦的な問題を提起します。2010年に登場したレスポンシブデザインは、パーセントベースのレイアウトとメディアクエリーを使用して、異なるスクリーンサイズに対応するコンテンツを生成するソリューションとして登場しました。ただし、メディアクエリーはコンポーネントの再利用を制限するため、コンポーネントが特定のビューポートサイズに結びつく結果を生みます。ブラウザーで現在サポートされていないコンテナクエリーは、要素が親コンテナのサイズに基づいて変化することを許可し、真正の再利用可能コンポーネントの作成を可能にすることを目指しています。CSSの進化、例えばFlexboxとCSS Gridは、レイアウトを革命化し、コンテナ行が不要になり、要素が必要に応じてラップまたはフレックスすることができます。CSS Subgridはこれを更に進め、要素が自分のコンテンツと兄弟要素のコンテンツの両方の変更に対応することを許可し、より堅牢なデザインを生成します。固有レイアウトは、fr単位と固定単位とフレキシブル単位の混合を使用し、レイアウトよりもコンテンツサイズを優先し、任意のスペースとコンテンツのバリエーションに対応するデザインを生成します。このアプローチは、コンテナクエリーに頼らずにレスポンシブコンポーネントを生成するため、顕著な利点を提供します。しかし、固有デザインは、レスポンシブウェブデザインほどの広範囲な影響を与えていません。既存の組織で仕事をし、学びのカーブがそれほど急ではなかったり、固有デザインのためのフレームワークソリューションの欠如が、遅い採用の要因かもしれません。固有デザインは、レスポンシブレイアウトのデザインからレスポンシブコンポーネントの作成に焦点を移し、既存のCSS知識を新しい方法で使用して、フレキシブルで適応的なデザインを生成することを強調します。これはウェブデザインのもうひとつの大きな転換を示し、事前に定義されたブレークポイントから、任意のデバイスやコンテンツシナリオに対応するレイアウトに向かって進みます。
バーンアウトは、個々人で異なる形で現れる。何人かは、退却ではなく、努力と決意の増加が特徴の「熱烈なバーンアウト」を経験する。このタイプのバーンアウトは、責任感と不十分感の根深い感覚に基づいており、しばしば子供時代の経験に由来する。結果として、達成感を追求し、多くの仕事を引き受け、悪影響が生じるにもかかわらず、ますます努力することを感じる。バーンアウトは、怠惰や回避としばしば関連付けられるが、熱烈なバーンアウトは、過剰な労働と絶え間ない努力が特徴である。このような状況は、複数の役割で成功するという社会的な圧力にさらされる女性にとって特に危険である。熱烈なバーンアウトは、仕事の環境ではしばしば見過ごされる。なぜなら、積極的な特徴が、好ましい特徴と捉えられるためである。この認識の欠如は、バーンアウトが必然的に生じる時、裏切られたと感じる感情と失望感を生む。熱烈なバーンアウトに対処するためには、幸福感の低下、断りがたい、自己ケアの不足など、症状を認識することが不可欠である。バーンアウトに対処するには、睡眠、栄養、運動、自然での時間を含む多方面的なアプローチが必要である。しかし、熱烈なバーンアウトを経験する個人にとって、自己ケアは、追加の負担のように感じる場合がある。このような状況では、自己ケアを、バーンアウトを防ぐために必要なステップ、他人をケアする能力を維持するために必要なステップとして捉えることが有効である。熱烈なバーンアウトのサイクルを断つためには、感覚を刺激し、現在の瞬間に没入させるような活動に従事することが有効である。例えば、複雑な食事の準備など。このような活動は、絶え間ない努力からの必要な休息を提供し、視点の転換を可能にする。
ウェブサイト「この人はいません」は、AIを使用して現実的なが偽の顔を作成し、一般的なデザイン慣行であるパーソナの欠陥を明らかにしています。パーソナは、フィクションのキャラクターを通じてユーザータイプを表現しようとしますが、実際のユーザーを反映しないままです。この理由は、パーソナがデコンテクスト化された表現であり、状況要因が行動に与える影響を無視し、個人を静的なものとして捉えるためです。パーソナは、異なる個人からの孤立した発見を組み合わせた平均的なものになりがちで、深みや真正の関連性が不足します。デザイナーがこれを補償するためにフィクションの詳細を追加するが、パーソナが現実からさらに離れる結果になり、ステレオタイプを強化します。デザイナーがパーソナに頼るのではなく、ダイナミック・セルフズと呼ばれるアプローチで、動的な状況における実際の個人を理解することに集中すべきです。このアプローチでは、広範囲のグループから浅くデータを収集するのではなく、選択された個人を深く研究します。デザイナーが現実世界での経験と動機を研究することで、デザインプロセスに役立つより正確で洞察的な情報を得ることができます。このアプローチは、人間の行動の流動性と状況が行動や決定に与える影響の大きさを認めます。人工的な表現ではなく、現実世界の理解に焦点を当てることで、デザイナーはより意味のある効果的なデザインソリューションを創造することができます。