ウェブ

スタイルガイド主導の開発によるモジュラーUIシステムの設計

開発を推進するためにスタイルガイドを使用することは、フロントエンド開発で多くの注目を集めている慣行です—そして正当な理由があります。 **開発者はスタイルガイド**から始めて、新しいコードを追加するか、既存のコードを更新します。これにより、後でアプリケーションに統合されるモジュラーUIシステムに貢献します。しかし、モジュラーUIシステムを実装するには、モジュラー方式で設計に取り組む必要があります。モジュラーデザインは、UIとUXをパターンで考えてデザインすることを奨励します。たとえば、ユーザーがタスクを実行できるように一連のページまたはビューを設計する代わりに、UIシステムの構造と、そのコンポーネントを使用してユーザーフローを作成する方法を理解することから設計プロセスを開始します。

地図のデザイン：エカテリンブルクのメトロマップの再設計

大都市の地下列車ネットワークもテレポート装置である可能性があります。人々は、AからBへの移動方法を気にしません。ロンドン、パリ、モスクワでは、シート上に空きスペースがあまりないため、メトロの地図には地表の地理が表示されていません。路線が1つしかない場合でも、都市のメトロマップを設計することは非常に困難な作業です。昨年、同僚のPasha Omelekhinと私は、ロシアのエカテリンブルクのメトロマップの再設計に取り組むことに興奮しました。私たちは楽しんだ（彼がデザインした、私が監督した）。この記事では、設計プロセスについて説明します。詳細になるので、興味によっては、これは非常に退屈または非常にエキサイティングな場合があります。それでも、私たちは多くを省略しました。同様のプロジェクトに取り組む必要がある場合に、これがお役に立てば幸いです。

製品をブレインストーミングするためのフレームワーク

ブレーンストーミングは、構造化されておらず、多くの場合実行できないことで有名です。人々はいくつかのポストイットとホワイトボードのある部屋に入り、素晴らしいアイデアが起こることを期待しています。問題は、部屋に素晴らしいアイデアがあったとしても、どのアイデアを実行するかを明確に決定する方法がない場合が多いことです。約1年前、私と同僚のMichael（AJ＆Smartの創設パートナー）は、アジャイル開発における機能の優先順位付けについて、素晴らしいAdrianHowardが運営するマスタークラスに参加していました。具体的には、次に来る機能とリリースする時期をどのように決定できるかを尋ねていました。

忠実なユーザーを傷つけることなく新機能を展開する方法

_「アジャイルであること。早期リリース。頻繁にリリースします。」_私たちはドリルを知っています。しかし、機能を頻繁に展開し続けることは戦略的に賢明ですか？特に、構築している製品が特定のサイズに達したら、新しいマイナーリリースごとにアプリケーションの整合性を危険にさらしたくないでしょう。

Web開発リーディングリスト＃141：jQuery 3、Chillout.js、およびテクノロジーが社会を形作る方法

Web開発リーディングリストの「GoingBeyond」セクションの記事がまったく見つからない週があります。そして、このような週があります。そこでは、**新しいテクノロジーと一緒に暮らす方法**と、これが私たちの社会をどのように形作るかについて多くを明らかにする2つの素晴らしい作品が現れます。たくさんの優れた技術記事とともに、次の2週間あなたを離れるのに最適な方法です。来週は休暇で休むので、来週の金曜日には要約がありませんのでご注意ください。

友達を見つけて創造性を高め、デジタルの夢を実現しましょう

あなたは何かに情熱を持っていますか？秘密のプロジェクトはありますか？世界を変えるものではありませんが（誰が知っていますか？）、間違いなく_あなたを変える_？あなたのスキルを補完する友達がいますか？最近誰かがあなたに彼らのプロジェクトの助けを求めましたか？あなたはただデジタルの夢を持っていますか、それともそれを実現する計画もありますか？すべての専門家には共通点があります。それはコンフォートゾーンと呼ばれています。あなたがそこにいる最初の兆候は、あなたが地平線上に挑戦を見ないときです。あなたはあなたが上手く実行するために必要なほとんどすべてを知っています、そして何かなじみのないものがあなたの道に来るならば、それはかなり速く解決することができます。あなたが動きを止めたことに気付くのにしばらく時間がかかるかもしれません、そしてフリーランスのプロジェクトに取り組むことはあなたの脳を忙しく保つ唯一の方法のようです。

Web画像効果パフォーマンス対決

ブラウザがグラフィックレンダリング機能を絶えず向上させるにつれて、ブラウザ内で真に設計する機能がより現実的になりつつあります。数行のコードで、すばやく劇的な視覚的インパクトを与えることができ、**多くの労力をかけずに一貫性を保つことができます**。そして、Web開発のほとんどのものと同様に、同じ効果を達成するための多くの方法があります。この投稿では、最も人気のある画像効果の1つであるグレースケールを見て、HTMLキャンバス、SVG、CSSフィルター、およびCSSブレンドモードの実装の容易さとパフォーマンスへの影響の両方を評価します。 _どちらが勝ちますか？_

アイコンデザインを改善するための6つの簡単なステップ

Iconfinderに送信されたすべてのアイコンセットは、当社のWebサイトユーザーへの潜在的な魅力と、プレミアムアイコンとしての潜在的な商業的価値についてレビューおよび評価されます。ウェブサイトに送信されたアイコンセットを確認する場合、ウェブサイト上のすべてのプレミアムアイコンが可能な限り最高の品質であることを確認する責任がデザイナーとお客様にあります。

コンテンツファーストのプロトタイピング

コンテンツはデジタル経済の中核商品です。それは私たちが贅沢な体験に形作る金であり、ロイヤルティプログラムやアップセルに含まれるダイヤモンドです。それでも、設計者として、私たちは事後にそれをプラグインすることがよくあります。インタラクションとビジュアルデザインのプロトタイプを徹底的に作成しますが、「本当の言葉」は後でドロップするだけでよいことを受け入れます。より良い方法があります。ますます、私たちが作成するデジタル商品は、コンテンツ、機能、コード、および意図の動的なシステム内で動作します。当社の製品とサービスは、パートナーのWebサイト、ソーシャルメディアフィード、および無数の電子アグリゲーターに流れ込み、波及します。これらはすべて、訪問者の行動と理解を形作ることを目的としています。 **システムはシステム上に構築されています**、そして簡単に言えば、私たちはその幅が気が遠くなるような巨大なものをまとめました。