未来を念頭に置いたウェブサイトの構築

公開: 2020-10-09

Webデザインには実存的な質問が満載です。最大の存在の1つ：明日も（スタイルと機能の両方で）関連性のあるWebサイトを今日構築できますか？

答えはおそらく、あなたが言及している未来への明日数に依存します。しかし、経験則として、時間が経つほど、Webサイトのデザインと機能の関連性が低くなります。未来は常に変化をもたらします–多くの場合私たちが予期しない方法で。

これは、再設計作業で忙しくするので、おそらく良いことです。しかし、既存のサイトをリファクタリングする場合、それは実際の課題になる可能性があります。

その挑戦の秘訣は、未来を見据えたウェブサイトをデザイン・構築することです。以下は、まさにそれを行うためのいくつかのヒントです。

確立されたシステムを使用する

コンテンツ管理システム（CMS）が世界を支配するようになりました。 WordPressやDrupalなどの大手企業は誰もが知っていますが、競合他社は数え切れないほどあります。それはそこにあるDIYサイトビルダーサービスの過多も考慮に入れていません。

新進気鋭のシステムの多くは説得力があるように聞こえますが、それらの寿命の可能性に関して深刻な問題があります。簡単に言えば、彼らは数年以内に存在するかもしれないし、存在しないかもしれない。これは品質の問題でもありません。現実には、それは困難な戦いであり、途中でいくらかの犠牲者が出るはずです。

小規模なプロジェクトの場合、これは大きな問題にはならないかもしれません。しかし、大規模なWebサイトの場合、安定性が重要です。現在のプラットフォームが低迷している（または悪化している）ために新しいCMSに移行する必要があることは、主要なタスクです。

そのため、デザインを作成したり、1行のコードを記述したりする前に、CMSを選択することが最大の決定事項になります。賢明に選択してください。

そして、完璧なCMSを選択したら、使用するプラグインについてじっくり考えてみてください。これは、これらのプラグインがeコマースやメンバー管理などのコア機能を強化する場合に特に重要です。繰り返しになりますが、目標は、後で切り替える必要があるという大きな混乱を回避することです。

WordPressプラグイン画面

柔軟性のための設計とコード

将来の面倒をほぼ確実にする1つの方法は、柔軟性のない機能を身に付けることです。これには、クライアントが提供したコンテンツのサンプル部分用に構築された設計要素と、将来的に簡単に拡張できないカスタムコードの両方が含まれます。

デザイン

ウェブサイトは時間とともに進化します。新しいコンテンツが追加され、その形式は常に変更される可能性があります。ただし、これを予測するのは非常に難しい場合があります。ですから、私たちは今ここでデザインする傾向があります。

それでも、これは私たちがこの必然性に備えることができないという意味ではありません。これを行う簡単な方法の1つは、CSSの驚くべき新しいレイアウト機能のいくつかを利用することです。たとえば、Flexboxは、グループの最も高い列に一致するように拡大できる複数列のレイアウトを提供します。また、CSSグリッドは、わずかなコードでほぼ無限の複雑なレイアウトに調整できます。

ナビゲーションは、常に当初の意図を超えているように見える別の領域です。古き良きハンバーガーメニューの後ろに少なくともいくつかのアイテムを配置するなど、トレンドに従うことでこれに備えることができます。これにより成長が可能になり、必ずしも根本的な設計変更は必要ありません。

何よりも、創造的で実用的なソリューションを探してください。これは、自作のデザインの壁にぶつからないようにするのに役立ちます。

コード

コンテンツのニーズが変わるのと同じように、機能要件も変わります。したがって、今日私たちが書いたコードがいつか変更されることを予想し、受け入れることはおそらく価値があります。

使用している言語と経験レベルによっては、将来の微調整を可能にするコードを書くことは非常に難しい場合があります。時には、それを最も差し迫ったニーズのために機能させるだけで、私たちのすべての頭脳が必要になります。

さらに、同じ結果を達成する方法はいくつもあります。ただし、これは良いことです。最初の機能目標を達成したら、もう一度確認する機会があります。

そこから、自分が行ったことを合理化する方法を考え、後で拡張するのがどれほど簡単になるかを見てください。コードを可能な限り効率的にする方法を自問してください。これらの手順を今実行することで、将来の混乱を防ぐことができます。

コードを書いている男。

潜在的な成長分野を探す

時々、クライアントのためのウェブサイトを構築することは推測ゲームです。多くの場合、それは漠然とした要求を理解しようとし、それらがあなたのアイデアにどのように反応するかを予測することを含みます。同じ波長に乗るのは難しいかもしれません。

そのため、適切な質問をすることが重要です。これは、時間の経過とともに拡大する可能性のあるプロジェクトの領域を見つける場合に非常に役立ちます。

たとえば、クライアントが単純なeコマースサイト（ちなみに存在しない）を探していると言ったとします。これは成長の準備が整った領域です。

新しい製品や機能は、おそらくいつか追加されるでしょう。これを理解することで、可能性を見越して設計および構築できます。 1つの例として、焦点を絞ったものではなく、簡単に拡張してさまざまなことを実行できるショッピングカートを実装する場合があります。

机で働く男。

あなたは未来を止めることはできませんが、それのために構築することを試みることができます

Webデザインの将来とクライアントのニーズを予測することは正確な科学ではありませんが、それでも価値のある取り組みです。確かに、私たちが間違って推測する時があります。しかし、私たちのワークフローに前向きな実践を実装することは、ほとんどの変更に対応するのに役立ちます。

何よりも、それはあらゆる段階で賢明な意思決定を行うことです。それがCMSの選択であろうと、CSSの作成であろうと、それがWebサイトの将来への適応能力にどのように影響するかを考えることが重要です。

私たちが作成するものは、現在の形で永遠に続くことはありません。しかし、準備をすることで、その進化が可能な限りスムーズになるように支援することができます。